begin process at 2012 05 29 01:09:05
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Prototype, Script.Aculo.us

 > 

Cacher une class (css) avec prototype?


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Cacher une class (css) avec prototype?

dimanche 7 mars 2010 à 14:33:55 | Cacher une class (css) avec prototype?

rebelor91

Bonjour
j'ai un DIV à l'interieur de celui ci deux IMG, ces deux images sont superposées et je souhaite pouvoir cacher la deuxième image qui a une class (css et display : none) quand je clique sur un bouton et la réafficher quand je re-clique.
Tout ce que je trouve sur internet se rapporte à un ID et pas à une class sachant que je ne veux pas mettre un ID (donc unique) sur la deuxième image sachant que je peux très bien avoir plus de 50 DIV ça ferait donc 50 ID différent.


Donc comment je peux faire pour tester si ma clas (css) est à display : none et donc l'afficher quand je clique sur le bouton ?

ex de mon html:
Code HTML :
<div id="monId">
  <ul>
    <li>
      <img src="img1.png" />
      <img class="val" src="img2.png" />
      <div class="caption">blabla</div>
    </li>
   </ul>
</div> 

bien sur dans mon css j'ai:
.val img {display : none;}

Merci de votre aide

un rebel qui n'en est pas un!!
olivier
dimanche 7 mars 2010 à 15:59:53 | Re : Cacher une class (css) avec prototype?

PetoleTeam

Membre Club
Bonjour,
pourquoi ne pas récupérer les images du DIV et de tester si leur display est à none ou pas
...pas besoin de prototype...
;O)
dimanche 7 mars 2010 à 17:29:25 | Re : Cacher une class (css) avec prototype?

rebelor91

euh oui et je fais ça comment....?


un rebel qui n'en est pas un!!
olivier
dimanche 7 mars 2010 à 17:51:36 | Re : Cacher une class (css) avec prototype?

PetoleTeam

Membre Club
- récupération de l'objet DIV avec document.getElementById( id_du_div).
- récupération des images appartenant à l'objet DIV avec getElementsByTagName( 'IMG'), cette fonction retourne un tableau contenant les éléments demandés.
- parcours du tableau pour vérifier l'état du display des éléments.
;O)
dimanche 7 mars 2010 à 18:00:58 | Re : Cacher une class (css) avec prototype?

rebelor91


merci pour ces infos mais ça règle pas mon problème puisque j'identifie ma deuxième image par class="val", s''est juste ça qui fait la différence donc comment je peux identifier (class="val")?
merci de votre aide

un rebel qui n'en est pas un!!
olivier
dimanche 7 mars 2010 à 18:45:32 | Re : Cacher une class (css) avec prototype?

PetoleTeam

Membre Club
Réponse acceptée !
dans ce cas test si la class==val et si c'est le cas tu inverses l'état du display...
;O)
dimanche 7 mars 2010 à 19:04:03 | Re : Cacher une class (css) avec prototype?

rebelor91

merci


un rebel qui n'en est pas un!!
olivier


Cette discussion est classée dans : class, cacher, display, css, none


Répondre à ce message

Sujets en rapport avec ce message

Retardement pour style.display [ par mageonyme ] salut,voilà mon pb : je voudrais que la partie "else{ }" de cette fonction ne fonctionne qu'après un certain temps genre 2 secondes (en gros c'est pôu Pb Compatibilité d'un script sous FireFox [ par Kommius ] Salut à tous! Voilà, je cours à votre aide car j'ai trouvé un petit script sympa sur le site (http://www.javascriptfr.com/code.aspx?ID=22007)Le Code e Déplacement d'un calque [ par Tilix ] alut, j'ai trouvé ce script, permettant d'affiché un calque css quand la souris se trouve sur le lien Code : CSS a Onclick : display=block et display=none d'un <div> [ par skullo ] Bonjour à tous!Bientôt les vacances (je vous souhaite d'en avoir également) et une dernière petite prise de tête avant de quitter le taf ce soir... En Propriété display avec IE [ par initnocsib ] Bonjour,Voici un petit script qui fonctionne nickel sous Firefox, mais pas du tout sous IE function active(n){        document.getElementByI css en class name [ par g_fuck ] salut tout le monde !!! j'ai un code en jscript qui oblige a ce que je declares mes css en avec des class name.... je sais pas pourquoi !!!! quelqu'un Changer une class css [ par adakick ] Bonjour,Je voudrais que lorsqu'un utilisateur clique sur un lien, cela change la class de ce lien, sachant lorsqu il clique cela ne recharge pas toute Menu deroulant vertical, fonctions non compatibles avec internet explorer [ par maripaun2003 ] Bonjour, Je suis debutante en javascript. Pour mon site personnel j'ai crée un menu vertical deroulant avec le javascript. Voila mon probleme: quand o


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,262 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales