Discussion :

[Difré91]

Bonjour,

Je souhaite modifier le css d'une classe d'objets, objets qui ne sont pas forcément présents sur la page au démarrage.

En fait, j'ai des div qui sont générés par PHP sur le serveur et qui par défaut sont en display none (pour que les utilisateurs sans javascript ne les voient pas).

Je voudrais, au démarrage de ma page, passer la propriété display de ces div à block.
Mais si je fait $('.div_a_chercher').show() par exemple, cela change le display des div déjà présents, mais en prend pas en compte ceux à venir.

Donc je cherche une solution élégante à déployer avec jQuery. J'avais penser à injecter une balise style dans le head, mais je ne sais pas si ça marche, si c'est propre, si on ne peut pas faire mieux avec jQuery.

Merci d'avance.

[SpaceFrog]

ceux à venir ?

ils sont en display:none sur la page ?? ou ils ne sont pas encore sur la page et y arriveront avec une opération ajax ou une création dynamique ??

si ils sont déja sur la page:

Code :

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

$('.div_a_chercher').css({'display:block'})

[Difré91]

Justement, les div ne sont potentiellement pas encore sur la page, c'est pour ça que je ne peut pas utiliser $('') pour effecteur les modifications CSS.

Il faudrait que je modifie les règles générales.

Bien sur, il est toujorus possible de faire $('.class_a_chercher').show() à chaqsue fois que je demande au serveur de me créer mes div, mais cela me parait un peu lourd.

Je voudrais juste, si javascript est activé, modifier ou invalider (en rajoutant une nouvelle règle) une règle de mon fichier css de base.

[SpaceFrog]

live() ?

[Difré91]

Le problème que je voit avec ces méthodes, c'est que l'on lance une fonction javascript à chaque fois. J'aimerais faire le traitement au début et après ne plus rien faire.

Insérer une balise <style></style> peut-être ?

[SpaceFrog]

en principe live s'applique aux elements rajoutés ...

sinon tu peux en effet rajouter une balise style ...

[Difré91]

Bon, j'ai décidé de rajouter une feuille de style, dans laquelle je pourrais mettre les différentes redéfinitions dues au JS.

Pour info, j'ai fait comme cela :

Code :

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

1
2
 
$('head').append($(document.createElement("link")).attr({rel:"stylesheet", type:"text/css", href:"styleJS.css"}));

PS : comment on tag résolu ?

[SpaceFrog]

sinon tu aurais pu avoir un style en dur ?


pour le tag resolu c'est le bouton en dessous (sous le V avec marqué "résolu" )

______________V