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 :

auto insertion de résultat de menu


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 35
    Par défaut 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

  2. #2
    Membre actif
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 35
    Par défaut J'ai trouvé ça
    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>"

  3. #3
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    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, ...).

  4. #4
    Membre actif
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 35
    Par défaut
    Je suis débutant en javascript, si quelqu'un peu m'en dire plus....

  5. #5
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    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.

  6. #6
    Membre actif
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    35
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 35
    Par défaut
    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

  7. #7
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    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...

Discussions similaires

  1. Réponses: 6
    Dernier message: 04/04/2008, 12h09
  2. Lien entre 2 tables et insertion du résultat
    Par kryss_63 dans le forum Requêtes et SQL.
    Réponses: 2
    Dernier message: 12/07/2007, 17h31
  3. Réponses: 2
    Dernier message: 13/06/2007, 17h42
  4. [FileWriter] insertion des résultats null dans le fichier plat
    Par Pakkaï dans le forum Entrée/Sortie
    Réponses: 5
    Dernier message: 28/08/2006, 11h06
  5. [VB6] Problème avec insertion d'icônes dans menu
    Par marsup54 dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 02/03/2006, 21h38

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