fonctions javascript qui r�cup�re les param�tres

Version imprimable

12/11/2009, 16h15
benakacha

fonctions javascript qui r�cup�re les param�tres

Bonjour ,
Je veut une fonctions javascript qui r�cup�re les param�tre passer l'ors de l'include du fichier.

exemple:

Code:

<script type="text/javascript" src="/scripts/affiche.js?nom=berli&prenom=hollywood"></script>

soit "getUrlVars" est notre fonction js, l'ors de l'appelle de cette fonction je veut celui-ci:

Code:

var name = getUrlVars("nom");

la variable name doit �gale "berli";

j'esp�re que �'est claire.
je suis � votre service pour plus d'informations.

Cordialement,
12/11/2009, 16h35
E.Bzz

Bonjour,
as-tu regard� dans la FAQ ?

A+

il faut tester ce code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
    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];
    }
</script>

est ce que te peut m'aider a trouver une methode de tester ce code

Il te suffit de l'inclure dans ton fichier JS.
Pour voir le r�sultat, tu peux ajouter un alert() :
Code:

1 2 3 4 5 6 for(i=0;i<first.length;i++){ second = first[i].split("="); nom[i] = second[0]; valeur[i] = second[1]; alert(nom[i] + ' = ' + valeur[i]); }
A+

12/11/2009, 19h10
kernelfailure

Ca n'est pas possible directement, mais voil� comment faire :

La solution que j'utilise est d'ajouter par document.write un element au d�but du script avec un id connu du script. Puis de r�cup�rer le node de cet element, et par un previousSibling, on acc�de au tag script g�n�rateur.
Il suffit ensuite d'analyser l'attribut src ;)
13/11/2009, 09h54
benakacha

je trouve pas comment faire sa

quelle fonction javascript permet de remplace window.location.search
dans le code suivant
pour r�cup�re src="/scripts/affiche.js?nom=berli&prenom=hollywood" et non pas l'URL de page web
car le fonction recup() et a l'int�rieur de de fonction globale qui contient
ca <script type="text/javascript" src="/scripts/affiche.js?nom=berli&prenom=hollywood">

ci dessous le fonction recup()
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 <script type="text/javascript"> function recup() { var nom=new Array(); var valeur=new Array(); // On enlève le ? param = window.location.search.slice(0,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]; alert(nom[i] + ' = ' + valeur[i]); } } </script> <script type="text/javascript" src="/scripts/affiche.js?nom=berli&prenom=hollywood"></script>

13/11/2009, 15h43
kernelfailure

Actuellement, il n'existe rien en natif pour r�cup�rer l'URI d'un javascript.
"location" ne concerne que l'URL de ta page.

1. Si c'est le script affiche.js qui doit r�cup�rer ses param�tres, tu proc�de comme je l'indique plus haut. Le but est de forcer la cr�ation d'un tag � l'int�rieur du script qu'on souhaite identifier.

2.a. Sinon, vu ton code, puisque la r�cup�ration est externe � affiche.js. Tu ajoutes un id au tag script, tu le charge par getElementById et tu r�cup�re l'attribute "src".

2.b. Tu r�cup�re tout les TagName de type "script", tu examine tous les attributes "src" � la recherche sur script affiche.js.

L'avantage de la m�thode 1, est de pouvoir mettre en place une fonction ou un objet g�n�rique, r�-utilisable. L'acc�s est quasi-direct, sans devoir intervenir sur les tags script.

Quelque soit la m�thode que tu retiendra, il faudra que tu passes par le DOM.

Je vois deux possibilit�s :

la premi�re la plus simple consisterait a mettre les param�tres en variables globale sur la page dans une balise script juste avant l'appel au script externe.

La seconde implique de faire gen�rer le js pas le serveur :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTYPE html PUBLIC "-//WC//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3c.or/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="externaljs.php?machin=bonjour" type="text/javascript"></script> <title> hello </title> </head> <body> </body> </html>
et le fichier php qui retourne du js :
Code:

1 2 3 4 5 6 <?php header("content-type: application/x-javascript"); header('Content-Type: text/html; charset=utf-8'); $param=$_GET['machin']; echo 'alert("'.$param.'")'; ?>

13/11/2009, 17h04
benakacha

comment je peut r�cup�re le src par document.getElementsByTagName
13/11/2009, 17h07
SpaceFrog

en bouclant sur la collection

Code:

document.getElemntsByTagName("script")

puis en recuperant le src
mais si tu as un paquet de balises script sur la page ... faudra tester avec un

Code:

indexOf("/scripts/affiche.js")

ou une regExp...
ensuite un split sur ? et un autre sur & et un derneir sur = pour recup�rer les param�tres ...
13/11/2009, 18h06
kernelfailure

Le "src" est un attribut.
Donc, une fois que tu as ton node "script" (issue de la collection), tu utilise la m�thode .getAttribute("src").
13/11/2009, 19h32
SpaceFrog

ou plus simplement et de fa�on crossbrowser :

Code:

.src
14/11/2009, 11h57
kernelfailure

Citation:

Envoy� par SpaceFrog

ou plus simplement et de fa�on crossbrowser :

Code:

.src

Curieuse affirmation que : crossbrowser.

R�cup�rer l'URI d'un script par la propri�t� .src de son objet HTML n'est ni plus ni moins crossbrowser que de le faire par la m�thode getAttribute d'un node.

Car, sans DOM, pas de node ni d'objet HTML du tag script.
14/11/2009, 13h32
SpaceFrog

non je parlais juste de syntaxe.
par exp�rience j'ai juste not� que passer directement par la notation .attribute est mieux accept�e que de passer par les getAttribute et setAttribute
14/11/2009, 20h44
kernelfailure

Ok, je comprends.
En l'occurence, �a reste � confirmer (avec IE, bien sur...). On n'est pas dans le cas de 'name' ou 'class'... ;)

Attention cependant :
.getAttribute('src') done une URI, alors que .src donne une URL. Il faut passer par unescape() pour ce dernier cas.