Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1543 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Javascript] "Ecran" changeant suivant un click

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Javascript] "Ecran" changeant suivant un click

n°652452
rainckill
Posté le 23-02-2004 à 22:24:06  profilanswer
 

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:

mood
Publicité
Posté le 23-02-2004 à 22:24:06  profilanswer
 

n°652534
j-'-r
Sans horraires fixe
Posté le 23-02-2004 à 23:43:56  profilanswer
 

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)

n°652668
rainckill
Posté le 24-02-2004 à 09:44:20  profilanswer
 

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.   }
  10.   function visible2()
  11.   { 
  12.       document.getElementById("layer2" ).style.display="";
  13.   }
  14.   function invisible2()
  15.   { 
  16.       document.getElementById("layer2" ).style.display="none";
  17.   }
  18. </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
n°652983
j-'-r
Sans horraires fixe
Posté le 24-02-2004 à 12:53:37  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Javascript] "Ecran" changeant suivant un click

 

Sujets relatifs
Modifier un javascript existant qui utilise des frames[MFC] Enregistrement d'une image affichée à l'écran . . .
Affichage d'images a l'ecranAffichage à l'écran d'un Inputbox Access
affichage plein écran, ou presqueJavascript dans un XSL, mozilla ignore <xsl:comment><![CDATA[ ?
[PHP_SPIP] et javascript...[javascript] Additionner des minutes ?
Scrollbar en javascriptlien en javascript
Plus de sujets relatifs à : [Javascript] "Ecran" changeant suivant un click


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR