menu deroulant qui insert du texte

menu deroulant qui insert du texte [Réglé]

Peter Parker Membre non connecté

Booster Bazooka

Le 20/11/2010 à 12h55

c'est a dire que quand je clic sur les les liens du menu deroulant , aucun texte ne se mets dans le textaréa .

edit : voici la version finale du code :

le javascript :

Code JAVASCRIPT :

<script type="text/javascript">
function pasteInfo(select) {
    var info;
 
    // Si la première option est sélectionnée
    // On garde l'info telle quelle.
    if (select.selectedIndex === 0) {
        info = select.options[0].value;
 
    // Sinon on ajoute le BBCode autour
    } else {
        info = "[float=right][url=][img]" + select.options[select.selectedIndex].value + "[/img][/url][/float]";
    }
 
    // On colle dans le textarea
    document.getElementById('contents').value = info;
}
</script>

et le html :

Code HTML :

<form name="form" >
    <select style="margin-left:18px;" name="sujet"  onchange="pasteInfo(this);">
        <option value="Sélectionnez la source de l'info dans le menu déroulant ci-dessus, puis coller le lien de l'article après [url=" selected="selected">Source de l'info</option>
        <option value="http://www.monsite.fr/site/images/news_logos/gnt.png">GNT</option>
        <option value="http://www.monsite.fr/site/images/news_logos/01net.png">01.net</option>
    </select>
</form>
<br />
<label><textarea rows="20" cols="86" id="contents" name="contents">Sélectionnez la source de l'info dans le menu déroulant ci-dessus, puis coller le lien de l'article après [url=</textarea></label>

en fait pour que quand on arrive sur la page de rédaction la ligne d'aide soit directement inscrite dans le textaréa , il fallait l'inscrire dans le code html de celle ci . biensur aprés on rajoute autans d'option qu'on veut .

merci a Golmote du site du zero qui regler le soucis de façon magistrale

Édité par Peter Parker Le 20/11/2010 à 20h06

Peter Parker Membre non connecté

Booster Bazooka

Le 23/11/2010 à 17h32

#95950

bon alors le code a été revu pour ajouter une zone de texte devant le menu deroulant .

on entre l'url de l'article dans la zone ont choisit une source et tout se met dans le textaréa :

dans cette image on a coller le lien de l'article , mais on a pas selectionner de source

dans cette image on a selectionner la source , on voit que le liens de l'article s'est inserer aprés [url= et que le texte est formater avec les bbcodes adéquates

voici maintenant le code javascript :

Code JAVASCRIPT :

         function pasteInfo(select) {
             var info, lien_info;
 
               // on récupère le lien
               lien_info = document.getElementById('lien_info').value;
 
               // Si la première option est sélectionnée
               // On garde l'info telle quelle.
               if (select.selectedIndex === 0) {
               info = select.options[0].value;
 
               // Sinon on ajoute le BBCode autour
               } else {
               info = "[float=right][url=" + lien_info + "][img]" + select.options[select.selectedIndex].value + "[/img][/url][/float]";
               }
 
               // On colle dans le textarea
               document.getElementById('contents').value = info;
        }

et le code html :

Code HTML :

<input  style="margin-left:18px; width:490px;" type="text" id="lien_info" />
  <form name="form" >
                        <select  name="sujet" onchange="pasteInfo(this);">
                          <option value="Coller le lien de l'article dans la zone de texte ci-dessus , puis sélectionnez la source de l'info dans le menu déroulant" selected="selected">Source de l'info</option>
                          <option value="liens de l'image 1">Source de l'article</option>
                          <option value="liens de l'image 1">Source de l'article 2</option>
                        </select>
                       </form>
<br /><br />
<label><textarea rows="20" cols="86" id="contents" name="contents">{CONTENTS}</textarea></label>
<br />

et voila . biensur on peut rajouter autans d'option que l'on veut dans le code html , a noter que a caque fois qu'on selection une source , l'ancienne est remplacée , mais la nouvelle garde le liens de l'article entrée dans la zone de texte .

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

ReidLos Membre non connecté

Peter Parker Membre non connecté

Peter Parker Membre non connecté