Discussion :

[Jean-Seba]

Bonjour,

J'ai rien trouvé sur le net qui fonctionne avec ce que je dois faire.

J'ai un menu déroulant sur ma page web.
Sans recharger la page.
Quand le visiteur opte pour une des options du menu.

Alors cette infos du menu.

Va sincèrer dans un link de ce type :

href="http://www.test.fr?option=choixdumenu"

sans jamais recharger la page;
de façon dynamique

ça serais top si vous m'aidiez là dessus
merci

[Jean-Seba]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<form name="formentrepot">
    <fieldset>
    <legend><b>Entrepôts</b></legend>
    Vous souhaitez agrandir votre aéroport en
    <select name="entrepot" onchange="cal10 (this);">
    <option value="0"></option>
    <option value="7,500,000">H9 - (Prix : 7,500,000 $)</option>
    <option value="25,000,000">H18 - (Prix : 25,000,000 $)</option>
    <option value="75,000,000">H27 - (Prix : 75,000,000 $)</option>
    <option value="150,000,000">H36 - (Prix : 150,000,000 $)</option>
    <option value="250,000,000">H54 - (Prix : 250,000,000 $)</option>
    <option value="350,000,000">H84 - (Prix : 350,000,000 $)</option>
    <option value="450,000,000">H114 - (Prix : 450,000,000 $)</option>
    <option value="600,000,000">H200 - (Prix : 600,000,000 $)</option>
    <option value="750,000,000">Nouvel aeroport - (Prix : 750,000,000 $)</option></select>
    pour un montant total de <span id="entrepot1"></span>$ <p></p>
    </fieldset>
 
 
    <script>
    function cal10(obj) {
    var valeur = obj.options[obj.selectedIndex].value;
    document.getElementById("entrepot1").innerHTML = valeur;
    }
    </script>

Mais le problème c'est que le <span id="entrepot1"></span> ne peut pas s'insérer dans un href="http://www.test.fr?option=<span id="entrepot1"></span>"

[vermine]

Bonjour,

Il faut récupérer le href du lien et lui concaténer la nouvelle valeur. Par contre, si c'est pour remplacer la valeur déjà existante par une autre, il faudra utiliser une technique en plus (replace, regexp, ...).

[Jean-Seba]

Je suis débutant en javascript, si quelqu'un peu m'en dire plus....

[vermine]

Dans votre HTML, vous devriez avoir un lien du style :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="http://www.test.fr" id="idLien">Mon lien</a>

Grâce à la méthode getElementById que vous avez trouvé dans votre exemple, vous allez récupérer ce lien. Ensuite, vous allez modifier son href. Ici je fais une concaténation :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("idLien").href += "?option=" +  valeur;

valeur vient du code de votre exemple qui récupère la valeur sélectionnée.

[Jean-Seba]

Non, mais on ce comprend pas bien.

Voilà ce que j'ai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<select name="Tempon2" onchange="cal10 (this);">
option 1
option 2
option 3
</select>
 
<script>
    function cal10(obj) {
    var valeur = obj.options[obj.selectedIndex].value;
    document.getElementById("entrepot1").innerHTML = valeur;
    }
    </script>
 
 
<div id="data">panier.php?Act=Add&amp;Tempon1=<?php echo nl2br($record->getField('Reference', 0) )?>?Tempon2=<span id="entrepot1"></span></div>
 
 
 
<input type=image href="#data" id="Identifier" >

Le javascript marche, ça remplace la bonne option du menu.
à part que le problème finale : href="#data" n'insére jamais le <div id="data">

Pourquoi ?


je précise que la ligne 19 est bien écrite, j'ai pas tout écrit, mais en bref, je dois insérer <div id="data"> dans mon href="#data"
c'est ça que j'arrive pas à faire

[NoSmoking]

Bonjour,

Non, mais on ce comprend pas bien.

là je suis d'accord !

à part que le problème finale : href="#data" n'insére jamais le <div id="data">

tu peux insérer le contenu de la DIV mais pas les balises, sauf à le faire à la mano ou à remonter d'un niveau et de récupérer le innerHTML du conteneur.

J'ai quand même un doute sur la réponse...