Html et php
Anoso
Messages postés
144
Date d'inscription
Statut
Membre
Dernière intervention
-
swoog42 Messages postés 1060 Date d'inscription Statut Membre Dernière intervention -
swoog42 Messages postés 1060 Date d'inscription Statut Membre Dernière intervention -
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.
exemple :quand je clique sur Accueil une page est chargé dans le div situé au milieu de la page.
A voir également:
- Html et php
- Editeur html - Télécharger - HTML
- Easy php - Télécharger - Divers Web & Internet
- Expert php pinterest - Télécharger - Langages
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
4 réponses
<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 ;-)
