Html et php

Anoso Messages postés 145 Date d'inscription   Statut Membre Dernière intervention   -  
swoog42 Messages postés 1178 Statut Membre -
j voudrais ouvrir un lien dans un div mais j'arrive pas quelqu'un peut me donner un morceau de code svp?
exemple :quand je clique sur Accueil une page est chargé dans le div situé au milieu de la page.

4 réponses

  1. swoog42 Messages postés 1178 Statut Membre 245
     
    Pas de problème ;-)
    1
  2. LelLex Messages postés 1753 Statut Membre 112
     
    Un lien hypertexte, du type : <a href="t-as-page.html">Lien</a> ?
    0
  3. swoog42 Messages postés 1178 Statut Membre 245
     
    <html><head>.........</head>
    <body>
    <a onClick="javascript:visibilite('1');" target="_self">partie 1</a><br>
    <a onClick="javascript:visibilite('2');" target="_self">partie 2</a><br>
    <a onClick="javascript:visibilite('3');" target="_self">partie 3</a><br>
    
    <div id="divid1" class="partie" style="display:none;" >
    <h1>partie1</h1>
    BLA BLA BLA
    </div>
    
    
    
    <div id="divid2" class="partie" style="display:none;" >
    <h1>partie1</h1>
    BLA BLA BLA
    </div>
    
    
    
    <div id="divid3" class="partie" style="display:none;" >
    <h1>partie1</h1>
    BLA BLA BLA
    </div>
    
    
    <script>
    //*********************************************************
    //Script qui compte le nombre de DIV de la CLASSE "partie"
    //Nombre stocké dans nbDiv
    //*********************************************************
    var mesDiv = document.getElementsByTagName('div');
    var nbDiv = 0;
    
    for(var i=0; i < mesDiv.length; i++)
    {
    	if(mesDiv[i].className == "partie")
    	{
    		nbDiv++;
    	}
    }
    
    //*****************************************
    //Fonction qui affiche la DIV sélectionnée
    //param : IdDiv ==> ID de la div concernée
    //*****************************************
    function visibilite(IdDiv)
    {
    	var i;
    	var targetElement;
    	targetElement = document.getElementById("divid" + IdDiv) ;
    	
    	for( i = 1 ; i <= nbDiv ; i++)
    	{
    		document.getElementById("divid" + i).style.display = "none"; 
    	}
        
    	targetElement.style.display = "" ;
    
    }
    </script>
    
    


    Il ne te reste plus qu'a adapter à ton site ;-)
    0
  4. Anoso Messages postés 145 Date d'inscription   Statut Membre Dernière intervention  
     
    merci bcp ca marche trés bien ! :)
    Vive comment ca marche
    0