Discussion :

[Herve_be]

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.

[Invité]

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') );

[Herve_be]

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.

[Herve_be]

Ça fonctionne très bien, encore merci.

[Invité]

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)

[Herve_be]

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