CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 23:30:49

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

Affichage XML via Ajax d'une et une seule balise, dans ma page html

Poser une question dans le forum ou lancer une discussion

Affichage XML via Ajax d'une et une seule balise, dans ma page html

vendredi 17 juillet 2009 à 02:33:48 | Affichage XML via Ajax d'une et une seule balise, dans ma page html

yourchenko

10 msg

Bonjour!

j'éssai depuis 3 jours de faire fonctionner le script qui aurait pour objectif d'afficher la balise n0num dans ma page web.
j'ai un premier script qui fonctionne pas mal, mais qui ne me permet d'appliquer des effets dessus ( type scriptaculo.us ), j'ai eu plusieurs avis, beaucoups disent que mon script est mauvais. le voici

Code Javascript :




function ajax(num)

{

    var xhr=null;

    

    if (window.XMLHttpRequest) { 

        xhr = new XMLHttpRequest();

    }

    else if (window.ActiveXObject) 

    {

        xhr = new ActiveXObject("Microsoft.XMLHTTP");

    }

   

    

    //on appelle le fichier essai.xml

    xhr.open("GET", "contenu/essai.xml", true);

    

	 //on définit l'appel de la fonction au retour serveur

    xhr.onreadystatechange = function() { alert_ajax(xhr,num); };

	xhr.send(null);

}



function alert_ajax(xhr,num)

{



	var docXML= xhr.responseXML;

	var items = docXML.getElementsByTagName("donnee")

	

	document.getElementById("text").innerHTML=items.item(num).firstChild.data;

	if(xhr.readyState ==4){

			if(xhr.status ==200 ){

					document.getElementByID("text").innerHTML=xhr.responseXml;

					

			}else{

					document.getElementById("text").innerHTML="Error: returned status code" +xhr.status+" " +xhr.statusText;

			}

			

	};

	xhr.open("GET", "contenu/essai.xml", true); 

	xhr.send(null); 

}

voici mon html:

Code HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xml:lang="fr">



<head>



  <title>Utilisation du CSS</title>



  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />



  <link href="css/tupu.css" media="screen" rel="stylesheet" type"text/css" />



  <script type="text/javascript" src="script/code.js"></script>



  <script type="text/javascript" src="script/transit.js"></script>



</head>











<body>



<div id="bandeau">











</div>



<div class="centrer-bloc">



	<div class="menu">



		<div class="cellule orange"><a href="javascript:ajax(1);"  onmouseover="slideMenu(this,3);" onclick="$('text').hide(5.0); $('text').appear();">1ere</a></div>



		<div class="cellule blue"><a href="javascript:ajax(2);" >2eme</a></div>



		<div class="cellule green"><a href="javascript:ajax(3);" >3eme</a></div>



		<div class="cellule red"><a href="javascript:ouverture(this.getAttribute('href'),'text'); return false;">4eme</a></div>



		<a href="#" onclick="ouverture(this.getAttribute('href'),1,'text'); return false;">Ma page 1</a>



	</div>



	



	<div id="is">



		<div id="text" style="width:500px; height:300px;">



			<p>tupuducultupuduucultupuducultuuduucult<br>upuduculuduucultupuduculuduucu<br>ltupuduculuduucultupuduculpuducultuul=</p>



			<p>en faite c'est toi qui pue</p>et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?



			et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent?et ta mere elle sent



			StandaCreation : Création de sites Internet est une société de création de sites web.f ?



		</div>



	</div>



</div>















</body>



</html>

ainsi que mon xml

Code XML :

<?xml version="1.0"?>

<article>

	<donnee></donnee>

	<donnee>"Salut Moi c'est babine!!"</donnee>

	<donnee>je suis patronne de la société Sabine Bourbon</donnee>

	<donnee>voila ce que je vous propose</donnee>

	<donnee>mes menus</donnee>

	<donnee>Ainsi que mon parfait avocat au cas ou</donnee>

	<donnee>je ne sais pas quoi mettre</donnee>

</article>

<article>

<donnee>tu sais que t'es relou? pourquoi ca marche pas? ou marche de trop!</donnee>

</article>

j'espère vraiment avoir de l'aide je désespère un peu

merci d'avance pour vos réponses

vendredi 17 juillet 2009 à 10:39:15 | Re : Affichage XML via Ajax d'une et une seule balise, dans ma page html

Bul3

4459 msg

5142 msg CS

Réponse acceptée !

Bonjour,

vous auriez pu éviter les grossièretés dans le texte
je trouve ça assez mal venu....

ensuite... pas mal d'erreurs,
pas tout regardé mais quelques unes :

