[Javascript][Débutant] création liste à puces pour un bbcode

Bonsoir à tous :) ,

Je voudrais ajouter dans mon bbcode 3 fonctions semblables qui ouvrent une fenêtre en Javascript à chaque fois :

• l'insertion automatisée de liste à puces comme sur ce forum
• l'insertion automatisée de liste numérotées comme sur ce forum
• un système d'ajout de liens comme sur ce forum mais qui en plus de la saisie de l'adresse propose la saisie d'un texte pour le lien

Pour le lien je voudrais que ça ajoute des balises de la forme suivante

Code:

---

[lien url=http://www.developpez.net]texte du lien[/lien]

---

voilà merci d'avance ;)

Je n'ai aucune piste ne serait-ce que pour commencer ce système... :?

Heu, si tu as deux input, un pour le texte et un pour le lien, genre :

Code:

---

1 2	<input type="text" id="lien" /> <input type="text" id="texte" />

---

Tu peux, sur le onclick d'un bouton, affecter une valeur au textarea de la page mère genre :

Code:

---

<input type="button" value="Ok" onclick="opener.getElementById('iddetontextareadelapagemere').value+='[lien url='+document.getElementById('lien').value+']'+document.getElementById('texte').value+'[/lien]';window.close();" />

---

Merci, mais mon problème est plus complexe que ça, je réexplique plus précisément
Je voudrais que le système soit semblable à celui de ce site. En utilisant la fonction prompt...

• ma page php dont je vous donne le code concerné ("rediger_news.php")
• un fichier qui contiendra les fonction que j'aimerais que vous me donniez ("navigateur.js")
• un fichier qui sert à la prévisualisation ("prev.js")

le code HTML :

Code:

---

1 2 3 4 5 6

<input type="button" name="lien" onClick="javascript:nom_fonction..." value="Lien" /> <input type="button" name="liste_puces" onClick="javascript:nom_fonction..." value="Liste à puces" /> <input type="button" name="liste_num" onClick="javascript:nom_fonction..." value="Liste numérotée" />   <textarea cols="50" rows="10" id="textarea" name="contenu"></textarea>

---

Voilà ce que je voudrais povoir avoir après avoir validé la création des différentes listes ou liens.

Code:

---

1 2 3 4

[liste_puce] [puce]Le texte tapé dans la fenêtre...[/puce] [puce]idem[/puce] [puce]idem[/puce][/liste_puce]

---

Code:

---

1 2 3 4

[liste_num] [num]Le texte tapé dans la fenêtre...[/num] [num]idem[/num] [num]idem[/num][/liste_num]

---

Code:

---

[lien url=http://www.developpez.net]texte du lien[/lien]

---

Merci d'avance à ceux qui m'aideront...:yaisse2: :king:

Heuu ... Je pense que le mieux est que tu regardes le code source du site hein. :?

ok, merci, j'ai résolu le problème des listes à puces et numérotées mais pas celui des liens. Voilà une ébauche très sommaire de ce que je tente de faire :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

// lien function lien(texte){   var question = prompt("Saisissez l'adresse du lien"); var adresse_lien=""; var question = prompt("Saisissez le lien"); var texte_lien="";   lien_complet="<a href="http://adresse_lien" target="_blank">"texte_lien"</a>";   bbcode(lien_complet,'','textarea'); }

---

je n'y connais rien, j'ai juste tenté une ébauche, si quelqu"un est capable de la compléter un peu ou beaucoup :D

Merci d'avance

Code:

---

lien_complet = '<a href="http://' + adresse_lien + '" target="_blank">' + texte_lien + '</a>';

---

ok, merci de ta réponse rapide. Mon code a été transformé sûrement par le parseur du site du coup je met un a à la place du u de url... :P

voilà le code avec les modifs que tu m'as donné

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

// lien function lien(texte){   var question = prompt("Saisissez l'adresse du lien"); var adresse_lien=""; var question = prompt("Saisissez le texte du lien"); var texte_lien="";   lien_complet='[arl=' + adresse_lien + ']' + texte_lien + '[/arl]';   bbcode(lien_complet,'','textarea'); }

---

quand je valide la deuxième fenêtre il n'affiche que , il n'insère pas ce que je viens d'entrer dans les deux fenetres...

Code:

---

1 2	var adresse_lien = prompt("Saisissez l'adresse du lien"); var texte_lien = prompt("Saisissez le texte du lien");

---

rapide, patient, clair, précis merci Bisûnûrs:yaisse2: :king:

problème résolu a+ :lol:

Je souhaiterai créer une fonction qui insère les tags liste à puces.

En claire, comment insérer en début et en fin de sélection le tag LIST et insérer tout en même temps à chaque début de ligne les tags * (étoiles) ?

D'avance merci,
Fabiano13