Besoin d'un code Javascript

Besoin d'un code Javascript - HTML/CSS - Programmation

Marsh Posté le 30-06-2005 à 13:13:03    

Bonjour tt le monde,
 
Mon truc c'est le php et jusqu'à maintenant j'ai pas mis une seule ligne de javascript sur mon site. Mais là j'en ai vraiment besoin alors est-ce qu'une bonne ame peut me donner un bout de code. C'est pour mon forum, les user peuvent mettre du bbcode mais pour la plupart ils savent pas ce que c'est. Alors j'ai dans l'idée de faire une petite barre d'outil comme sur hardware. le probleme et ça doit pas etre compliqué en javascript, c'est de faire une fonction qui fait que quand on clique sur une image ça ajoute des caracteres dans le formulaire. (donc dans mon cas les caracteres en question c'est du bbcode hein  ;) . Donc il faut prendre en compte que ça doit ajouter une balise de bbcode au depuis du text surligné et une balise qui ferme pour la fin.
Je ne sais pas si je suis clair.  
Mais si vous pouviez m'orienter vers qq chose...
 
Merci

Reply

Marsh Posté le 30-06-2005 à 13:13:03   

Reply

Marsh Posté le 30-06-2005 à 13:19:02    

Regarde comment a été fait le js sur ce forum, ca te servira de fil directeur.

Reply

Marsh Posté le 30-06-2005 à 15:25:19    

ou tu utilises des scripts sympa comme tinyMCE ou FCKeditor, ou encore HTMLarea...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 01-07-2005 à 14:33:17    

plainsofpain a écrit :

ou tu utilises des scripts sympa comme tinyMCE ou FCKeditor, ou encore HTMLarea...


Heu non tes logiciels ont l'air très bien mais c'est beaucoup trop par rapport à ce que je cherche. D'ailleurs sur mon site tout le code est de moi, je ne mets que ce que je comprends et la  :pt1cable:

Reply

Marsh Posté le 01-07-2005 à 14:37:19    

Ayuget a écrit :

Regarde comment a été fait le js sur ce forum, ca te servira de fil directeur.


Justement, c'est par quoi  j'ai commencé mais mise à part :  

Code :
  1. <div class="left">
  2.    <img style="cursor:pointer" class="text_bold" onclick="TAinsert('','');" title="Mettre en gras le texte. Syntaxe : texte" alt="[b]" src="http://forum-images.hardware.fr/icones/message/bold.gif" width="27" height="28" /><img
  3.    style="cursor:pointer" class="text_ita" onclick="TAinsert('','');" title="Mettre en italique le texte. Syntaxe : texte" alt="[i]" src="http://forum-images.hardware.fr/icones/message/italic.gif" width="25" height="28" /><img
  4.    style="cursor:pointer" class="text_under" onclick="TAinsert('','');" title="Souligner le texte. Syntaxe : texte" alt="[u]" src="http://forum-images.hardware.fr/icones/message/underline.gif" width="26" height="28" /><img
  5.    style="cursor:pointer" class="text_strike" onclick="TAinsert('','');" title="Barrer le texte. Syntaxe : texte" alt="[strike]" src="http://forum-images.hardware.fr/icones/message/strike.gif" width="26" height="28" /><img
  6.    style="cursor:pointer" class="text_spoiler" onclick="TAinsert('

    Spoiler :

    ','

    ');" title="Masquer le texte. Syntaxe :

    Spoiler :

    texte

    " alt="[spoiler]" src="http://forum-images.hardware.fr/icones/message/spoiler.gif" width="26" height="28" /><img

  7.    style="cursor:pointer" class="text_fixed" onclick="TAinsert('

    ','

    ');" title="Ecrire avec une police de taille fixe. Syntaxe :

    texte

    " alt="[fixed]" src="http://forum-images.hardware.fr/icones/message/fixe.gif" width="26" height="28" /><img

  8.    style="cursor:pointer" class="cpp" onclick="TAinsert('[cpp]','

');" title="Insérer du code C/C++. Syntaxe :

Code :
  1. texte

" alt="

Code :
  1. " src="http://forum-images.hardware.fr/icones/message/c.gif" width="26" height="28" /><img
  2.    style="cursor:pointer" class="text_url" onclick="TAinsert('','');" title="Insérer une URL. Syntaxe : texte" alt="[url]" src="http://forum-images.hardware.fr/icones/message/url.gif" width="26" height="28" /><img
  3.    style="cursor:pointer" class="text_email" onclick="TAinsert('[email]','[/email]');" title="Insérer une adresse email. Syntaxe : email@hostname.com" alt="[email]" src="http://forum-images.hardware.fr/icones/message/email.gif" width="26" height="28" /><img
  4.    style="cursor:pointer" class="image" onclick="TAinsert('[img]','[/img]');" title="Insérer une image. Syntaxe : http://www.exemple.com/exemple.jpg" alt="[img]" src="http://forum-images.hardware.fr/icones/message/image.gif" width="26" height="28" /><img
  5.    style="cursor:pointer" class="text_puce" onclick="TAinsert('

    • ','');" title="Insérer une puce. Syntaxe : [*]texte" alt="[*]" src="http://forum-images.hardware.fr/icones/message/puce.gif" width="23" height="28" />
    •    &nbsp;&nbsp;
    •   </div>

Je n'arrive pas à trouver le début du script qui devrait je pense se trouver dans le head.
Merci de m'aider  :hello:


Message édité par Scarf3ss3 le 01-07-2005 à 14:39:44
Reply

Marsh Posté le 27-07-2005 à 14:23:56    

Comment écrire la fonction TAinsert ?

Reply

Marsh Posté le 27-07-2005 à 17:18:06    

En copiant-collant. Si t'arrives pas à la trouver, c'est qu'il faut apprendre l'HTML et le JS, et comment inclure un JS interne dans une page ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed