bbcode et javascript -> un petit script avec un petit bug ... mais où?

bbcode et javascript -> un petit script avec un petit bug ... mais où? - HTML/CSS - Programmation

Marsh Posté le 07-05-2006 à 18:59:47    

Voilà mon problème, je cherche à mettre du bbcode dans un textarea. J'utilise pour çà une petite fonction qui insère du bbcode à partir de bouton com sur ce forum. Sauf que celle ci marche pour des balise de type [b] [ / b] ou encore [url] [ / url] ( sans les espaces bien sur ). Sauf qe lorsque je veux passer à des balises du genre [color=#00e21c][ / color], il voudrait m'insérer [color=#00e21c][ / color=#00e21c].  
 
Je vous met donc la fonction que j'utilise. Je l'ai récupérer sur le net. Pour palier à ce pb, j'ai pensé à donner un deuxième argument à ma fonction pour lui donner le contenu de la balise de début et celle de fin. C'est ici que provient le hic ... lorsque je survole mes liens il m'affiche :

Code :
  1. javascript:storeCaret(


 
Le code parlera mieux que moi :  
 
var isMozilla = (navigator.userAgent.toLowerCase().indexOf('gecko')!=-1) ? true : false;
var regexp = new RegExp("[\r]","gi" );
 

Code :
  1. function storeCaret(selec,special)
  2. {
  3. if (isMozilla)
  4. {
  5. // Si on est sur Mozilla
  7.  oField = document.forms['form'].elements['contenu'];
  9.  objectValue = oField.value;
  11.  deb = oField.selectionStart;
  12.  fin = oField.selectionEnd;
  14.  objectValueDeb = objectValue.substring( 0 , oField.selectionStart );
  15.  objectValueFin = objectValue.substring( oField.selectionEnd , oField.textLength );
  16.  objectSelected = objectValue.substring( oField.selectionStart ,oField.selectionEnd );
  18. // alert("Debut:'"+objectValueDeb+"' ("+deb+" )\nFin:'"+objectValueFin+"' ("+fin+" )\n\nSelectionné:'"+objectSelected+"'("+(fin-deb)+" )" );
  20.  oField.value = objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + special + "]" + objectValueFin;
  21.  oField.selectionStart = strlen(objectValueDeb);
  22.  oField.selectionEnd = strlen(objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + special + "]" );
  23.  oField.focus();
  24.  oField.setSelectionRange(
  25.   objectValueDeb.length + selec.length + 2,
  26.   objectValueDeb.length + special.length + 2);
  27. }
  28. else
  29. {
  30. // Si on est sur IE
  32.  oField = document.forms['form'].elements['contenu'];
  33.  var str = document.selection.createRange().text;
  35.  if (str.length>0)
  36.  {
  37.  // Si on a selectionné du texte
  38.   var sel = document.selection.createRange();
  39.   sel.text = "[" + selec + "]" + str + "[/" + special + "]";
  40.   sel.collapse();
  41.   sel.select();
  42.  }
  43.  else
  44.  {
  45.   oField.focus(oField.caretPos);
  46.  // alert(oField.caretPos+"\n"+oField.value.length+"\n" )
  47.   oField.focus(oField.value.length);
  48.   oField.caretPos = document.selection.createRange().duplicate();
  50.   var bidon = "%~%";
  51.   var orig = oField.value;
  52.   oField.caretPos.text = bidon;
  53.   var i = oField.value.search(bidon);
  54.   oField.value = orig.substr(0,i) + "[" + selec + "][/" + special + "]" + orig.substr(i, oField.value.length);
  55.   var r = 0;
  56.   for(n = 0; n < i; n++)
  57.   {if(regexp.test(oField.value.substr(n,2)) == true){r++;}};
  58.   pos = i + 2 + selec.length - r;
  59.   //placer(document.forms['news'].elements['newst'], pos);
  60.   var r = oField.createTextRange();
  61.   r.moveStart('character', pos);
  62.   r.collapse();
  63.   r.select();
  65.  }
  66. }
  67. }


 
et voici mes boutons pas encore fini...

Code :
  1. <div align=\"center\">
  2.    <center>
  3.    <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">
  4.      <tr>
  5.        <td width=\"100%\" align=\"center\">
  6.    <a href=\"javascript:storeCaret(\"b\",\"b\" );\"><img style=\"background-color: #FFFFFF\" border=\"1\" src=\"img_bbcode/bold.gif\" width=\"21\" height=\"22\"></a>&nbsp;
  7.          <a href=\"javascript:storeCaret(\"i\",\"i\" );\"><img style=\"background-color: #FFFFFF\" border=\"1\" src=\"img_bbcode/italic.gif\" width=\"21\" height=\"22\"></a>&nbsp;
  8.          <a href=\"javascript:storeCaret(\"u\",\"u\" );\"><img style=\"background-color: #FFFFFF\" border=\"1\" src=\"img_bbcode/underline.gif\" width=\"21\" height=\"22\"></a>&nbsp;
  9.            <a href=\"javascript:storeCaret(\"code\",\"code\" );\"><img style=\"background-color: #FFFFFF\" border=\"1\" src=\"img_bbcode/code.gif\" width=\"21\" height=\"22\"></a>&nbsp;
  10.           <a href=\"javascript:storeCaret(\"url\",\"url\" );\"><img style=\"background-color: #FFFFFF\" border=\"1\" src=\"img_bbcode/link.gif\" width=\"21\" height=\"22\"></a>&nbsp;
  11.           <a href=\"javascript:storeCaret(\"img\",\"img\" );\"><img style=\"background-color: #FFFFFF\" border=\"1\" src=\"img_bbcode/image.gif\" width=\"21\" height=\"22\"></a>&nbsp;
  12.           <a href=\"javascript:storeCaret(\"color=#123456\",\"color\" );\"><img style=\"background-color: #FFFFFF\" border=\"1\" src=\"img_bbcode/image.gif\" width=\"21\" height=\"22\"></a>&nbsp;


Message édité par xadawa le 07-05-2006 à 20:29:26
Reply

Marsh Posté le 07-05-2006 à 18:59:47   

Reply

Sujets relatifs:

Leave a Replay

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