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:

---

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.

Bonjour,

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

Code:

---

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:

---

var runLayer = omnivore.gpx( getUrlParameter('map') );

---

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.

Ça fonctionne très bien, encore merci.

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 $map = (!empty($_GET['map']))? $_GET['map'] : ''; ?>

---

Code:

---

1 2	var map = '<?php echo $map; ?>'; // il faut mettre des '....' autour (chaine) var runLayer = omnivore.gpx( map );

---

Ou :

Code:

---

var map = <?php echo json_encode($map); ?>; // PAS de '....' ici ! (les "..." sont inclus avec json_encode)

---

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

• 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).

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.

C'est que tu n'as pas compris comment (et surtout "quand") agit PHP.

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:

---

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.