Discussion :

[christ8phe]

Bonjour à tous,

débutant en javascript, voilà plusieurs heures que je cherche une solution à mon problème.

J'ai une page php ou je fais apparaître / disparaître des div en javascript donc de la façon suivante :

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
28
29
window.onload = function()
{
	for(var i=1; i<10; i++)
	{
		var id = 'tableau' + i;
		document.getElementById(id).style.display = "none";
	}
	alert(test);
 
}
 
function switchDiv(n)
{
    // Identifiant du bloc à traiter
    var id = 'tableau' + n;
    // Récupération du statut courant
    var sc = document.getElementById(id).style.display;
    // Définition du nouveau statut
    var ns = (sc == 'block') ? 'none' : 'block';
	//on cache tout sauf le séléctioné 
	for(var i=1; i<10; i++)
	{
		var id2 = 'tableau' + i;
		if (id != id2)
		document.getElementById(id2).style.display = "none";
		document.getElementById(id).style.display = ns;
	}
}
-->

Et je souhaiterais pouvoir faire afficher une div en arrivant d'une autre page ou j'aurais cliqué sur un lien.

d'après ce que j'ai compris le meilleur moyen serais de procédé de la sorte :

Code :

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

http://www.monsite/mapage.php?inter=tableau2

Et c'est là que j'appel à l'aide, comment récupéré cette valeur en javascript ?

J'ai parcouru des dizaine et dizaine de forum et je tombe à chaque fois sur des réponse différente que je n'arrive pas à mettre en place.

D'avance merci à tous.

[Bovino]

J'ai parcouru des dizaine et dizaine de forum

Pas la apparemment
Comment récupérer les paramètres passés dans une url ?

[andry.aime]

Bonsoir,

Mais si tu veux récupérer la page et le mettre dans un div, regarde du coté AJAX.

A+.

[christ8phe]

Effectivement je ne penser pas que la faq contiendrais ce genre d'information,
de plus j'étais déjà tomber sur un code similaire mais qui n'étais pas complet et vu que je suis pas trop js.

Encore merci !

[christ8phe]

Re bonjour,

Voici mon js :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!--
window.onload = function()
{
	for(var i=1; i<6; i++)
	{
		var idi = 'bouton' + i;
		document.getElementById(idi).style.display = "none";
	}
 
 
	for(var i=1; i<28; i++)
	{
		var id = 'tableau' + i;
		document.getElementById(id).style.display = "none";
	}
 
 
	var nom=new Array();
    var valeur=new Array();
 
    // On enlève le ?
    param = window.location.search.slice(1,window.location.search.length);
 
    // On sépare le paramètres....
    // first[0] est de la forme param=valeur
 
    first = param.split("&");
 
    for(i=0;i<first.length;i++){
        second = first[i].split("=");
        nom[i] = second[0];
        valeur[i] = second[1];
    }
	if (nom){
		document.getElementById(valeur).style.display = "block";
	}
}
 
 
function switchDiv(n)
{
    // Identifiant du bloc à traiter
    var id = 'tableau' + n;
    // Récupération du statut courant
    var sc = document.getElementById(id).style.display;
    // Définition du nouveau statut
    var ns = (sc == 'block') ? 'none' : 'block';
	//on cache tout sauf le séléctioné 
	for(var i=1; i<32; i++)
	{
		var id2 = 'tableau' + i;
		if (id != id2)
		document.getElementById(id2).style.display = "none";
		document.getElementById(id).style.display = ns;
	}
}
 
 
function switchDivTwo(n)
{
    // Identifiant du bloc à traiter
    var id = 'bouton' + n;
    // Récupération du statut courant
    var sc = document.getElementById(id).style.display;
    // Définition du nouveau statut
    var ns = (sc == 'block') ? 'none' : 'block';
	//on cache tout sauf le séléctioné 
	for(var i=1; i<6; i++)
	{
		var id2 = 'bouton' + i;
		if (id != id2)
		document.getElementById(id2).style.display = "none";
		document.getElementById(id).style.display = ns;
	}
}
-->

Et si j'ai comme adresse :

Code :

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

http://www.monsite.fr/test.php?inter=bouton1&inter2=tableau1

Comment je peut m'y prendre si je veux récupéré les deux ?

[NoSmoking]

Et si j'ai comme adresse :

Code :

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

http://www.monsite.fr/test.php?inter=bouton1&inter2=tableau1

Comment je peut m'y prendre si je veux récupéré les deux ?

mais tu récupères les deux si je ne m'abuse

[christ8phe]

Re coucou,

merci NoSmoking.

Alors voilà j'ai tous ce qu'il me faut niveau javascript pour faire fonctioner ma page, ça donne :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!--
window.onload = function()
{
	for(var i=1; i<6; i++)
	{
		var idi = 'famille' + i;
		document.getElementById(idi).style.display = "none";
	}
 
 
	for(var i=1; i<30; i++)
	{
		var id = 'tableau' + i;
		document.getElementById(id).style.display = "none";
	}
 
 
	var nom=new Array();
    var valeur=new Array();
 
    // On enlève le ?
    param = window.location.search.slice(1,window.location.search.length);
 
    // On sépare le paramètres....
    // first[0] est de la forme param=valeur
 
    first = param.split("&");
 
    for(i=0;i<first.length;i++){
        second = first[i].split("=");
        nom[i] = second[0];
        valeur[i] = second[1];
    }
	if (nom){
		document.getElementById(valeur).style.display = "block";
	}
}
 
 
function switchDiv(n)
{
    // Identifiant du bloc à traiter
    var id = 'tableau' + n;
    // Récupération du statut courant
    var sc = document.getElementById(id).style.display;
    // Définition du nouveau statut
    var ns = (sc == 'block') ? 'none' : 'block';
	//on cache tout sauf le séléctioné 
	for(var i=1; i<30; i++)
	{
		var id2 = 'tableau' + i;
		if (id != id2)
		document.getElementById(id2).style.display = "none";
		document.getElementById(id).style.display = ns;
	}
}
 
 
function switchDivTwo(n)
{
		for(var i=1; i<30; i++)
	{
		var id = 'tableau' + i;
		document.getElementById(id).style.display = "none";
	}
    // Identifiant du bloc à traiter
    var id = 'famille' + n;
    // Récupération du statut courant
    var sc = document.getElementById(id).style.display;
    // Définition du nouveau statut
    var ns = (sc == 'block') ? 'none' : 'block';
	//on cache tout sauf le séléctioné 
	for(var i=1; i<6; i++)
	{
		var id2 = 'famille' + i;
		if (id != id2)
		document.getElementById(id2).style.display = "none";
		document.getElementById(id).style.display = ns;
	}
}
-->

Mais je suis un peut maniac du code et j'aime quand c'est bien rangé, donc pour arranger tout ça, que puis-je faire ?

Pour commencer j'avais penser à trouver une solution au niveau de mes boucle.

Est il possible de remplacer un nombre d’élément définit (i<30) par une boucle qui évaluerais automatiquement le nombre d'id à traiter ?

de cette manière si j’ajoute des id au fil du temps je n'aurais pas à revenir changer cette valeur à chaque fois et je pourrais allégé mon code.

Merci