Récupération de la valeur d'un élément pour traitement

**geek34** · 14/01/2009, 15h24

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
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript">
// Selectionner les smileys et et envoie le titre dans le input
$("a.smiley").each(function() {
  $(this).click(function() {
 
  var smiley = $("input[@name=input]").val() + $(this).("img#smiley").attr("title");
  $("input[@name=input]").val(smiley);
 
  });
});
 
<a href="#" class="smiley" title="^^" /><img src="smileys/smiley1.gif" /></a>
<a href="#" class="smiley" title="^^" /><img src="smileys/smiley2.gif" /></a>
<a href="#" class="smiley" title="^^" /><img src="smileys/smiley3.gif" /></a>
<a href="#" class="smiley" title="^^" /><img src="smileys/smiley4.gif" /></a>
<a href="#" class="smiley" title="^^" /><img src="smileys/smiley5.gif" /></a>
<a href="#" class="smiley" title="^^" /><img src="smileys/smiley6.gif" /></a>
<a href="#" class="smiley" title="^^" /><img src="smileys/smiley7.gif" /></a>
<a href="#" class="smiley" title="^^" /><img src="smileys/smiley8.gif" /></a>
<a href="#" class="smiley" title="^^" /><img src="smileys/smiley9.gif" /></a>
 
<input name="input" />

voici mon code ça ne fonctionne pas, si quelqu'un pouvait m'éclaircir ça serait vraiment sympa =)
merci davance

**Kerod** · 14/01/2009, 16h16

Je ferai plutôt ceci :

Code :

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

1
2
3
4
5
// Selectionner les smileys et et envoie le titre dans le input
$("a.smiley").click(function() {
  var smiley = $("input#valeur").val() + $(this).attr("title");
  $("input#valeur").val(smiley);
});

Avec

Code :

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

<input name="valeur" id="valeur" type="text" />

Ne pas utiliser input comme nom pour un input

J'ai pas testé mais ça devrait fonctionner

**geek34** · 14/01/2009, 16h34

merci de cette réponse rapide =)
je viens de tester mais ça ne fonctionne toujours pas

**Kerod** · 14/01/2009, 16h42

Ceci fonctionne très bien, regardes :

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
  <title>Hello!</title>
</head>
 
<body>
 
 
<script language="JavaScript" src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
    // Selectionner les smileys et et envoie le titre dans le input
    $(".smiley").click(function() {
      var smiley = $("input#valeur").val() + $(this).attr("title");
      $("input#valeur").val(smiley);
    });
});
</script>
<a href="#" class="smiley" title="^^" >1</a>
<a href="#" class="smiley" title="^^" >smiley2.gif</a>
<a href="#" class="smiley" title="^^" >smiley3.gif</a>
<a href="#" class="smiley" title="^^" >smiley4.gif</a>
<a href="#" class="smiley" title="^^" >smiley5.gif</a>
<a href="#" class="smiley" title="^^" >smiley6.gif</a>
<a href="#" class="smiley" title="^^" >smiley7.gif</a>
<a href="#" class="smiley" title="^^" >smiley8.gif</a>
<a href="#" class="smiley" title="^^" >smiley9.gif</a>
 
<input name="valeur" id="valeur" type="text" />
 
</body>
</html>