Répondre à la discussion
Affichage des résultats 1 à 2 sur 2

montrer/cacher un DIV en javascript/CSS



  1. #1
    Lucie10

    montrer/cacher un DIV en javascript/CSS


    ------

    bonjour, je voudrais montrer et cacher un div en javascript et CSS afin de faire un menu déroulant, j'ai fait un petit script mais sa ne fonctionne pas, si vous pouvez m'aider, merci.
    Code:
    <html>
    <head>
    <title>choletbasket10 :: accueil</title>
    <link rel="stylesheet" type="text/css" href= "style.css">
    <script type="text/javascript">
    
    function montrer()
    {
    	document.getElementById('lobjet').style.display = 'block';
    }
    
    </script>
    </head>
    <body>
    
    <!-- fond derniere news---------------------------------------------------------------------------------------------------------------------- -->
    <div class="last_news">
    	dans ce cadre sera placé l'info en php
    </div>
    
    <!-- fond classement-------------------------------------------------------------------------------------------------------------------------- -->
    <div class="classement">
    	dans ce cadre sera placé le classement
    </div>
    
    <!-- fond prochain match---------------------------------------------------------------------------------------------------------------------- -->
    <div class="prochain_match">
    	dans ce cadre sera placé le prochain match
    </div>
    
    <!-- fond tableau affichage------------------------------------------------------------------------------------------------------------------- -->
    <div class="tableau_affichage">
    	dans ce cadre sera placé le tableau d'affichage
    </div>
    
    
    <div id='test' class='test'>
    	test<br>test<br>test
    </div>
    
    
    <!-- fond avec la couleur bordeau et l'image de Claude Marquis-------------------------------------------------------------------------------- -->
    <div class="fond_couleur">
    	<div class="fond">
    		<center><img class="titre" src="titre-site.png" alt="Cholet Basket 10"/></center>
    		<div class="menu">
    			<a href="accueil.php" name="img_accueil" onmouseover="montrer(); img_accueil='titre-accueil-rollover.png';">
    			<img src="titre-accueil.png" alt="accueil" />
    			</a>
    		</div>
    	</div>
    </div>
    </body>
    </html>
    Code:
    body {background-color:#AAAAAA;}
    div.fond_couleur {margin: auto auto; background-color:#350000; color:white; width:1024px; height:768px;}
    div.fond{background-image:url('fond-marquis.png'); width:1024px; height:768px;}
    div.menu{background-image:url('barre-de-menu.png'); height:70px;}
    img.titre{padding:5px;}
    div.last_news{width:355px; height:190px; background-image:url('fond-last-news.png'); position: absolute; top: 425px; left: 150px; z-index:80; }
    div.classement{width:289px; height:299px; background-image:url('fond-classement.png'); position: absolute; top: 175px; left: 850px; z-index:80; }
    div.prochain_match{width:332px; height:214px; background-image:url('fond-prochain-match.png'); position: absolute; top: 265px; left: 635px; z-index:80; }
    div.tableau_affichage{width:286px; height:261px; background-image:url('tableau-affichage.png'); position: absolute; top: 515px; left: 815px; z-index:80; }
    div.test{background-color:blue; display:none; position: absolute; top: 450px; left: 815px; z-index:80;}
    pour l'instant j'essaie juste d'aficher un cadre bleu lors du survol de accueil.

    vous pouvez voir la page ici

    -----

  2. #2
    Lucie10

    Re : montrer/cacher un DIV en javascript/CSS

    désolé jviens de trouver l'erreur merci

Discussions similaires

  1. CSS + JavaScript ; Changer la couleur des champs d'un formulaire
    Par zoup1 dans le forum Logiciel - Software - Open Source
    Réponses: 14
    Dernier message: 05/07/2011, 15h17
  2. CSS - Appel d'un div codé ailleurs
    Par jecario dans le forum Internet - Réseau - Sécurité générale
    Réponses: 2
    Dernier message: 14/03/2008, 01h37
  3. div euclidienne
    Par layo0789 dans le forum Mathématiques du supérieur
    Réponses: 4
    Dernier message: 23/02/2008, 18h28
  4. Cacher un programme
    Par Jeremouse1 dans le forum Matériel - Hardware
    Réponses: 2
    Dernier message: 05/02/2006, 19h54
  5. CSS et <div>
    Par Jedeki dans le forum Internet - Réseau - Sécurité générale
    Réponses: 2
    Dernier message: 09/12/2004, 10h25
Découvrez nos comparatifs produits sur l'informatique et les technologies.