Html changement de div
Résolu/Fermé
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
-
24 janv. 2012 à 08:57
olivierrobins Messages postés 225 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 26 janvier 2012 - 24 janv. 2012 à 12:13
olivierrobins Messages postés 225 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 26 janvier 2012 - 24 janv. 2012 à 12:13
A voir également:
- Html changement de div
- Changer de dns - Guide
- Changement d'écriture - Guide
- Editeur html - Télécharger - HTML
- Changement carte graphique - Guide
- Changement clavier azerty - Guide
6 réponses
olivierrobins
Messages postés
225
Date d'inscription
lundi 17 janvier 2011
Statut
Membre
Dernière intervention
26 janvier 2012
49
24 janv. 2012 à 09:02
24 janv. 2012 à 09:02
Bonjour,
Il faudra un tout petit peu de javascript. Personnellement, j'utilise ça:
Et répéter ainsi pour toutes les div (là y'en a 7, mais vous en mettez autant que vous voulez).
En gros, ce code va rendre visible la div souhaitée, et du coup rendre invisible les autres. Car sinon elles apparaîtront toutes sans disparaître et ce ne sera pas bien beau..
Il faut donc à chaque ligne mettre "block" pour que la div soit visible ou "none" pour qu'elle ne le soit pas.
Cordialement,
Olivier
Il faudra un tout petit peu de javascript. Personnellement, j'utilise ça:
<a onClick="javascript: document.getElementById('div01').style.display='block';
document.getElementById('div02').style.display='none';
document.getElementById('div03').style.display='none';
document.getElementById('div04').style.display='none';
document.getElementById('div05').style.display='none';
document.getElementById('div06').style.display='none';
document.getElementById('div07').style.display='none';">LIEN DIV 01</a>
<a onClick="javascript: document.getElementById('div01').style.display='none';
document.getElementById('div02').style.display='block';
document.getElementById('div03').style.display='none';
document.getElementById('div04').style.display='none';
document.getElementById('div05').style.display='none';
document.getElementById('div06').style.display='none';
document.getElementById('div07').style.display='none';">LIEN DIV 02</a>
Et répéter ainsi pour toutes les div (là y'en a 7, mais vous en mettez autant que vous voulez).
En gros, ce code va rendre visible la div souhaitée, et du coup rendre invisible les autres. Car sinon elles apparaîtront toutes sans disparaître et ce ne sera pas bien beau..
Il faut donc à chaque ligne mettre "block" pour que la div soit visible ou "none" pour qu'elle ne le soit pas.
Cordialement,
Olivier
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
7
24 janv. 2012 à 09:05
24 janv. 2012 à 09:05
C'est parfait, merci beaucoup pour cette réponse.
Je me permet une autre question, je ne suis pas très calé avec le Javascript, a quel moment se fait le clic sur le bouton et du coup le changement de div ?
Je n'arrive pas à le situer :(
Désolé pour cette question.
Je me permet une autre question, je ne suis pas très calé avec le Javascript, a quel moment se fait le clic sur le bouton et du coup le changement de div ?
Je n'arrive pas à le situer :(
Désolé pour cette question.
olivierrobins
Messages postés
225
Date d'inscription
lundi 17 janvier 2011
Statut
Membre
Dernière intervention
26 janvier 2012
49
24 janv. 2012 à 09:24
24 janv. 2012 à 09:24
onClick="javascript:ça c'est le code qui lui dit de faire une action lors du clic.
document.getElementById
et ça c'est le code pour aller chercher un élément identifié par id et lui appliquer l'effet voulu.
Le texte LIEN DIV 01 et les autres sont les actuels liens qui seront cliqués.
TRUNCKS
Messages postés
1017
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
8 novembre 2024
7
24 janv. 2012 à 09:27
24 janv. 2012 à 09:27
Super, je vais essayer cela, merci encore :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
iryjob
Messages postés
407
Date d'inscription
lundi 20 octobre 2008
Statut
Membre
Dernière intervention
29 août 2018
80
24 janv. 2012 à 09:52
24 janv. 2012 à 09:52
cela va m'être utile aussi, Merci
olivierrobins
Messages postés
225
Date d'inscription
lundi 17 janvier 2011
Statut
Membre
Dernière intervention
26 janvier 2012
49
24 janv. 2012 à 12:13
24 janv. 2012 à 12:13
je vous en prie :)
