Jump to content
×
×
  • Create New...
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !

 résolu [CSS] Fermer automatiquement un div dés qu'on en ouvre un autre


Luzmog
 Share

Recommended Posts

Bonjour

 

J'ai il y a pas longtemps créer un jors de menu déroulant mais c'est du javascript

c'est dés que l’utilisateur clique sur par exemple Html ou CSS s'affiche un menue déroulant avec tout les leçons mais moi si je clique sur sur puis sur l'autre bah il reste les 2 ouverte

moi je veut que si on ouvre une autre l'autre ce ferme vous n'auriez pas une idée  ? merci 

 

Link to comment
Share on other sites

Essaye d'utiliser des frameworks CSS, c'est beaucoup plus rapide et propre! (Je pense surtout à bootstrap)

Sinon peut-on avoir des screens, ton code?

signature.png

Remerciement à Tuesday :hihi:

Link to comment
Share on other sites

il y a 5 minutes, Lucas Orsini a dit :

Essaye d'utiliser des frameworks CSS, c'est beaucoup plus rapide et propre! (Je pense surtout à bootstrap)

Sinon peut-on avoir des screens, ton code?

Je comprend rien au site bosstrap c'est tout en anglais et quel est le but de ce site ? 

Link to comment
Share on other sites

<div style="display: none;z-index: 3;" id="a_masquer2">
	

	
</div>
 
  

<script type="text/javascript">
function masquer_div(id)
{
  if (document.getElementById(id).style.display == 'none')
  {
       document.getElementById(id).style.display = 'block';
  }
  else
  {
       document.getElementById(id).style.display = 'none';
  }
}

</script>

<!-- PARTIE CSS -->

#a_masquer2
{
background-color: #FFF;
height: 100px;
width: 250px;
box-shadow: 0px 0px 9px 4px rgba(199, 191, 191, 0.99);
-moz-box-shadow: 0px 0px 9px 4px rgba(199, 191, 191, 0.99);
-webkit-box-shadow: 0px 0px 9px 4px rgba(199, 191, 191, 0.99);
position: absolute;
right: 240px;
bottom: -130px;
}

Il y a sa sur mes 5 nom de menue ou on dois cliquer pour afficher la div mais le problème je veut que qu'on j'en ouvre une autre celle qu je vient d'ouvrir ce ferme

donc 1 a la fois et pas les 5 ouverts si vous voyez ce que je veux dire 

Link to comment
Share on other sites

il y a 3 minutes, Pouney a dit :

Tu nous invente des mots ?

 

C'est résolu ?

Bah y'a aucune réponse donc non j'ai pas trouver et pourquoi j'invente des mots? 

Link to comment
Share on other sites

il y a 20 minutes, Pouney a dit :

"jors" ça ne veut rien dire :p:troll:

:D Je sais mais on va pas joué sur les mot , de toute façons as-tu une idée a mon problème chers amie ? 

Link to comment
Share on other sites

à l’instant, Damien00000 a dit :

:D Je sais mais on va pas joué sur les mot , de toute façons as-tu une idée a mon problème chers amie ? 

Je rejoins l'idée de Lucas, bootstrap

:bloggif_595b78fd3fb48: PAS D'AIDE EN MP :bloggif_595b78fd3fb48:

Sites Webs :

- HostRetro.com

- Ado-Lite.fr

- Alls-Heberg.fr

 

 

 

Hr_Ban.png

Link to comment
Share on other sites

il y a 1 minute, Pouney a dit :

Je rejoins l'idée de Lucas, bootstrap

Possible de m'expliquer son fonctionnement !!  la page d’accueil tu comprend que dalle sa sert a quoi bosstrap ? 

Link to comment
Share on other sites

il y a 1 minute, Damien00000 a dit :

Possible de m'expliquer son fonctionnement !!  la page d’accueil tu comprend que dalle sa sert a quoi bosstrap ? 

Bootstrap c'est un pack déjà prêt, tu le télécharge tu le fou dans ton site, et tu regarde des tutos, il y en a des milliers ;) 

:bloggif_595b78fd3fb48: PAS D'AIDE EN MP :bloggif_595b78fd3fb48:

Sites Webs :

- HostRetro.com

- Ado-Lite.fr

- Alls-Heberg.fr

 

 

 

Hr_Ban.png

Link to comment
Share on other sites

il y a 1 minute, Pouney a dit :

Bootstrap c'est un pack déjà prêt, tu le télécharge tu le fou dans ton site, et tu regarde des tutos, il y en a des milliers ;) 

d'accord Merci tu peux passer le truc en résolu ! 

Link to comment
Share on other sites

Salut,

 

Ton sujet qui se trouvait dans Développement > Forums Généraux > css a été déplacé dans  Autre > Développement > Forums Généraux > Résolu 

 

Ceci est un message automatique.

:bloggif_595b78fd3fb48: PAS D'AIDE EN MP :bloggif_595b78fd3fb48:

Sites Webs :

- HostRetro.com

- Ado-Lite.fr

- Alls-Heberg.fr

 

 

 

Hr_Ban.png

Link to comment
Share on other sites

  • 2 years later...
  • Administrateur
    Salut Luzmog ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

⠀⠀Founder of Inshare.fr

⠀⠀Twitch channel moderator

⠀⠀French translator Trucksbook.eu

𝐹𝑒𝑒𝑙 𝑓𝑟𝑒𝑒 𝑡𝑜 𝑤𝑟𝑖𝑡𝑒 𝑎 𝑐𝑜𝑚𝑚𝑒𝑛𝑡

—————————————————

╱⠀⠀⠀⠀⠀⠀⠀⠀⠀Règlements⠀⠀ //⠀⠀Abonnements⠀⠀ //⠀⠀ Discord   ⠀⠀⠀⠀⠀⠀⠀⠀⠀╲

 

signature.png

Link to comment
Share on other sites

  • Administrateur
    Salut Luzmog ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

⠀⠀Founder of Inshare.fr

⠀⠀Twitch channel moderator

⠀⠀French translator Trucksbook.eu

𝐹𝑒𝑒𝑙 𝑓𝑟𝑒𝑒 𝑡𝑜 𝑤𝑟𝑖𝑡𝑒 𝑎 𝑐𝑜𝑚𝑚𝑒𝑛𝑡

—————————————————

╱⠀⠀⠀⠀⠀⠀⠀⠀⠀Règlements⠀⠀ //⠀⠀Abonnements⠀⠀ //⠀⠀ Discord   ⠀⠀⠀⠀⠀⠀⠀⠀⠀╲

 

signature.png

Link to comment
Share on other sites

 Share