Récupèrer l'attribut NAME d'un input suite a un onmouseover

Version imprimable

25/12/2008, 15h14
lusos

Récupèrer l'attribut NAME d'un input suite a un onmouseover

Bonjou a tous,

Alor j'explique mon petit probléme,

Débutant en php,
j'aimerai savoir s'il est possible d'affecter une valeur a une variable
suite a l'evenement 'onmouseover'

Jai mon formulaire :

Code:

<input type="text" name="Nom" value="Nom" onclick="value=''" onmouseover="$tx = 'Nom' " />

(Bon la j'ai imaginé ça, qui ne fonctionne pas ^^)

Puis plus loin :

Code:

<?php echo $tx ?>

Voila si quelqu'un a une idée ..
Merci d'avance.
25/12/2008, 16h09
Jumano

Bonjour,
Qu'est ce que tu veux faire exactement ?
Récupèrer la valeur de ton champs de type "text" et l'afficher dans un autre endroit de ta page ?
25/12/2008, 17h01
lusos

Citation:

Envoyé par Jumano

Bonjour,
Qu'est ce que tu veux faire exactement ?
Récupèrer la valeur de ton champs de type "text" et l'afficher dans un autre endroit de ta page ?

Recuperer le Name du champ pour l'afficher ailleurs enfaite :roll:

Alors il te faut utiliser du Javascript :

Code:

1
2
3
4
<form id="form1" name="form1" method="post" action="">
  <input type="text" name="nom" id="nom" onmouseover="document.getElementById('test').innerHTML=this.getAttribute('name');" />
</form>
<div id="test"></div>

Citation:

Envoyé par Jumano

Alors il te faut utiliser du Javascript :

Code:

1
2
3
4
<form id="form1" name="form1" method="post" action="">
  <input type="text" name="nom" id="nom" onmouseover="document.getElementById('test').innerHTML=this.getAttribute('name');" />
</form>
<div id="test"></div>

Merci de ton aide,

J'ai un probleme lorsque j'essaye de faire cela pour plusieur champ,
les autres champ affecte la valeur 'null'..

Code:

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
<table class="Contact" width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><p>
      <form id="form1" name="form1" method="post" action="RequeteContact.php">
        <ul>
          <input type="radio" name="Sexe" id="Sexe" value="Monsieur" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Sexe')" checked="checked" />
          Monsieur
          <input type="radio" name="Sexe" id="Sexe" value="Madame" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Sexe')" />
          Madame
          <input type="radio" name="Sexe" id="Sexe" value="Mademoiselle" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Sexe')" />
          Mademoiselle
          <li>
            <input type="text" name="Name" id="Name" value="Nom" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Name');" />
          </li>
          <li>
            <input type="text" name="Prenom" id="Prenom" value="Prenom" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Prenom');" />
          </li>
          <li>
            <input type="text" name="Mail" id="Mail" value="Mail" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Prenom');" />
          </li>
          <li>
            <input type="text" name="Adresse" id="Adresse" value="Adresse" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Adresse');" />
          </li>
          <li>
            <input type="text" name="CP" id="CP" value="Code Postal" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('CP');" />
          </li>
          <li>
            <input type="text" name="Ville" id="Ville" value="Ville" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Ville');" />
          </li>
          <li>
            <input type="text" name="Pays" id="Pays" value="Pays" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Pays');" />
          </li>
          <li>
            <input type="text" name="Tel" id="Tel" value="Tel" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Tel');" />
          </li>
          <li>
            <input type="text" name="Fax" id="Fax" value="Fax" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('Fax');" />
        </ul>
        <textarea name="Com" rows="8" cols="50"  onclick="value=''" id="Com">
          Quelque chose a rajouter non ?
	</textarea>
        <input type="submit" value="Valider" />
      </form>
      <div class="Penguin" id="Penguin"></div></td>
  </tr>
</table>

J'ai peut etre mal compri le code que tu ma donné :?

Citation:

this.getAttribute('name')

Ici "name" correspond à l'attribut name='' de ton input.
Il faut donc faire comme ceci :

Code:

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
<table class="Contact" width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><p>
      <form id="form1" name="form1" method="post" action="RequeteContact.php">
        <ul>
          <input type="radio" name="Sexe" id="Sexe" value="Monsieur" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name')" checked="checked" />
          Monsieur
          <input type="radio" name="Sexe" id="Sexe" value="Madame" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name')" />
          Madame
          <input type="radio" name="Sexe" id="Sexe" value="Mademoiselle" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name')" />
          Mademoiselle
          <li>
            <input type="text" name="Name" id="Name" value="Nom" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Prenom" id="Prenom" value="Prenom" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Mail" id="Mail" value="Mail" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Adresse" id="Adresse" value="Adresse" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="CP" id="CP" value="Code Postal" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Ville" id="Ville" value="Ville" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Pays" id="Pays" value="Pays" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Tel" id="Tel" value="Tel" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Fax" id="Fax" value="Fax" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
        </ul>
        <textarea name="Com" rows="8" cols="50"  onclick="value=''" id="Com">
          Quelque chose a rajouter non ?
	</textarea>
        <input type="submit" value="Valider" />
      </form>
      <div class="Penguin" id="Penguin"></div></td>
  </tr>
</table>

Citation:

Envoyé par Jumano

Ici "name" correspond à l'attribut name='' de ton input.
Il faut donc faire comme ceci :

Code:

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
<table class="Contact" width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><p>
      <form id="form1" name="form1" method="post" action="RequeteContact.php">
        <ul>
          <input type="radio" name="Sexe" id="Sexe" value="Monsieur" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name')" checked="checked" />
          Monsieur
          <input type="radio" name="Sexe" id="Sexe" value="Madame" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name')" />
          Madame
          <input type="radio" name="Sexe" id="Sexe" value="Mademoiselle" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name')" />
          Mademoiselle
          <li>
            <input type="text" name="Name" id="Name" value="Nom" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Prenom" id="Prenom" value="Prenom" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Mail" id="Mail" value="Mail" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Adresse" id="Adresse" value="Adresse" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="CP" id="CP" value="Code Postal" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Ville" id="Ville" value="Ville" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Pays" id="Pays" value="Pays" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Tel" id="Tel" value="Tel" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
          </li>
          <li>
            <input type="text" name="Fax" id="Fax" value="Fax" onmouseover="document.getElementById('Penguin').innerHTML=this.getAttribute('name');" />
        </ul>
        <textarea name="Com" rows="8" cols="50"  onclick="value=''" id="Com">
          Quelque chose a rajouter non ?
	</textarea>
        <input type="submit" value="Valider" />
      </form>
      <div class="Penguin" id="Penguin"></div></td>
  </tr>
</table>

ha ok j'avais cru que c'etait le texte entre "" qui etait utiliser :lol:

Merci de ton aide sa marche impec !