Discussion :

[Fooshi]

Bonjour,
j'aimerais modifier tous les elements qui utilisent une classe dans un iframe via Jquery pour eviter d'utiliser getElementByClassName (incompatible avec certains navigateurs).
j'ai donc ecris ca sur un evement (l'evenement fonctionne tres bien)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.ui-content').css('background', 'url(http://www.isiapp.com/render/uploads/<?php echo session_id(),'/'; ?>'+fileObj.name+')');

mais ca ne marche pas du tout !
une reponse a mon probleme ? merci

[Finality]

Salut,

je crois qu'il te manque une parenthèse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$('.ui-content').css('background', 'url(http://www.isiapp.com/render/uploads/<?php echo session_id(),'/'; ?>'+fileObj.name+')');

[Fooshi]

Effectivement mais ca ne resoud pas mon probleme

[vermine]

Bonsoir,

Faites attention à nous montrer le code HTML généré, c'est plus facile pour nous de détecter des erreurs Javascript.

Vous parlez d'éléments et puis vous parlez d'événements. Je ne m'y retrouve plus trop.

A mon avis, il y a un truc bizarre au niveau de la session PhP. Le "/" doit s'en doute apparaitre après. Sinon, c'est une erreur dans les quotes.

[Finality]

Je rejoins vermine sur ses dires : on ne sait pas ce que rend vos codes PHP ce n'est pas facile de débugguer du JS avec du PHP dedans ....

[danielhagnoul]

Bonsoir

Si l'élément du DOM ayant la classe '.ui-content' est dans un iframe, vous n'y avez pas accès sans passer par le contenu de l'iframe.

$("#frameID").contents().find('.ui-content').css(...);.

L'utilisation de la méthode find() n'est pas la plus appropriée, mais je ne connais pas la structure du DOM de votre iframe.

[Fooshi]

Effectivement j'ai ecris :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#render").contents().find(".ui-content").css('background', 'url(http://www.isiapp.com/render/uploads/65c1907e3c8495faf1f0682b891022fa/'+fileObj.name+')');

et ça marche ! render étant bien sur le l'Id de mon iframe.
mais j'ai un autre problème à résoudre (attention c'est plus raide), dans cet iframe lorsque on clique sur des éléments (liens hypertextes par exemples) cela créer d'autres éléments qui ont une classe ui-content ce qui fais que le background n'est pas appliqué sur ces nouveaux elements comment pour faire suivre entierement ce background sur tous les elements ayant une classe ui-content a venir ?

[Fooshi]

J'ai trouvé la réponse a mes problemes

[Finality]

Peux-tu la donner ? ça pourra servir à d'autres développeurs

[Fooshi]

Je converti ma variable javascript qui contiens le nom du background dans une variable de session PHP en passant par un appel d'une page PHP en Ajax puis que force les elements à "styler" leur background via cette variable de session.

[danielhagnoul]

Bonjour

Lorsque l'on modifie le DOM, on doit utiliser live() ou mieux delegate() pour avoir accès aux nouveaux éléments du DOM.