JAVAScript/HTML : récupération de la valeur d'un champ

Version imprimable

Bonjour,
j'aimerais récupérer la valeur d'un champ
pour pouvoir la passer en paramètre à la fin d'une URL ...
Comment faire ?
NB : J'ai essayé en ASP/javascript, mais tj sans succès :cry:
Dans le code ci-dessous j'essaye simplement de la faire passer dans ma procédure "maj()" au moment du "onchange" de mon champ,
mais déjà cela, ça ne fonctionne pas:cry:

voici mon code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <script type="text/javascript"> function maj() { document.write("fonction MAJ"); document.write("id_user=" + document.getElementByMame('Utilisateur').value); } </script> </head> <body> <form method="POST" action="verifpw.asp" name="FRM1"> <b>Utilisateur :</b><input type="text" name="Utilisateur" onchange="maj()"></font> <b>Mot de passe :</b><input type="password" name="MotdePasse"> <input type="submit" value="Valider" name="Valider"> <a href="http://localhost:8080/PRJTOMCAT5/GenerateRapportMAIL?USER="????>Recevoir son mot de passe par Email</a> </form> </body>
NB : Les ???? de mon URL dans le HREF seront pas la suite à remplacer par la valeur de mon champ (UTILISATEUR)...:lol:

25/11/2009, 13h31
kernelfailure

C'est normal 'byMame' ça existe pas :mrgreen:
25/11/2009, 13h32
Bovino

Salut.

Code:

document.getElementByMame('Utilisateur')

???

J'ai donc modifié mon code
- ...ByName...
- et un "onchange" à la place du "onclick"
j'avais aussi oublié le "k" à la fin du "onclick"
ça passe bien dans ma fonction javascript
Mais maintenant avec l'alerte que j'affiche ci dessous : j'ai une "erreur sur la page"...mais je ne vois pas ou ? ni pourquoi ...:lol:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> </head> <body> <script type="text/javascript"> function verif() { alert(document.getElementByname('Utilisateur')); } </script> <form method="POST" action="verifpw.asp" name="FRM1"> <b>Utilisateur :</b><input type="text" name="Utilisateur" onchange="verif();"></font> <b>Mot de passe :</b><input type="password" name="MotdePasse"> <input type="submit" value="Valider" name="Valider"> <a href="http://localhost:8080/PRJTOMCAT5/GenerateRapportMAIL?USER="<%=my_user%> >Recevoir son mot de passe par Email</a> </form> </body>
NB : Il y a peut-être une solution plus simple pour arriver au résultat final ...:roll:

25/11/2009, 13h57
Bovino
getElementByname n'existe pas plus :roll:
C'est getElementsByName avec un s (car est sensé renvoyer une collection) et une majuscule (JavaScript est sensible à la casse)...

Citation:

Il y a peut-être une solution plus simple pour arriver au résultat final

Oui, autant passer la valeur en paramètre :

Code:

<input type="text" name="Utilisateur" onchange="verif(this.value);">
Code:

1 2 3 function verif(utilisateur){ alert(utilisateur); }
25/11/2009, 14h02
lediz

Merci,impec:ccool:

J'aimerais maintenant ajouter le contenu de cette variable à la fin de mon URL à la place de mes "????"
Pour qu'au clic , il en tienne compte...

Comment faire ?
25/11/2009, 17h24
kernelfailure

De la même manière que tu as lu "value" mais cette fois avec "href" (ou en utilisant getAttribute()).
Et tu utilise la méthode replace().

HTML / Javascript : Récupération d'une valeur d'un champ en pramarètre d'une URL

Voilà,
j'ai trouvé une solution qui fonctionne :ccool: (voir code ci-dessous)
REM : avec du javascript et une variable globale...
CODE dans le <HEAD>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<head>
...
<script type="text/javascript">
var t;
function InitUser(p_utilisateur)
{
    t =p_utilisateur;
}
function PageMail() 
{
    self.location.href="http://mon_url?USER="+t;
}
</script> 
...
</head>

CODE dans le <BODY>

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<body>
...
<form method="POST" action="verifpw.asp" name="FRM1">
<b>Utilisateur  :</b><input type="text"     name="Utilisateur" onchange="InitUser(this.value);" ></font>
<b>Mot de passe :</b><input type="password" name="MotdePasse">
<input type="submit" value="Valider" name="Valider">
<a style="CURSOR:pointer" a href=# onClick='PageMail()' ;>Recevoir son mot de passe par Email</a>
</form>	
...
</body>

Merci à tous pour votre aide.
Bonne Journée