Récupération paramètre get javascript
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:
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:
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.
Et si je veux récupéré deux paramètres ?
Re bonjour,
Voici mon js :
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 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:
http://www.monsite.fr/test.php?inter=bouton1&inter2=tableau1
Comment je peut m'y prendre si je veux récupéré les deux ?
Ok, ça c'est fais mais mon code est un peut lour, non ?
Re coucou,
merci NoSmoking.
Alors voilà j'ai tous ce qu'il me faut niveau javascript pour faire fonctioner ma page, ça donne :
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 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