auto insertion de résultat de menu

Version imprimable

14/06/2012, 11h11
Jean-Seba

auto insertion de résultat de menu

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

J'ai trouvé ça

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
<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>"

14/06/2012, 11h13
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, ...).
14/06/2012, 11h45
Jean-Seba

Je suis débutant en javascript, si quelqu'un peu m'en dire plus....
14/06/2012, 11h54
vermine

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

Code:

<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:

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

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

Non, mais on ce comprend pas bien.

Voilà ce que j'ai :
Code:

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&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

14/06/2012, 19h08
NoSmoking

Bonjour,

Citation:

Non, mais on ce comprend pas bien.

là je suis d'accord !

Citation:

à 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...