recuperer varaible en js définie dans plusieurs form

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : recuperer varaible en js définie dans plusieurs form

lenono75

Bonjour,

je rencontre un souci avec javascript et les formulaires.
J'ai dans une page de saisie d'info à modifier plusieurs form, en voici 2 pour exemple.

Code :

<form method="post" action="#" onsubmit="return envoiPost();">
<div align="center">Suppression d'un code origine :
<input name="delorigine" type="text" id="delorigine" size="10" maxlength="6" />
(indiquer le numéro du code origine)<br />
<input type="submit" name="Submit" value=" SUPPRIMER CE CODE ORIGINE " />
</div>
<input type="hidden" name="type_maj" value="79" id="type_maj" />
</form><br>
<form method="post" action="#" onsubmit="return envoiPost();">
<div align="center">Suppression d'un code genre :
<input name="delgenre" type="text" id="delgenre" size="10" maxlength="6" />
(indiquer le numéro du code genre)<br />
<input type="submit" name="Submit" value=" SUPPRIMER CE CODE GENRE " />
</div>
<input type="hidden" name="type_maj" value="69" id="type_maj" />
</form>

Chacun a obligatoirement une value type_maj.

envoiPost dans script.js donne ceci :

Code :

/**
* INITIALISATION DE l'AJAX
**/
function ajaxInit()
{
// ========================================================================================
// ============== Initialisation de la classe permettant de faire de l'AJAX ===============
// ========================================================================================
if (window.XMLHttpRequest) { // Mozilla, Safari,...
httpReq = new XMLHttpRequest();
if (httpReq.overrideMimeType) {
httpReq.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
try {
httpReq = new ActiveXObject("Msxml2.XMLHTTP" );
} catch (e) {
try {
httpReq = new ActiveXObject("Microsoft.XMLHTTP" );
} catch (e) {}
}
}
if (!httpReq) {
alert('Cannot create XMLHTTP instance');
return false;
}
// ----------------------------------------------------------------------------------------
// ============ Fin Initialisation de la classe permettant de faire de l'AJAX =============
// ----------------------------------------------------------------------------------------
}
/**
* ENVOI DU POST EN AJAX
**/
function envoiPost()
{
// Initialisation de l'ajax
ajaxInit();
alert (document.getElementById("type_maj" ).value);
var type_maj=document.getElementById("type_maj" ).value;
// definition du type de maj :
if (type_maj==19){ // maj du theme de la semaine
var theme_nom = document.getElementById("theme_nom" ).value;
var theme_url = document.getElementById("theme_url" ).value;
var type_maj = document.getElementById("type_maj" ).value;
var post = "type_maj="+type_maj+"&theme_nom="+theme_nom+"&theme_url="+theme_url;
}
if (type_maj==58){ // suppression d'une image
var del_image = document.getElementById("del_image" ).value;
var post = "type_maj="+type_maj+"&del_image="+del_image;
}
if (type_maj==59){ // déplacement d'une image vers un film autre celui auquel elle est rattachée
var id_image = document.getElementById("id_image" ).value;
var id_film = document.getElementById("id_film" ).value;
var post = "type_maj="+type_maj+"&id_image="+id_image+"&id_film="+id_film;
}
if (type_maj==67){ // bascule infos personne sur une autre
var pers_rec = document.getElementById("pers_rec" ).value;
var pers_perd = document.getElementById("pers_perd" ).value;
var post = "type_maj="+type_maj+"&pers_rec="+film_rec+"&pers_perd="+film_perd;
}
if (type_maj==68){ // bascule infos film sur un autre
var film_rec = document.getElementById("film_rec" ).value;
var film_perd = document.getElementById("film_perd" ).value;
var post = "type_maj="+type_maj+"&film_rec="+film_rec+"&film_perd="+film_perd;
}
if (type_maj==69){ // suppression d'un code genre
var delgenre = document.getElementById("delgenre" ).value;
var post = "type_maj="+type_maj+"&delgenre="+delgenre;
}
if (type_maj==78){ // remplacement du titre d'un film
var id_film = document.getElementById("id_film" ).value;
var new_titre = document.getElementById("new_titre" ).value;
var post = "type_maj="+type_maj+"&id_film="+id_film+"&new_titre="+new_titre;
}
if (type_maj==79){ // suppression d'un code origine
var delorigine = document.getElementById("delorigine" ).value;
var post = "type_maj="+type_maj+"&delorigine="+delorigine;
}
if (type_maj==88){ // suppression d'une societe
var delsoc = document.getElementById("delsoc" ).value;
var post = "type_maj="+type_maj+"&delsoc="+delsoc;
}
if (type_maj==89){ // suppression d'une personne
var delpersonne = document.getElementById("delpersonne" ).value;
var post = "type_maj="+type_maj+"&delpersonne="+delpersonne;
}
if (type_maj==99){ // suppression d'un film
var delfilm = document.getElementById("delfilm" ).value;
var post = "type_maj="+type_maj+"&delfilm="+delfilm;
}
var url = "postAjax.php";
alert("post="+post);
// =================================================
// ========== Execution de la requete ==============
// =================================================
httpReq.onreadystatechange = resultatPost;
httpReq.open('POST', url, true); //envoi POST
httpReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded" );
httpReq.send(post);
// -------------------------------------------------
// ======== Fin Execution de la requete ============
// -------------------------------------------------
return false; // empeche le rechargement de la page
}
/**
* RESULTAT RETOURNE PAR LA REQUETE
**/
function resultatPost() {
// ============================================================
// ========== test sur l'execution de la requete ==============
// ============================================================
if (httpReq.readyState == 4) {
if (httpReq.status == 200) {
var postResult = httpReq.responseText;
document.getElementById("admin_result" ).innerHTML = postResult; // affichage du resultat
} else {
alert('Un problème est survenu avec la requête.');
}
}
// ------------------------------------------------------------
// ======== Fin test sur l'execution de la requete ============
// ------------------------------------------------------------
}

Mon problème :

J'ai beau essayer de récuperer la valeur de type_maj par toutes les descriptions que je donne, il me ressort toujours la premiere de la liste, c.a.d 79 dans l'exemple présenté ci dessus.

Question : comment dire que type_maj appartient à tel ou tel form ??????

Je vous remercie de votre aide.

@+

lenono75

Publicité

anapajari

s/travail/glanding on hfr/gs;

les ids doivent etre UNIQUES dans une page.
Ton getElementById remonte le premier qu'il trouve ( et donc pas celui du formulaire "cliqué" )
Le plus "simple" consiste à passer this en argument de ton onsubmit pour récuper ton objet formulaire et pouvoir recuperer le champs qui t'interesse.

lenono75

Merci bien.

Les yeux fatigués empêchent parfois de réflechir.
Je n'y avait pas pensé !

Je teste et je remonte l'info.

@+

lenono75

lenono75

parfais !

je passe l'Id de la maj en argument de envoiPost(num) et ça marche.

Merci bien.

FORUM HardWare.fr

Programmation

HTML/CSS

recuperer varaible en js définie dans plusieurs form

Sujets relatifs
VB.net : Accès aux objets d'un form depuis un module	Afficher des infos dans un form à partir d'une BD
Récupérer morceau par morceau le contenu binaire d'un fichier	[C#.NET] Compresser plusieurs fichiers avec GZipStream, help
recuperer un item affiché avec attachmovie	Maintenir une session Java entre plusieurs sous-domaines
plusieurs condition dans une boucle while	Récupérer IP de façon efficace
Recuperer l'ip d'un membre	comment recuperer un identifiant de la classe mère
Plus de sujets relatifs à : recuperer varaible en js définie dans plusieurs form

Page générée en 0.113 secondes