Discussion :

[pek.plus.ultra59]

Bonjour,

Je débute en javascript et je rencontre quelques soucis. Pour vous c'est surement un jeux d'enfant mais pour moi une grande étape à franchir.

Je suis en train de concevoir un éditeur de texte textarea en ligne, comme ceux utilisé pour poster mais j'ai un souci avec le bouton d'une liste numérotée.

La liste ne s'incrémente pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
   <a href="javascript:var cpt=list(cpt);"><img src="images/texte/text_list_numbers.png"></a>
 
function AddText(startTag,defaultText,endTag) 
{
   with(document.poster)
   {
      if (message.createTextRange) 
      {
         var text;
         message.focus(message.caretPos);
         message.caretPos = document.selection.createRange().duplicate();
         if(message.caretPos.text.length>0)
         {
            //gère les espace de fin de sélection. Un double-click sélectionne le mot
            //+ un espace qu'on ne souhaite pas forcément...
            var sel = message.caretPos.text;
            var fin = '';
            while(sel.substring(sel.length-1, sel.length)==' ')
            {
               sel = sel.substring(0, sel.length-1)
               fin += ' ';
            }
            message.caretPos.text = startTag + sel + endTag + fin;
         }
         else
            message.caretPos.text = startTag+defaultText+endTag;
      }
      else message.value += startTag+defaultText+endTag;
   }
}
 
 function list(cpt)
 {
 
 	cpt=cpt+1;
 	AddText("list"cpt,"","/list")
 	return cpt;
 
 }

Je suis vraiment un grand novice. Pouvez vous m'aidez please?

Merci

[yakiniku]

Salut,

essaie en corrigeant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<span onclick="cpt=list(cpt);"><img src="images/texte/text_list_numbers.png"></span>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<script type='text/javascript'>
	var cpt = 0;
function AddText(startTag,defaultText,endTag) 
{
     with(document.poster)
   {
      if (message.createTextRange) 
      {
         var text;
         message.focus(message.caretPos);
         message.caretPos = document.selection.createRange().duplicate();
         if(message.caretPos.text.length>0)
         {
            //gère les espace de fin de sélection. Un double-click sélectionne le mot
            //+ un espace qu'on ne souhaite pas forcément...
            var sel = message.caretPos.text;
            var fin = '';
            while(sel.substring(sel.length-1, sel.length)==' ')
            {
               sel = sel.substring(0, sel.length-1)
               fin += ' ';
            }
            message.caretPos.text = startTag + sel + endTag + fin;
         }
         else
            message.caretPos.text = startTag+defaultText+endTag;
      }
      else message.value += startTag+defaultText+endTag;
   }
}
 
 function list(cpt)
 {
 
 	cpt=cpt+1;
 	AddText("list"+cpt,"","/list");
 	return cpt;
 
 }
 </script>

[pek.plus.ultra59]

Salut,

essaie en corrigeant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<span onclick="cpt=list(cpt);"><img src="images/texte/text_list_numbers.png"></span>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<script type='text/javascript'>
	var cpt = 0;
function AddText(startTag,defaultText,endTag) 
{
     with(document.poster)
   {
      if (message.createTextRange) 
      {
         var text;
         message.focus(message.caretPos);
         message.caretPos = document.selection.createRange().duplicate();
         if(message.caretPos.text.length>0)
         {
            //gère les espace de fin de sélection. Un double-click sélectionne le mot
            //+ un espace qu'on ne souhaite pas forcément...
            var sel = message.caretPos.text;
            var fin = '';
            while(sel.substring(sel.length-1, sel.length)==' ')
            {
               sel = sel.substring(0, sel.length-1)
               fin += ' ';
            }
            message.caretPos.text = startTag + sel + endTag + fin;
         }
         else
            message.caretPos.text = startTag+defaultText+endTag;
      }
      else message.value += startTag+defaultText+endTag;
   }
}
 
 function list(cpt)
 {
 
 	cpt=cpt+1;
 	AddText("list"+cpt,"","/list");
 	return cpt;
 
 }
 </script>

Haaa tu es un DIEUX, je savais bien que ca n'aurait pas été compliqué pour des pros .
J'y étais presque, j'avais pensé à initialiser également cpt=0 mais je l'avais mis en haut de ma page dans une autre balise script. Ça me m'était une erreur.

[pek.plus.ultra59]

Une autre petite question, pourquoi faut il ajouter un span au lieu de la balise <a>

[yakiniku]

Personnellement je préfère utiliser les balises <a> pour les liens et les <span> (ou <div>) pour les autres besoins, mais ca n'engage que moi ^^

[pek.plus.ultra59]

Je viens d'essayer avec la balise <a> mais le hic, c'est que ca m'ouvre une page blanche avec le résultat

J'aurais bien laissé la balise span, mais je dois avoir une bordure grise autour de mon icon et lorsque ma souris se positionne dessus je devrais avoir une petite main pour montrer que c'est un lien.

Tu as une solution stp?