Partage
  • Partager sur Facebook
  • Partager sur Twitter

Galerie d'images avec affichage d'albums

Sujet résolu
    26 novembre 2010 à 18:24:48

    Bonjour à tous et à toutes ! (Je ne doute pas qu'il y ait des codeuses parmi vous)

    Après avoir passé plusieurs heures sur mon problème (nombreuses recherches sur internet) et après un gros craquage dans mon appart', je viens vous demander de l'aide...

    Je voudrais réaliser une galerie de photos avec albums sur mon site. Le fonctionnement est simple. Sur ma page photos s'affiche différents albums et au clic sur un album les photos correspondant à l'album s'affichent.
    Pour réaliser ceci j'utilise l'AJAX et l'objet XMLHttpRequest.

    Je suis passé sur le tuto sur l'objet XMLHttpRequest.

    J'ai fait un test avec une photo que j'affiche en HTML et j'arrive à récupérer le nom de l'album correspondant que je mets dans un input de type hidden pour pouvoir récupérer sa valeur grâce à GetElementById.

    Voici le code HTML de mon test :

    <a onclick="request(readData);"><img src="admin/images/photos/miniatures/DSCN2756.jpg" /></a>
    <form>
    <input type="hidden" value="prout" id="test" />
    </form>
    


    Et voici mon javascript : (copié/collé du tuto...un peu fainéant sur les bords la bête !)

    function request(callback) {
    	var xhr = getXMLHttpRequest();
    	
    	xhr.onreadystatechange = function() {
    		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
    			callback(xhr.responseXML);
    		}
    	};
    
    	var album = document.getElementById("test").value;
    	
    	xhr.open("GET", "XMLHttpRequest_getString.php?album=" + album, true);
    	xhr.send(null);
    }
    
    function readData(sData) {
    	var item   = sData.getElementsByTagName("item");
    	var album = item[0].getAttribute("name");
    	alert(album);
    }
    


    Dans ma page XMLHttpRequest_getString.php, je génère un XML avec une structure de ce type :

    <list>
         <item id="0" name="prout" />
    </list>
    


    Jusque là aucun problème, mon alert affiche bien le nom de mon album...Mais c'est à ce niveau là que tout se durcit (tout...sauf moi bien au contraire ^^).

    Je me pose la question suivante :
    Comment récupérer le nom de mon input de type hidden qui correspondra au bon album quand j'aurai affiché tous mes albums via PHP avec une boucle While ?

    Utilisant un id pour mon input je me verrai obligé d'avoir un chiffre que j'incrémenterai pour mon nom d'id. J'espère que vous me suivez jusque là !

    En sachant que j'aurai un id différent pour chaque album (1, 2, 3, etc...), je n'arrive pas à trouver comment récupérer son nom en javascript avec un GetElementById.

    J'ai essayé de faire passer plusieurs arguments dans ma fonction quand je l'exécute avec un onclick mais cela ne marche pas.

    Donc si quelqu'un a une solution ou une piste, je serai preneur !

    Merci d'avance pour votre aide.

    EDIT : Désolé du dérangement je suis un gros boulet...J'avais oublié une paire de guillemets pour mon second argument, ça m'a traversé l'esprit ce matin en me levant...

    Bonne journée à tous
    • Partager sur Facebook
    • Partager sur Twitter

    Galerie d'images avec affichage d'albums

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown