IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Position dans un textArea et insertion


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 6
    Par défaut Position dans un textArea et insertion
    Bonjour tout le monde,

    Voilà j'aurais juste besoin de comprendre ce qui ne marche pas car j'ai pas du tout capter à ce que j'ai fait .. En l'occurrence je veux bêtement que le code du smiley s'affiche dans un bête textarea, à la manière de ce qu'on trouve sur les forums tel que celui ci ..

    Si quelqu'un a une idée sur l'erreur que j'ai pu commettre :

    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
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    		<script type="text/javascript">
    		function addText(startTag,defaultText,endTag)
    		{
    			message = $('req_message');
    			if (message.createTextRange)
    			{
    				var text;
    				message.focus(message.caretPos);
    				message.caretPos = document.selection.createRange().duplicate();
    				if(message.caretPos.text.length>0)
    				{
    					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 setSmile(code)
    		{
    			addText('',' '+code+' ','');
    		}
    		
    		function bbcode(text) 
    		{
    			var txtarea = document.post.body;
    			text = ' ' + text + ' ';
    			if (txtarea.createTextRange && txtarea.caretPos) 
    			{
    				var caretPos = txtarea.caretPos;
    				caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
    				txtarea.focus();
    			} else 
    			{
    				txtarea.value  += text;
    				txtarea.focus();
    			}
    		}
    		</script>
    
    		<table class="tableau_centre" border="0" cellpadding="0" cellspacing="0">
    		  <tbody>
    		    <tr>
    			<td style="width: 29px;"><a href="javascript:setSmile(':)');"><img src="smileys/smile.gif" alt=":)"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':|');"><img src="smileys/mellow.gif" alt=":|"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':())');"><img src="smileys/sad.gif" alt=":("></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':D');"><img src="smileys/add_histerique.gif" alt=":D"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':o');"><img src="smileys/ohmy.gif" alt=":o"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(';)');"><img src="smileys/wink.gif" alt=";)"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':/');"><img src="smileys/unknw.gif" alt=":/"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':P');"><img src="smileys/tongue.gif" alt=":P"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':lol:');"><img src="smileys/lol.gif" alt=":lol:"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':mad:');"><img src="smileys/mad.gif" alt=":mad:"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':rolleyes:');"><img src="smileys/rolleyes.gif" alt=":rolleyes:"></a></td>
    			<td style="width: 29px;"><a href="javascript:setSmile(':cool:');"><img src="smileys/cool.gif" alt=":cool:"></a></td>
    			<td><input type="button" class="button" value="Gras" style="font-weight:bold; width: 50px" onClick="javascript:bbcode(' votre texte ici ')"></td>
    			<td><input type="button" class="button" value="Souligné" style="text-decoration:underline; width: 80px" onClick="javascript:bbcode(' votre texte ici ')"></td>
    			<td><input type="button" class="button" value="Italique" style="font-style: italic; width: 70px" onClick="javascript:bbcode(' votre texte ici ')"></td>
    			<td><input type="button" class="button" value="URL" style="text-decoration:underline; color:blue; width: 45px" onClick="javascript:bbcode(' lien internet ici ')"></td>
    		    </tr></td>
    		  </tbody>
    		</table>
    		<strong>Message</strong><br />
    		<p><textarea onmouseover="this.focus();" name="req_message" id="req_message" rows="20" cols="95" tabindex="2">Placez votre texte ici.</textarea></p><br />

  2. #2
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 6
    Par défaut
    Je ne suis peut être pas assez clair ?

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 6
    Par défaut
    Personne n'a d'idées pour mon problème de débutants ?

Discussions similaires

  1. Positions dans un textarea
    Par Daniell dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 15/06/2007, 16h12
  2. gestion de la position du curseur dans un textarea
    Par XavierWRC dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 27/02/2006, 12h56
  3. Recuperer la position du curseur dans un textarea
    Par Tabrar dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/02/2006, 17h40
  4. insertion d'une balise dans un textarea en cliquant
    Par psychoBob dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 19/01/2006, 14h46
  5. Insertion d'info dans un textarea
    Par krown dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 01/01/2005, 21h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo