Besoin d'informations concernant un script svp.

**artick** · 15/08/2008, 13h04

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à

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Auteur** · 15/08/2008, 13h31

bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
window.onload = montre

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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".

**artick** · 15/08/2008, 13h43

Wouah

Merci pour cette réponse aussi rapide.
C'est deja beaucoup plus clair dans ma téte.

Envoyé par Auteur

bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Auteur** · 15/08/2008, 13h57

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

**artick** · 15/08/2008, 14h04

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.

++

Besoin d'informations concernant un script svp.

JavaScript

Vue hybride

Discussions similaires

Partager

Partager