[HTML/JS/CSS] document.getElementById('id' ).style.display='none';

document.getElementById('id' ).style.display='none'; [HTML/JS/CSS] - HTML/CSS - Programmation

Marsh Posté le 09-03-2004 à 22:59:49    

document.getElementById('id').style.display='none';


Ce code permet d'attribuer la valeure "none" à "display" pour l'élément qui a l'id "id".
Comment faire la même chose pour plusieurs éléments ?
(nombre inconu d'élément, et code en une seule ligne si possible)
Sachant que chaque id doit être unique,
y a t-il moyen de passer par les class ?

Reply

Marsh Posté le 09-03-2004 à 22:59:49   

Reply

Marsh Posté le 09-03-2004 à 23:57:08    

http://www.google.fr/search?q=gete [...] t=Go&hl=fr
 
éléments de réponse et bouts de code divers (qui marchent)

Reply

Marsh Posté le 10-03-2004 à 00:55:49    

j-'-r a écrit :

y a t-il moyen de passer par les class ?


Avec les classes ou avec plein d'autres choses (récupérer tous les enfants d'un élément, tout les éléments d'un même type, tous les éléments dont l'ID est d'une certaine forme...)
 
Bref il y a plein de méthodes, mais tant qu'on sait pas comment est construit ton document HTML et quels éléments tu veux récupérer on peut pas en dire plus.


Message édité par gm_superstar le 10-03-2004 à 00:56:20

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 10-03-2004 à 07:46:02    

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title>SGM - Version beta</title>
 <link rel="stylesheet" type="text/css" href="styles.css" media="screen" title="Normal" />
 <!-- <link rel="shortcut icon" href="favicon.ico" /> -->
</head>
<body>
<div id="principal">
 <h1>Lycée Saint-Exupéry (TS2004)</h1> <div id="menu">
 
<a href="index.php">Changer de Mode</a> |
<a href="trame.php?menu=5">TS St-ex 2004</a> |
<a href="trame.php?menu=5">Laisser un Mot</a> |
<a href="trame.php?menu=5">Contacter l'Auteur</a> </div>
 <div id="option">
  [ Trier par:
  <a href="index.php?mode=ts3&amp;filtreW=&amp;filtreO=nomA">
 
   <img src="images/haut.png" alt="(A)" /> Nom
  </a>
  <a href="index.php?mode=ts3&amp;filtreW=&amp;filtreO=nomD">
   <img src="images/bas.png" alt="(D)" />
  </a>
  &nbsp;|&nbsp;
  <a href="index.php?mode=ts3&amp;filtreW=&amp;filtreO=dateA">
   <img src="images/haut.png" alt="(A)" /> Date
  </a>
 
  <a href="index.php?mode=ts3&amp;filtreW=&amp;filtreO=dateD">
   <img src="images/bas.png" alt="(D)" />
  </a>
  ] [ Afficher:
  <a href="index.php?mode=ts3&amp;filtreO=&amp;filtreW=image">Image</a>
  &nbsp;|&nbsp;
  <a href="index.php?mode=ts3&amp;filtreO=&amp;filtreW=audio">Audio</a>
  &nbsp;|&nbsp;
 
  <a href="index.php?mode=ts3&amp;filtreO=&amp;filtreW=video">Video</a>
  &nbsp;|&nbsp;
  <a href="index.php?mode=ts3&amp;filtreO=&amp;filtreW=">Tous</a>
  ]<!-- [ Style:
  <a href="#" onclick="document.getElementbyClass('icone').style.display='inline';">Icones</a>
  &nbsp;|&nbsp;
  <a href="#" onclick="document.getElementbyClass('icone').style.display='none';">Liste</a>
  ]-->
 
 </div>
 <div id="item">
 
 <div class="vignette">
  <a href="index.php?action=voir&amp;id=1">
  <img class="icone" src="images/icone_video.png" alt="[video]" /><br />
  Charles tombe en Skate</a>
 </div>
 <div class="vignette">
  <a href="index.php?action=voir&amp;id=2">
  <img class="icone" src="images/icone_audio.png" alt="[audio]" /><br />
 
  Rire de Virginie</a>
 </div>
(...)
 <div class="vignette">
 
  <a href="index.php?action=voir&amp;id=145">
  <img class="icone" src="images/icone_image.png" alt="[image]" /><br />
  Virginie</a>
 </div>
 </div>
 <div class="clearboth">&nbsp;</div>
</div>
</body>
</html>


Je voudrait changer les elements avec class="vignette"

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed