Afficher des pages [Débutant(e)]

[mitchkay]

bonjour

je suis nul en javascript, j' essais de me débrouiller en html et css; j aimerais que les différentes pages s' ouvre sur une page... heuu ok je mets le script et peut etre ce sera plus évident.

Code js :

1
2
3
4
5
6
7
8
9
 
       function montrer(element)
          {
            var les_elements = new Array("acceuil","propos","partenaires","inscription","contact");
            for(var i=0; i<les_elements.length; i++)
                 document.getElementById(les_elements[i]).style.display="none";
 
                 document.getElementById(element).style.display = 'block';
          }

html :

Code html :

1
2
3
4
5
6
7
8
9
<div id="liens">
 <ul>
 <li><a href="javascript:montrer('acceuil')">Acceuil</a>
 <li><a href="javascript:montrer('propos')">A propos</a>
 <li><a href="javascript:montrer('partenaires')">Partenaires</a>
 <li><a href="javascript:montrer('inscription')">Inscription</a>
 <li><a href="javascript:montrer('contact')">Contact</a>
</ul>
</div>

Le pire c est que çà fonctionne mais le soucis c' est quand on accède au site pour tout les pages sont mélangés il faut cliquer sur un des menus pour que tout se remettre en ordre et fonctionne bien. si on ré-actualise la page, bardaf...tout se remélange et ainsi suite.
Pouvez vous me dire ou et comment je peux y remédier? merci merci

[ZeroDivide]

(je présume que les différents éléments sont dans des DIV)

A vue de nez tu dois mettre display:none par défaut dans le CSS correspondant à tes "pages". Sauf accueil, c'est quand même bien d'afficher quelque chose par défaut

[aku84]

Salut, sinon tu peux mettre toutes les DIV en style="visibility:hidden", et les passer en style="visibility:visible" quand tu clique sur un bouton. Par exemple tu créé un tableau qui contient les ID de toutes les div comme tu l'as fais et une fonction qui affiche l'element que tu veux afficher et masque tous les autres :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script type="text/javascript" charset="utf-8">
 
window.onload = function () {
 
var les_elements = ["acceuil","propos","partenaires","inscription","contact"];
 
function montrer(element) {           
    for(i=0;i<les_elements.length;i++) {
        if (les_elements[i]==element) {
            document.getElementById(element).style.visibility = 'visible';
        }
        else {
            document.getElementById(element).style.visibility = 'hidden'; 
        }
    }                
}
}
</script>

[mitchkay]

Merci mais zérodivide, çà ne fonctionne pas comme tu me dis!
par contre aku84 je comprends pas tout comme je disais suis nul dans le domaine!! un grand merci!!