Bonjour,
http://carton.tymate.eu/index.php?option=com_content&view=article&id=4&Itemid=3
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 :
Grace a ca j'arrive a modifier le code html comme je veux mais uniquement sur Firefox :
Ci dessus c'est le code de firefox apres passage du script jquery.
Les autres navigateurs ne tiennent pas du tout compte de ce script.
Pourquoi?
Si quelqu'un peux m'aider je serais vraiment reconnaissant?
Modifié par boucdur00000 (26 Mar 2010 - 19:34)
http://carton.tymate.eu/index.php?option=com_content&view=article&id=4&Itemid=3
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 :
<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.
et voila le code jquery que j'utilise :
$("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 :
<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>
Ci dessus c'est le code de firefox apres passage du script jquery.
Les autres navigateurs ne tiennent pas du tout compte de ce script.
Pourquoi?
Si quelqu'un peux m'aider je serais vraiment reconnaissant?
Modifié par boucdur00000 (26 Mar 2010 - 19:34)