Besoin d'informations concernant un script svp.

Version imprimable

Bonjour a tous.
Je suis en train de créer un site Web, jusque la pas de problème tous ce passe bien.
Pour se faire, j'utilise le language HTML, CSS , javascript et un peu de PHP.
Sur l'une des pages de mon site, j'ai besoin de faire apparaître du contenue au niveau du corps de ma page, sans en créer une nouvelle.
En faisant des recherches sur le net je suis tombé sur le site "alsace-Creation" ou j'ai pu trouver un bout de script qui me permet de faire ce que je veux.
J'ai testé le script tous fonctionne a merveille et donc le problème n'est pas là :P
Mon problème , c'est que j'utilise ce script sans vraiment comprendre le déroulement etc.... je n'arrive même pas a comprendre les fonctions que j'utilise :?.
Ouai je sais j'suis pas trop fute fute.

Et donc ma question :
Est ce que quelqu'un pourrais m'expliquer clairement ce script ?
Code:

1 2 3 4 5 6 7 8 9 window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('slien'+i)) {document.getElementById('slien'+i).style.display='none';} } if (d) {d.style.display='block';} }
Voila merci, de m'avoir lu et pour vos futur réponses.

bonjour,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
function montre(id)  // fonction montre, prend en paramètre un id
{
var d = document.getElementById(id); 
//getElementById() retourne un élément ayant comme "id" le contenu de id 
//(en passant choisir id comme nom de variable n'est pas très judicieux)
// cet élément est placé dans la variable d
 
for (var i = 1; i<=10; i++)   // pour i allant de 1 à 10
{
 
 
// si l'élément ayant pour id slien+i existe
// (concaténation de slien et du contenu de i =>recherche de  "slien1", "slien2", etc.)
//équivalent à if(document.getElementById('slien'+i) != null)
	if (document.getElementById('slien'+i))   
        {
           // on cache l'élément "slien"+i (display="none")
           document.getElementById('slien'+i).style.display='none'; 
	}
 
// si d existe (équivalent à if (d!=null)
if (d) 
{  
        d.style.display='block'; // on affiche d
}
}

Code:

1
2
 
window.onload = montre

=> charger cette fonction lors de l'événement onload de la page, code équivalent à

Code:

1
2
 
<body onload="montre()">

dans ce cas on ne transmet aucun paramètre à la fonction montre(id), par conséquent id prendra la valeur par défaut "null".

15/08/2008, 12h43
artick
Wouah 8O
Merci pour cette réponse aussi rapide.
C'est deja beaucoup plus clair dans ma téte.
Citation:
Envoyé par Auteur

bonjour,

Code:

1 2 //(en passant choisir id comme nom de variable n'est pas très judicieux)
Ta réponse amène une question :p.
Pourquoi le fait de choisir id comme nom de variable n'est pas judicieux ?
Est ce parce qu'on utilise " id " dans les DIV ?
Ça pourrait me causer des problèmes par la suites ? Et a quel niveau ?

ps:peut être qu'il faut que je crée un nouveau post :?
15/08/2008, 12h57
Auteur
Citation:

Envoyé par artick

Ta réponse amène une question :p.
Pourquoi le fait de choisir id comme nom de variable n'est pas judicieux ?
Est ce parce qu'on utilise " id " dans les DIV ?
Ça pourrait me causer des problèmes par la suites ? Et a quel niveau ?

ps:peut être qu'il faut que je crée un nouveau post :?

C'est simplement pour des raisons pratiques : c'est juste pour éviter des confusions entre l'attribut d'un élément (id) et une variable. Exemple :
Code:

1 2 3 4 5 var id = "identifiant"; var objet = document.getElementById("idObjet"); objet.id = id; // objet.id est l'attribut id de l'objet auquel je donne la valeur contenue dans id (la variable)
15/08/2008, 13h04
artick

A d'accord je comprends.
Merci beaucoup pour tes reponses.
Je laisse le post tel quel, si il y a aucune autre personne voulant repondre je le mettrais comme etant resolus.
:D
++