[Javascript] "Ecran" changeant suivant un click

"Ecran" changeant suivant un click [Javascript] - HTML/CSS - Programmation

Marsh Posté le 23-02-2004 à 22:24:06    

Bonjour  :hello:  
 
Je voudrais avoir une sorte d'écran, c'est a dire un espace sur ma page, qui varie suiant des liens (sans recharger la page).
 
Enfait, dans et écran, il y aurait initialement un messaque quelquonque, et apres une liste de liens:
-liens1
-liens2
-liens3
qui ferait changer la valeur de la fenetre "ecran".
 
Je me suis renseigné et c'est bien avec le javascript que l'on peut faire cela, et il me semble plus précisement qu'il faille utiliser les layers. C'est bien cela ? Et pour changer cette valeur suivant les liens (sans recharger la page donc, que ca se fasse instantannément), comment dois je utiliser les layers ?
 
Merci pour votre aide  :jap:

Reply

Marsh Posté le 23-02-2004 à 22:24:06   

Reply

Marsh Posté le 23-02-2004 à 23:43:56    

regarde aussi du coté des CSS avec un background qui change ou avec un display qui passe de none à block
(en JS tu peux changer dyamiquement les propriétés CSS)

Reply

Marsh Posté le 24-02-2004 à 09:44:20    

Voila, alors :
 
Je prépare le script dans le <head> :
 

Code :
  1. <script language="JavaScript" >
  2.   function visible1()
  3.   { 
  4.       document.getElementById("layer1" ).style.display="";
  5.   }
  6.   function invisible1()
  7.   { 
  8.       document.getElementById("layer1" ).style.display="none";
  9.   }
  11.   function visible2()
  12.   { 
  13.       document.getElementById("layer2" ).style.display="";
  14.   }
  15.   function invisible2()
  16.   { 
  17.       document.getElementById("layer2" ).style.display="none";
  18.   }
  19. </script>


 
Je défini la fenetre :
 

Code :
  1. <div id="layer1">
  2. <table summary="" border="0">
  3. <tr>
  4.  <td>oli <br><br>ola</td>
  5. </tr>
  6. </table>
  7. </div>


 
 
 
par la suite, je fais un mini formulaire :
 

Code :
  1. <input type="radio" name="boutique" value="nourriture" onclick="visible1();"> nourriture<br>
  2. <input type="radio" name="boutique" value="pharmacie" onclick="visible2();"> pharmacie<br>


 
Le probleme, c'est que dès le début, le layer est afficher... et pas seulement lorsque l'on choisi la rubrique qui mermet le visible1()...
 
Commen faire pour que initialement, cette fenetre soit caché, et quelle ne soit visible uniquement quand l'utilisateur en a fait le choix ?
 
Merci :)


Message édité par rainckill le 24-02-2004 à 09:45:14
Reply

Marsh Posté le 24-02-2004 à 12:53:37    

dans les CSS tu déclare d'entrée #layer1{display: none;}

Reply

Sujets relatifs:

Leave a Replay

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