Bonjour,
Voila mon script jquery ne marche que sur firefox.
Un coup d'oeil avec firebug me permet de voir que opera, safari et internet explorer se foutent de mon script.
J'utilise le cms joomla qui genere du code html pas toujours adapte a ce que je veux faire. J'essai donc de modifier le code html des le chargement du DOM.
Voila mon code html de base pas encore modifie :
et voila le code jquery que j'utilise :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <div style='text-align:left;'> <div> <div class="titre_imageprojets">Bois d'Arcy</div> </div> <img class='img_mosaique_projet' src='http://carton.tymate.eu//templates/carton_architectes/images/img_projets/img_mozaique/vignette1_bois_d_arcy.jpg' border='0' alt='' title='' width='180' height='111' /> <div> <div class="telechargerpdf"> <a href="#">Telecharger la fiche PDF</a> </div> </div> </div> etc.....la meme chose que ci dessus se repete 18 fois.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 $("document").ready(function() { $("div[style*='text-align: left;']").addClass('conteneur_imgprojets').removeAttr("style"); $("div.conteneur_imgprojets div:nth-child(1)").addClass('conteneur_bulle_titreprojets'); });
Grace a ca j'arrive a modifier le code html comme je veux mais uniquement sur Firefox :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <div class="conteneur_imgprojets"> <div class="conteneur_bulle_titreprojets"> <div class="titre_imageprojets conteneur_bulle_titreprojets"> Bois d'Arcy </div> </div> <img class="img_mosaique_projet" src="http://carton.tymate.eu//templates/carton_architectes/images/img_projets/img_mozaique/vignette1_bois_d_arcy.jpg" alt="" title="" width="180" border="0" height="111"> <div> <div class="telechargerpdf conteneur_bulle_titreprojets"> <a href="#">Telecharger la fiche PDF</a> </div> </div> </div>
Si quelqu'un peux m'aider je serais vraiment reconnaissant?
Partager