SELFHTML

Forum SELFHTML: Archives:
Envoyer une valeur à une autre page avec DOM

Page d'information: vue d'ensemble
vers le bas 

(JAVASCRIPT) Envoyer une valeur à une autre page avec DOM

Le message suivant est de: Ekik, Adresse électronique bulloni_cedric@hotmail.com, 14. 01. 2004, 14:34

Bonjour,

J'ai une page avec un paragraphe qui contient un attribut "compteur". Ce compteur s'incrémente quand on clique sur le paragraphe. Pour cela j'ai fais une fonction comme ceci :

function incrementer(monObjet)
{
 val = monObjet.getAttribute("compteur");
 val++;
 monObjet.setAttribute("compteur",val);
}

Et ce que je voudrai, c'est que quand je clic sur mon bouton Submit, cette valeur soit envoyé en paramètre dans l'URL mais je ne sais pas comment faire. J'ai bien essayé qqch comme ceci :

<form action="" method="get">
<p ID="P1" compteur="0" onClick="incrementer(this)">Paragraphe</p>
<input type="hidden" name="compteur" value="P1.getAttribute('compteur')">
<input type="submit" value="Envoyer">
</form>

Mais ca ne marche pas, est-ce que qqn aurait une idée ?


Voici le code en entier:

<html>
<head>
 <title></title>
</head>

<body>

<script type="text/javascript">
function incrementer(monObjet)
{
 val = monObjet.getAttribute("compteur");
 val++;
 monObjet.setAttribute("compteur",val);
}

</script>
<form action="" method="get">
<p ID="P1" compteur="0" onClick="incrementer(this)">Paragraphe</p>
<input type="hidden" name="compteur" value="P1.getAttribute('compteur')">
<input type="submit" value="Envoyer">
</form>
</body>

</html>

Merci d'avance


 
vers le hautvers le bas 

(JAVASCRIPT) Envoyer une valeur à une autre page avec DOM

Le message suivant est de: Patrick Andrieu, Adresse électronique nospam@nospam.fr, 14. 01. 2004, 14:50
http://www.selfhtml.com.fr/equipe/patrick.htm

Salut!


»» <form action="" method="get">
»» <p ID="P1" compteur="0" onClick="incrementer(this)">Paragraphe</p>
»» <input type="hidden" name="compteur" value="P1.getAttribute('compteur')">
»» <input type="submit" value="Envoyer">
»» </form>

»» Mais ca ne marche pas, est-ce que qqn aurait une idée ?


Nous avons 2 articles spécialisés concernant la passation de valeurs avec JS: http://www.selfhtml.com.fr/articles/javascript/index.htm. Je pense que cela t'intéressera.

Si tu n'as qu'une variable à faire passer, utiliser la variante avec window.name serait peut-être préférable.

MS de Francfort sur le Main,
Patrick


 

vers le hautvers le bas 

(JAVASCRIPT) Envoyer une valeur à une autre page avec DOM

Le message suivant est de: Ekik, Adresse électronique bulloni_cedric@hotmail.com, 14. 01. 2004, 15:27

Merci bcps pour votre réponse.

Mais en fait, ce n'est pas tant de récuperer la variable de l'autre coté qui me pose problème, c'est pour pouvoir la mettre comme valeur dans le champs caché.

Je sais pas si je m'explique clairement.

Merci encore.


 
vers le hautvers le bas 

(JAVASCRIPT) Envoyer une valeur à une autre page avec DOM

Le message suivant est de: Patrick Andrieu, Adresse électronique nospam@nospam.fr, 14. 01. 2004, 15:54
http://www.selfhtml.com.fr/equipe/patrick.htm

Re!


»» Mais en fait, ce n'est pas tant de récuperer la variable de l'autre coté qui me pose problème, c'est pour pouvoir la mettre comme valeur dans le champs caché.

Est-ce que P1.getAttribute('compteur') donne qqch?

Patrick


 

vers le hautvers le bas 

(JAVASCRIPT) Envoyer une valeur à une autre page avec DOM

Le message suivant est de: Ekik, Adresse électronique bulloni_cedric@hotmail.com, 15. 01. 2004, 08:49

Hello,

Non, en fait, dans l'URL, après il me vient :

.../Test_DOM1.htm?compteur=P1.getAttribute%28%27compteur%27%29

Et moi j'aurais voulu que ca me mette la valeur du compteur.

Merci bcps



»» Re!


»» »» Mais en fait, ce n'est pas tant de récuperer la variable de l'autre coté qui me pose problème, c'est pour pouvoir la mettre comme valeur dans le champs caché.

»» Est-ce que P1.getAttribute('compteur') donne qqch?

»» Patrick


 
vers le hautvers le bas 

(JAVASCRIPT) Envoyer une valeur à une autre page avec DOM

Le message suivant est de: David, Adresse électronique moi@moi.com, 15. 01. 2004, 10:54
http://www.site-en-stock.net

bonjour,

Moi je m'y prendrait differement parce que j'aime pas les getAttribute dans les formulaires.
voila ma solution:

<html>
<head>
 <title></title>
</head>

<body>

<script type="text/javascript">
function incrementer(monObjet)
{
 var val = monObjet.getAttribute("compteur");
 val++;
 document.formul.valcompteur.value = val;
}
</script>

<p ID="P1" compteur="0" onClick="incrementer(this)">Paragraphe</p>

<form method="get" name="formul" action="">
<input type="hidden" name="valcompteur">
<input type="submit" value="Envoyer">
</form>
</body>

</html>

ca devrait marcher....

@+
David


 
vers le hautvers le bas 

(JAVASCRIPT) Envoyer une valeur à une autre page avec DOM

Le message suivant est de: Ekik, Adresse électronique bulloni_cedric@hotmail.com, 17. 01. 2004, 12:01

Hello,

Merci pour la réponse.

Oui c'est ca, mais il faut que je modifie un truc parce que le compteur ne s'incrémente pas, mais je vais partir a partir de là.

Merci bcps.

Cédric


 
vers le hautvers le bas 

(JAVASCRIPT) Envoyer une valeur à une autre page avec DOM

Le message suivant est de: David, Adresse électronique moi@moi.com, 17. 01. 2004, 12:11
http://www.site-en-stock.net

Salut!

un doute me vient, tu veux que le compteur reparte de 0 a chaque nouveau visiteur (comme ca va le faire avec le code javascript actuel) ou qu'il continue a s'incrementer pour les visiteurs suivant?

@+
David.


 
vers le hautvers le bas 

(JAVASCRIPT) Envoyer une valeur à une autre page avec DOM

Le message suivant est de: Ekik, Adresse électronique bulloni_cedric@hotmail.com, 19. 01. 2004, 09:58

Hello,

Non, il faut que le compteur reparte a 0 a chaque fois que la page est rechargée.

Merci A+

Cédric


 
vers le haut

© 1998-2004 Adresse électronique selfhtml@fr.selfhtml.org