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 :

Utiliser un bouton grâce à un autre bouton?


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2014
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Vosges (Lorraine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2014
    Messages : 10
    Par défaut Utiliser un bouton grâce à un autre bouton?
    Bonjour, je suis en stage actuellement et je me retrouve confronté à un petit problème.

    J'ai un formulaire permettant d'effectuer des recherches dans une base de données.
    J'ai donc un
    < input type="text" > pour taper le mot recherché et un
    < input type="image" onClick="..." > pour simuler mon boutonRecherche

    ça fonctionne tout bien comme je veux seulement je dois aussi créer d'autres boutons qui servent à effectuer des recherches prédefinies qui sont en DEHORS de ce formulaire (donc si je reprend le meme code que mon bouton RECHERCHE, ça ne fonctionne pas) (exemple: je clic sur le bouton AFFICHE, je voudrais que mon formulaire de recherche, recherche tous les resultats avec AFFICHE)

    J'arrive à remplire le contenu de mon "input text" avec le mot AFFICHE grâce à un appel de fonction qui fait "document.getElementById("recherche").value="affiche";"
    Mais j'aimerais savoir savoir s'il y a un moyen d'utiliser mon boutonRecherche "à distance" avec quelque chose du genre "document.getElementById("boutonRecherche").value=clicked;"

    Je précise que c'est du code que je reprend, je ne veux donc pas trop casser la structure déjà mise en place, je préfère créer des parties de code qui s'adaptent à ce qui existe déjà.
    J'espère que j'ai été assez claire dans mon explication et je remercie par avance ceux qui pourront ou essayeront de m'aider.

    Bonne journée à tous.

  2. #2
    Membre éprouvé
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    125
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 125
    Par défaut
    En faisant cette recherche dans google :
    javascript click
    Tu tombe sur ce résultat : http://www.w3schools.com/jsref/met_html_click.asp...

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2014
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Vosges (Lorraine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2014
    Messages : 10
    Par défaut
    Merci beaucoup, j'avais cherché sur google mais je n'ai visiblement pas tapé les bons mots clefs, j'essayerai ça mardi mais ça a l'aire d'etre ce qu'il me faut, encore merci et bonne continuation! :p (je mettrai RESOLU si ça fonctionne bien mardi )

  4. #4
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Par défaut
    Je n'ai jamais compris cette façon de penser "j'ai un bouton A qui fait une action, je veux un autre bouton B qui fasse la même action, alors je vais mettre comme action à B le fait de cliquer sur A...". Il suffit de réutiliser le code JS présent dans le onClick du bouton de recherche ! Pourquoi s'acharner à créer des évènements qui n'ont pas eu lieu...

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2014
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Vosges (Lorraine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2014
    Messages : 10
    Par défaut
    Bonjour, comme promis, un petit retour après vérification, ça fonctionne très bien!!! Encore merci kaari kosaku!


    SylvainPV, faire un copier/coller de mon premier bouton a été la première idée que j'ai eu, cependant, quand ça ne fonctionne pas je cherche une autre solution qui me parait simple et réalisable. Après, peut etre qu'il etait possible de faire comme tu dis et que j'ai fais quelque chose qui ne fallait pas, après tout je suis débutant, je sort de ma formation AFPA et je ne demande pas mieux qu'apprendre les bonnes pratiques, donc si tu veux bien, je te montre la premiere methode que j'ai utilisé et tu me dira comment faire pour que cela fonctionne (je ne met que le code qui concerne mon problème, désolé si jamais j'oublie quelque chose d'important mais je pense que tout y est).

    partie entre des balises javascript:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function init()
    {
    alert("ça rentre dans la fonction");
    document.form_search.etat.value='s';
    }
    partie html/php:
    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
    <form method="post" name="form_search"  >
    <input type="hidden" name="etat" value="<?php if($_REQUEST["etat"]!=""){echo $_REQUEST["etat"];}else{?>s <?php }?>">
    <input type="image" value="" id="bouton_recherche" src="../images/btn_recherche_collection_d_images.png"onClick="init()">
    </form>
    <input type="image" value="" id="bouton_recherche2" src="../images/btn_recherche_collection_d_images.png"onClick="init()">
     
    switch ($_REQUEST["etat"]){
     
    				case "s":
    					include("resultat_affiche.php");
    					break;
     
    				case "f":
    					include("fiche_affiche.php");
    					break;
     
    				default :
     
    					break;
     
    			}
    Résultat : mon bouton "bouton_recherche" lance la page "resultat_affiche.php" alors que mon bouton "bouton_recherche2" lance bien la fonction init() (c'est le alert() qui me le dit) mais au delà de ça, aucune réaction.

    Voilà si tu as mieux à me proposer merci, en attendant, ça ça fonctionne:
    http://www.w3schools.com/jsref/met_html_click.asp

    A bientot tout le monde!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Désactiver bouton modifier dataTable + autres boutons
    Par spring.time dans le forum JSF
    Réponses: 9
    Dernier message: 17/06/2014, 08h56
  2. Le bouton suppr et autre bouton ne marche pas vs 2012
    Par adilobrf dans le forum Langages
    Réponses: 0
    Dernier message: 14/04/2013, 15h23
  3. [XL-2010] Utiliser macros et boutons dans un autre fichier
    Par Live83 dans le forum Macros et VBA Excel
    Réponses: 11
    Dernier message: 11/01/2012, 13h25
  4. copier coller couleur dans une autre feuille grâce a un bouton
    Par antoine2933 dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 04/07/2011, 22h52
  5. Rendre un bouton invisible grâce à un autre bouton
    Par Meloody dans le forum Interfaces Graphiques
    Réponses: 13
    Dernier message: 22/01/2010, 17h19

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