déjà, le .xml n'a pas une structure correcte
essayez de l'ouvrir dans un navigateur quelconque
tous vous le diront
comme çà au moins :

Code HTML :

<?xml version="1.0"?>

<tout>

	<article>

		<donnee></donnee>

		<donnee>"Salut Moi c'est babine!!"</donnee>

		<donnee>je suis patronne de la societe Sabine Bourbon</donnee>

		<donnee>voila ce que je vous propose</donnee>

		<donnee>mes menus</donnee>

		<donnee>Ainsi que mon parfait avocat au cas ou</donnee>

		<donnee>je ne sais pas quoi mettre</donnee>

	</article>

	<article>

		<donnee>tu sais que t'es relou? pourquoi ca marche pas? ou marche de trop!</donnee>

	</article>

</tout>

mais revoyez la 1ère ligne <?xml version="1.0"?>
et pourquoi plusieurs balises donnee ???
dans le même article ?

ensuite dans le javascript :
__ on trouve 2 fois
xhr.open("GET", "contenu/essai.xml", true);
xhr.send(null);
???
__ votre xhr.onreadystatechange devrait
être fait avant l'open
__ var items = docXML.getElementsByTagName("donnee")
euh? lequel il doit vous dire !
var items = docXML.getElementsByTagName("donnee")[index]

corrigez déjà cela

