IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Passer un param�tre html en JS


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    168
    D�tails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2008
    Messages : 168
    Par d�faut Passer un param�tre html en JS
    Bonjour,
    Je suis loin d'�tre exp�riment� en JS.

    Dans un script html j'appelle un script JS.
    Pour afficher le script html dans mon navigateur je tape dans la barre d'adresse http://www.rudyv.be/VTT/Map.html?map=180822R.xml

    Une des lignes JS est
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    var runLayer = omnivore.gpx('URL')
    Comment faire en sorte que URL soit �gal � 180822R.xml ?
    En d'autres termes comment passer le param�tre situ� apr�s ?map= � JS ?

    Je suppose qu'il faut utiliser getElementById mais je fais probablement une erreur de syntaxe car �a ne fonctionne pas.
    Merci de me donner la syntaxe correcte.

  2. #2
    Invit�
    Invit�(e)
    Par d�faut
    Bonjour,

    Une (simple) recherche sur le web : "R�cup�rer en JavaScript les param�tres GET d'une URL"

    Code JavaScript : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    function getUrlParameter(name) {
        name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
        var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
        var results = regex.exec(location.search);
        return (results === null)? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
    };

    Code JavaScript : S�lectionner tout - Visualiser dans une fen�tre � part
    var runLayer = omnivore.gpx( getUrlParameter('map') );

  3. #3
    Membre confirm�
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    168
    D�tails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2008
    Messages : 168
    Par d�faut
    Avant de poser la question j'ai fait une recherche Google et j'ai effectivement trouv� des fonctions comme celle que tu donnes.
    Je pensais qu'on pouvait faire plus simple, qu'il y avait une fonction d�di�e dans JS.
    Merci beaucoup pour le code, je vais essayer mais j'avoue que je ne comprends pas � quoi servent ces 4 lignes.

  4. #4
    Membre confirm�
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    168
    D�tails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2008
    Messages : 168
    Par d�faut
    �a fonctionne tr�s bien, encore merci.

  5. #5
    Invit�
    Invit�(e)
    Par d�faut
    tu ne l'as pas pr�cis�...
    ... mais si tu utilises PHP, on peut aussi r�cup�rer la valeur en PHP (cot� serveur, donc), et l'injecter "en dur" dans le code JavaScript :

    Code php : S�lectionner tout - Visualiser dans une fen�tre � part
    <?php $map = (!empty($_GET['map']))? $_GET['map'] : ''; ?>
    Code JavaScript : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    var map = '<?php echo $map; ?>'; // il faut mettre des '....' autour (chaine)
    var runLayer = omnivore.gpx( map );
    Ou :
    Code JavaScript : S�lectionner tout - Visualiser dans une fen�tre � part
    var map = <?php echo json_encode($map); ?>; // PAS de '....' ici ! (les "..." sont inclus avec json_encode)

  6. #6
    Membre confirm�
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    168
    D�tails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2008
    Messages : 168
    Par d�faut
    Effectivement j'utilise php.
    Quand j'ai fait ma recherche sur Google j'ai trouv� beaucoup de solution diff�rente.
    L'astuce PHP fonctionne probablement aussi mais je suis satisfait que la fonction JS que tu m'as donn�e, pourquoi changer ?
    Exemple (cliquer sur une des petites cartes de France) : http://www.rudyv.be/PilotePrive/Agenda.php

  7. #7
    Invit�
    Invit�(e)
    Par d�faut
    • PHP agit "cot� serveur" (= AVANT l'affichage de la page)
    • JavaScript agit "cot� client" (= APRES l'affichage de la page)

    Autrement dit : ils n'agissent pas au m�me moment.

    Ce n'est pas une "astuce PHP" : c'est ce qui se fait g�n�ralement (on traite les donn�es "en amont", AVANT d'afficher la page).

  8. #8
    Membre confirm�
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    168
    D�tails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2008
    Messages : 168
    Par d�faut
    Ce que je consid�re comme astuce est d'utiliser echo pour modifier le code sur le serveur avant de l'envoyer au navigateur.
    D'habitude j'utilise echo pour afficher quelque chose sur l'�cran.

  9. #9
    Invit�
    Invit�(e)
    Par d�faut
    C'est que tu n'as pas compris comment (et surtout "quand") agit PHP.

  10. #10
    Membre confirm�
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    168
    D�tails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2008
    Messages : 168
    Par d�faut
    J'ai bien compris que php travaille sur le serveur avant d'envoyer quoi que ce soit au navigateur.
    D'habitude j'utilise echo pour g�n�rer du code html, par exemple
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    <?php;
    if (date(md)>"1215")
    	{ 
    	echo '<img src="/gif/SapinAnime.gif">';
    	} 
    else
    �a m'a juste un peu surpris de l'utiliser pour modifier du code JS mais pourquoi pas ?
    De toute fa�on ta fonction pure JS fonctionne tr�s bien, probl�me r�solu.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. <html:link action="" > :Passer plusieurs param�tres
    Par sisiniya dans le forum Struts 1
    R�ponses: 3
    Dernier message: 19/04/2011, 21h49
  2. R�ponses: 2
    Dernier message: 22/10/2009, 09h22
  3. [html:link] comment passer 2 param�tres
    Par chennuo dans le forum Struts 1
    R�ponses: 3
    Dernier message: 22/11/2007, 09h12
  4. R�ponses: 3
    Dernier message: 11/06/2007, 12h33
  5. Formulaire HTML > passer un param�tre
    Par djbenito dans le forum IHM
    R�ponses: 1
    Dernier message: 15/01/2007, 12h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo