Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 09/11/2011, 18h03   #1
Invité de passage
 
Homme
Développeur Web
Inscription : novembre 2011
Messages : 1
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Hérault (Languedoc Roussillon)

Informations professionnelles :
Activité : Développeur Web
Secteur : Communication - Médias

Informations forums :
Inscription : novembre 2011
Messages : 1
Points : 0
Points : 0
Par défaut Slider jquery xml

Bonjour,
je commence à utiliser jquery depuis peu, et j'ai une question qui vous semblera sans doute très bête, mais bon... comme je suis un peu perdu et que je n'arrive pas a trouver de réponses, je la pose quand même.

Je suis en train d'essayer de réaliser un slider qui affiche du texte et une image depuis un fichier XML, jusqu'ici tout fonctionne comme je veux, sauf que je n'arrive pas à voir comment créer automatiquement un "div" à la suite "d'un autre "div" et ainsi de suite afin que les différentes informations apparaissent à la suite des autres.

Si quelqu'un peu m'expliquer comment faire ?
Aussi comment bien utiliser [code=html] pour faire apparaitre le code en couleur, je n'y suis pas arrivé

exemple ici :

http://dev.darsanha.com/developpemen.../01/index.html

voici le code :

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$(document).ready(function(){$.ajax({
	type: "GET",
	url: "news.xml",
	dataType: "xml",
	success: function(xml) {
	$(xml).find('item').each(function(){
 
 
		var titre = $(this).find('titre').text();$('<div id="titre"></div>').html(titre).appendTo('.slider');
		var texte = $(this).find('texte').text();$('<div id="texte"></div>').html(texte).appendTo('.slider');
		var image = $(this).find('image').text();$('<div id="image"><img src="' + image + '" /></div>').appendTo('.slider');    
 
                        });
						}
						});
						}
						);
 
$(function(){
 
// Création de ma variable qui fait bouger
var bouge = {marginTop:"-80px",}
var arrive = {marginTop:"0px",}
 
 
// Mise en application de ma variable "bouge"
$(".slider").delay(2000).animate(bouge,"slow");
 
// Mise en application de ma variable "arrive"
$(".slider").delay(2000).arrive(bouge,"slow");
});
darsanha est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 10/11/2011, 20h28   #2
Rédacteur
 
Avatar de danielhagnoul
 
Homme Daniel Hagnoul
Étudiant perpétuel
Inscription : février 2009
Messages : 3 221
Détails du profil
Informations personnelles :
Nom : Homme Daniel Hagnoul
Âge : 61
Localisation : Belgique

Informations professionnelles :
Activité : Étudiant perpétuel
Secteur : Enseignement

Informations forums :
Inscription : février 2009
Messages : 3 221
Points : 6 767
Points : 6 767
Bonsoir

Je crois qu'il y a une petite bogue.

$(".slider").delay(2000).arrive(bouge,"slow");

$(".slider").delay(2000).animate(arrive,"slow");.
__________________

FAQ jQuery

Mon cahier d’exercices sur jQuery & Co

Si un message vous a aidé ou vous semble pertinent, votez pour lui !
danielhagnoul est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 10h41.


 
 
 
 
Partenaires

Hébergement Web