Cordialement [mon Site] [M'écrire] Bul

vendredi 17 juillet 2009 à 10:41:46 | Re : Affichage XML via Ajax d'une et une seule balise, dans ma page html

Bul3

4459 msg

5142 msg CS

Réponse acceptée !

j'ai oublié :
if(xhr.readyState ==4){
if(xhr.status ==200 ){
doit être fait dans
xhr.onreadystatechange = function() {
avant d'appeler alert_ajax(xhr,num);

vendredi 17 juillet 2009 à 12:06:10 | Re : Affichage XML via Ajax d'une et une seule balise, dans ma page html

yourchenko

10 msg

Merci beaucoup! je suis désolé pour le contenu un peu grossié... ca fait trois jours que je suis dessus et parfois je pete littéralement les plombs, il est vrai que j'aurai pu corriger.

j'ai tenter de faire les modifications que tu m'as indiqué, sans réussite, cela me donne :

Code Javascript :


function ajax(num)

{

    var xhr=null;

    

    if (window.XMLHttpRequest) { 

        xhr = new XMLHttpRequest();

    }

    else if (window.ActiveXObject) 

    {

        xhr = new ActiveXObject("Microsoft.XMLHTTP");

    }

   

     

	 

	 xhr.onreadystatechange = function() { 

		if(xhr.readyState ==4){

			if(xhr.status ==200 ){

					alert_ajax(xhr,num);

			}

		}

	 };

    //on appelle le fichier essai.xml

    xhr.open("GET", "contenu/essai.xml", true);

    //on définit l'appel de la fonction au retour serveur

	xhr.send(null);

}



function alert_ajax(xhr,num){



	var docXML= xhr.responseXML;

	var items = docXML.getElementsByTagName("donnee")[index]

	document.getElementById("text").innerHTML=items.item(num).firstChild.data;

	document.getElementByID("text").innerHTML=xhr.responseXml;

	document.getElementById("text").innerHTML="Error: returned status code" +xhr.status+" " +xhr.statusText;

	

			

}

mon xml :

je l'ai mit comme tu me l'as indiqué, en faite ce devrai-être articles avec un "S", donc je parle des articles ayant les "données".

Code XML :


<?xml version="1.0"?>



<tout>



	<article>



		<donnee></donnee>



		<donnee>"Salut Moi c'est babine!!"</donnee>



		<donnee>je suis patronne de la societe Sabine Bourbon</donnee>



		<donnee>voila ce que je vous propose</donnee>



		<donnee>mes menus</donnee>



		<donnee>Ainsi que mon parfait avocat au cas ou</donnee>



		<donnee>je ne sais pas quoi mettre</donnee>



	</article>

</tout>

est-ce bon ?

merci encore pour ton aide! cordialement,

vendredi 17 juillet 2009 à 12:17:46 | Re : Affichage XML via Ajax d'une et une seule balise, dans ma page html

Bul3

4459 msg

5142 msg CS

>>est-ce bon ?
je ne sais pas... faut tester pour voir.
et vous ? qu'en dites vous ? c'est bon ou pas ?
vous avez essayé ?

vendredi 17 juillet 2009 à 12:29:51 | Re : Affichage XML via Ajax d'une et une seule balise, dans ma page html

yourchenko

10 msg

oui oui j'ai essayé, mais sans succès.

je pense qu'il y a un problème avec la fonction ajax(xhr,num){

elle me parait bizarre, "ai-je bien appliquer vos conseils?" était ce que j'entendais par "est-ce bon?"..

merci beaucoup,

cordialement,

vendredi 17 juillet 2009 à 12:34:56 | Re : Affichage XML via Ajax d'une et une seule balise, dans ma page html

yourchenko

10 msg

je me demande par la même occasion, à quoi correspond l'"index"
de :

var items = docXML.getElementsByTagName("donnee")[index]

n'y aurait-il pas un ';' à la fin de cette commande?

merci encore

vendredi 17 juillet 2009 à 12:37:45 | Re : Affichage XML via Ajax d'une et une seule balise, dans ma page html

Bul3

4459 msg

5142 msg CS

pas regardé bien loin, mis :
var items = docXML.getElementsByTagName("donnee")[index]
et que contient index ?
ça doit dire undefined !

il faut aussi debugger :

vendredi 17 juillet 2009 à 12:44:35 | Re : Affichage XML via Ajax d'une et une seule balise, dans ma page html

Bul3

4459 msg

5142 msg CS

document.getElementById("text").innerHTML=
docXML.getElementsByTagName("donnee")[num]firstChild.nodeValue;

probablement déjaà, plus le reste ... ( pas testé )

vendredi 17 juillet 2009 à 12:50:44 | Re : Affichage XML via Ajax d'une et une seule balise, dans ma page html

Bul3

4459 msg

5142 msg CS

>>ce devrai-être articles avec un "S",
>>donc je parle des articles ayant les "données"
bah....
<article>
<donnee>Salut Moi c'est babine!!
je suis patronne de la ....
...
</donnee>
</article>
sauf s'il fallait traiter plusieurs données
dans un article. mais bon, mettre plusieurs
fois la même balise dans le même ensemble...
faut voir, ça se justifie peut-être ? je doute.

Cette discussion est classée dans : code, xml, xhr, mere, sent

Répondre à ce message

Sujets en rapport avec ce message

Envoi de code HTML en Ajax (méthode POST) et éditeurs WYSIWYG [ par mioumiounorris ] Bonjour ! Je suis en train de réaliser la partie admin d'un site, et j'utilise TinyMCE afin de pouvoir publier mes articles. Je me suis mis en tête de Erreur dans mon code pour afficher une liste d'un fichier XML,HELP!!!!!!!!!!!!!!!!! [ par devchat1987 ] Bonjour, svp,j'arrive pas a faire fonctionner mon code,je veux affiche une liste des noms d'une fichier xml dans un div (dans une liste ordonnée ol). Les données php bloquées après la première opération [ par elistein2 ] Les données php restent bloquées aprés la premiere mise à jour. -------------------------------------------------------------------------------- bo Tirage aléatoire de données dans fichier xml [ par math11 ] Bonjour, je suis actuellement a la recherche d'un moyen de tirer aléatoirement une donnée dans un fichier xml. Je connais la méthode de JavaScript d doublons dans xml [ par math11 ] Bonjour, J'aurais voulu savoir s'il y avait la possibilité en "JQery" de n'afficher qu'une seule fois un élément, afin de générer un menu sur l'éléme utiliser le script d'ajax deux fois dans la meme fonction [ par kelouazzani ] bonsoir je veux exécuté un script d'ajax deux fois dans la même fonction, la deuxième fois c'est avec un paramètre de plus. voila mon code : [code=js Probleme requete non envoyée [ par ju0123456789 ] Bonjour, J'ai ma requete AJAX qui em pose quelques petits soucis, Voici mon code en javascript qui est censé envoyer les information à du PHP via en entete setRequestHeader envoi de fichier [ par ju0123456789 ] Bonjour, J'ai un script : [code=js]function AjoutePhoto() { var sel = document.getElementById('inser_photo'); if( sel != null ) { do prob de lecture appartie d'un fichir xml [ par abir01 ] voila mon code XML: [code=xml] Current Conditions: Fair, 54 F Forecast: Tue - Mostly Sunny. High: 78 Low: 51 [XML/SVG] zoom sur plusieurs éléments [ par BARIS69330 ] Bonjour, je bosse actuellement sur du svg et il me faut faire un zoom sur plusieurs evenements quand je passe la souris dessus grâce aux fonctions onm

Livres en rapport

ASP.NET

Pratique de MySQL et PHP

Professional PHP4 XML

Tous les livres pour Code, Xml, Xhr, Mere, Sent

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Installation et configuration de blogs Wordpress
Budget : 8 500€
Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP