begin process at 2012 05 29 14:27:29
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Ajax

 > 

Jquery - Appel ajax dans un modalbox


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Jquery - Appel ajax dans un modalbox

mercredi 29 septembre 2010 à 09:33:33 | Jquery - Appel ajax dans un modalbox

lostrailler

Bonjour à tous,

Je vous expose mon soucis avec jquery et le plugin modalbox.

Je dois afficher un formulaire à remplir dans un modalbox. Jusque là pas de soucis.
Où ca se complique c'est que dans ce formulaire j'ai une liste déroulante qui se remplit en fonction de ce qui a choisis dans la liste précédente.

Et à cet endroit mon code ne passe plus, il plante au .innerHTML.

PS : le formulaire fonctionne si on l'affiche dans une page normal.

Voici mon code :

Le formulaire :
Code HTML :
<form name='form_operation' action='index.php?EX=operation&CASE=validAjout&ID=".$param."' method='post' onsubmit='return verifForm(this, \"Les champs suivant sont obligatoire : \")'>
	<table id='table_contenu'>
		<tr>
			<td id='id_list1'>
				<select name='si' id='id_niv1' size=1 onChange=\"makeRequest('mod/list_siebel_clarify.php','id_niv1','id_list2')\">						
					<option disabled='disabled'>...</option>
					<option value='S'>S</option>
					<option value='CT'>CT</option>
					<option value='CI'>CI</option>
				</select>
			</td>
			<td id='id_list2'>
			</td>
		</tr>		
		<tr>
			<td>
				<input type='image'src='img/icones/add.png' value='Ajouter' alt='Ajouter'/>
			</td>
		</tr>
	</table>
</form>


La fonction javascript :

Code Javascript :
function makeRequest(url,id_niveau,id_ecrire)
{
	var http_request = false;
	//créer une instance (un objet) de la classe désirée fonctionnant sur plusieurs navigateurs
    if (window.XMLHttpRequest) { // Mozilla, Safari,...
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/xml');//un appel de fonction supplémentaire pour écraser l'en-tête envoyé par le serveur, juste au cas où il ne s'agit pas de text/xml, pour certaines versions de navigateurs Mozilla
        }
    } else if (window.ActiveXObject) { // IE
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
        }
    }

    if (!http_request) {
        alert('Abandon :( Impossible de créer une instance XMLHTTP');
        return false;
    }
    http_request.onreadystatechange = function() { traitementReponse(http_request,id_ecrire); } //affectation fonction appelée qd on recevra la reponse
	// lancement de la requete
	http_request.open('POST', url, true);
	//changer le type MIME de la requête pour envoyer des données avec la méthode POST ,  !!!! cette ligne doit etre absolument apres http_request.open('POST'....
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	obj=document.getElementById(id_niveau);
	data="val_sel="+obj.value;
    http_request.send(data);
}

function traitementReponse(http_request,id_ecrire) {
	var affich="";
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			// cas avec reponse de PHP en mode texte:
			//chargement des elements reçus dans la liste
			var affich_list=http_request.responseText;
			//alert("Reponse de php: "+affich_list);
			obj = document.getElementById(id_ecrire); 
			obj.innerHTML = affich_list;
		} 
		else {
                alert('Un problème est survenu avec la requête.');
        }
    }
}


Si vous parvenez à me débloquer. Merci d'avance :)
jeudi 30 septembre 2010 à 19:08:05 | Re : Jquery - Appel ajax dans un modalbox

PetoleTeam

Membre Club
Bonjour,
que t'annonce l'alerte
Code Javascript :
alert("Reponse de php: "+affich_list);

;O)


Cette discussion est classée dans : code, request, http, id, if


Répondre à ce message

Sujets en rapport avec ce message

Problème de récupération de données avec AJAX [ par Diablotine666 ] Bonjour, Je souhaite récupérer des données contenues dans une base de données en utilisant de l'ajax afin de ne pas avoir à rechercher ma page. Mon co readystate qui reste à 1 [ par jpclutier ] Bonjour à tous,J'ai fait un peu d'ajax qui me permet de récupérer des data dans une BdD. Avec FireFox tout fonctionne correctement mais avec IE7 le re Vista et IE : problème charset [ par JiDW ] Bonjour!J'ai un soucis de charset avec mon code javascript après avec récupéré une page web sur un serveur distant (ndd différent)Mon code fonctionne Change de l'image au survole de la souris [ par mamsk00 ] Bonjour, [code=js] function lien(id) { if (id=="1"){window.location="#1"} if (id=="2"){window.location="#2"} if (id=="3"){window.location="#3" Selects en cascade avec bdd Mysql [ par mdc888 ] Hello, Je sais, je vais avoir des remarques du genre : sujet ultra traité, mais je viens de passer une demi journée à chercher sur le web et faire de Nom d'élément variable dans JQUERY [ par Molenn ] Bonjour, Je suis en train de m'arracher les cheveux depuis ce matin sur quelque chose qui est je suis sûr, une connerie tellement grosse que je la r affichage ville dans un select quand le cp est saisi [ par druhill33 ] Bonjour Voici mon problème, j'utilise un script qui affiche dans un select la ville quand le code postal est saisi. Le script marche très bien sous ExtJS: JsonStore données complexes [ par TheGorgo ] Bonjour, J'utilise ExtJS pour développer un site web de gestion de projets. J'ai besoin de faire un tableau multidimensionnel. J'aimerais utiliser u Probleme formulaire et upload photo [ par Romain54000 ] Bonjour, Voila j'ai un script php qui me permet d'uploader une photo dans mon formulaire sans avoir besoin de recharger ma page ou de valider mon for Chargement ajax du contenu au clic sur marqueur Google Maps V3 [ par vince240986 ] Bonjour, Voilà plusieurs jours que je bloque sur la création d'une fonction. L'idée est la suivante, j'ai crée une appli avec une base de données et


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,842 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales