changement de couleur de police par menu déroulant

changement de couleur de police par menu déroulant - HTML/CSS - Programmation

Marsh Posté le 03-03-2006 à 17:15:33    

Bon alors voilà...Je ne sais pas programmer en javascript, tout juste raccommoder ce qui existe déjà... Mon but est de faire qqch qui insère des BBcodes dans un textarea, j'ai trouvé un script qui marche bien (je les accommodé pour les smileys, la mise en gras, italique, l'insertion d'url...). Mais il me reste le problème de permettre le changement de couleur de la police à partir d'un menu déroulant, et je n'y parviens pas. Voici donc le script utilisé :
 

Code :
  1. var isMozilla = (navigator.userAgent.toLowerCase().indexOf('gecko')!=-1) ? true : false;
  2. var regexp = new RegExp("[\r]","gi" );
  4. function storeCaret(selec)
  5. {
  6. if (isMozilla)
  7. {
  8. // Si on est sur Mozilla
  10.  oField = document.forms['news'].elements['newst'];
  12.  objectValue = oField.value;
  14.  deb = oField.selectionStart;
  15.  fin = oField.selectionEnd;
  17.  objectValueDeb = objectValue.substring( 0 , oField.selectionStart );
  18.  objectValueFin = objectValue.substring( oField.selectionEnd , oField.textLength );
  19.  objectSelected = objectValue.substring( oField.selectionStart ,oField.selectionEnd );
  21. // alert("Debut:'"+objectValueDeb+"' ("+deb+" )\nFin:'"+objectValueFin+"' ("+fin+" )\n\nSelectionné:'"+objectSelected+"'("+(fin-deb)+" )" );
  23.  oField.value = objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + selec + "]" + objectValueFin;
  24.  oField.selectionStart = strlen(objectValueDeb);
  25.  oField.selectionEnd = strlen(objectValueDeb + "[" + selec + "]" + objectSelected + "[/" + selec + "]" );
  26.  oField.focus();
  27.  oField.setSelectionRange(
  28.   objectValueDeb.length + selec.length + 2,
  29.   objectValueDeb.length + selec.length + 2);
  30. }
  31. else
  32. {
  33. // Si on est sur IE
  35.  oField = document.forms['news'].elements['newst'];
  36.  var str = document.selection.createRange().text;
  38.  if (str.length>0)
  39.  {
  40.  // Si on a selectionné du texte
  41.   var sel = document.selection.createRange();
  42.   sel.text = "[" + selec + "]" + str + "[/" + selec + "]";
  43.   sel.collapse();
  44.   sel.select();
  45.  }
  46.  else
  47.  {
  48.   oField.focus(oField.caretPos);
  49.  // alert(oField.caretPos+"\n"+oField.value.length+"\n" )
  50.   oField.focus(oField.value.length);
  51.   oField.caretPos = document.selection.createRange().duplicate();
  53.   var bidon = "%~%";
  54.   var orig = oField.value;
  55.   oField.caretPos.text = bidon;
  56.   var i = oField.value.search(bidon);
  57.   oField.value = orig.substr(0,i) + "[" + selec + "][/" + selec + "]" + orig.substr(i, oField.value.length);
  59. //Partie modifiée
  61. //Gestion des retours chariots sous IE
  62. var temp = orig.substr(0,i);
  63. var nbretour =0;
  64. for (var cpt=0;cpt<temp.length;cpt=cpt+1)
  65. {
  66. if(temp.charAt(cpt)=="\n" )
  67. {
  68. nbretour=nbretour+1;
  69. }
  70. }
  71. //Prise en compte des retour chariots dans le placement du curseur
  72. pos = i + 2 + selec.length - nbretour;
  74.   //placer(document.forms['news'].elements['newst'], pos);
  75.   var r = oField.createTextRange();
  76.   r.moveStart('character', pos);
  77.   r.collapse();
  78.   r.select();
  80.  }
  81. }
  82. }


 
Et voilà mon formulaire :
 
 

Code :
  1. <?php
  2. echo '<form name=news action=plop.php><select name=color>';
  3. echo '<option>Changer de couleur</option>';
  4. echo '<option>Blanc</option>';
  5. echo '<option>Noir</option>';
  6. echo '</select>';
  7. echo '<textarea name="newst" id="newst" rows="10" wrap="off" cols="45" style="overflow:auto;"></textarea>';
  8. echo '<input type=submit value=envoyer></form>';
  9. ?>


 
Voilou ;) je serai reconnaissant à toute âme généreuse qui voudra bien me dire ce que je dois modifier dans le formulaire et le script pour que ca fonctionne. Merci d'avance ;)

Reply

Marsh Posté le 03-03-2006 à 17:15:33   

Reply

Sujets relatifs:

Leave a Replay

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