Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Auteur
gorn
#
Citer
82 Posts
Bonjour,

J'aimerai pouvoir séparer mon template html de mon fichier ajax.
Histoire de pouvoir maintenir le HTML plus facilement.
Pour cela après ma requête AJAX, je suis un peu gêné, je récupère mon objet JSON.
Je sais le manipuler en mettant les infos que je veux ainsi que du html dans une variable que j'envoi dans le DOM ensuite.

Comment faire pour que le HTML ne soit pas injecté dans la variable directement depuis mon fichier javascript et donc de la sorte :
var temp = "<div>"+data[1].id+"</div>; (par exemple)
mais plutôt avoir un fichier html contenant :
<div>
</div>

et pouvoir injecter le data[1].id entre ces div ?
Merci d'avance, là je sèche vraiment =/

^
pchlj
#
Citer
Just do it !
327 Posts
salut

je dirai que apparemment tu sais utiliser le dom...

je me demande donc pourquoi tu ne travaille pas en id sur tes div ??

html

<div id="insert1"></div>


js
$("#insert1").append(data[1].id);


ou d'autres choses dans le même genre

http://www.phil-good-media.com 
^
Seyu
#
Citer
54 Posts
Coucou,
Je te conseil cette doc, à gauche tu peux voir toute la liste des manipulations, pour choisir là où tu vas placer ton résultat : Documentation Jquery en français

^
gorn
#
Citer
82 Posts
pas bête du tout le placement par id !
Je cherchais une solution ailleurs en fait et je n'ai pas penser à cela.

Je vais regarder ton lien aussi Seyu.
Je pense qu'avec ces éléments de réponses je devrai m'en sortir, merci beaucoup messieurs. smile

^
Felipe
#
Citer
Administrateur
6709 Posts
Seyu a écrit :
Coucou,
Je te conseil cette doc, à gauche tu peux voir toute la liste des manipulations, pour choisir là où tu vas placer ton résultat : Documentation Jquery en français

Cette doc est encore sûrement très bien concernant la manipulation du DOM mais attention pour les évènements ; avec jQuery 1.7 .on() a déprécié pas mal de choses et il faut se référer à la doc officielle de jQuery en anglais, les 2 docs en français n'en parlent apparemment pas.

http://www.alsacreations.fr/a-propos.html#philippe 
^
gorn
#
Citer
82 Posts
optez moi d'un doute :o
comme je veux récupérer des données d'un json et récupérer le template d'un fichier html.
Je fais :

1 - requête XMLHttpRequest dans laquelle je récupère les infos du fichier JSON
2 - à l'intérieur de cette requête je fais une requête XMLHttpRequest dans laquelle je récupère le contenu du fichier HTML, que je place dans la div que je souhaite.
3 - à l'intérieur que la première requête et à la suite de la deuxième requête, je rempli mes div avec du js, dans le style : $("#insert1").append(data[1].id);

j'ai vu juste ?

^