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 :

[Débutant] évènement on_click


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre expérimenté
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Par défaut [Débutant] évènement on_click
    Bonjour le forum,

    Je suis super débutant en javascript, je vais d'ailleurs m'acheter un livre pour apprendre ce language.

    J'ai fait un site web ou il y'a une photo référencée comme ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="cloture.gif" width="80" height="23" />
    J'aimerais juste que sur un clic de cette photo, la script ci-dessous s'enclenche (c'est un message box) :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <SCRIPT LANGUAGE="Javascript">
    <!--
    var x = confirm('Do you want to continue on to this page?');
    if(x == true) {
    alert('You clicked yes');
    } else {
    alert('You clicked cancel, goodbye');
    document.location = "http://www.aol.com/";
    }
    //-->
    </SCRIPT>
    Je travaille en ASP3 avec Dreamweaver 8.

    J'ai créé un tableau, l'image est dans la cellule du tableau, dans cette cellule se trouve un formulaire qui me permet de lancer la page "messagebox.asp", cette page contient le javascript.

    Je présûme que je dois faire un onclick ou qqe chose dans le genre ?

    voici le code html de ma cellule :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
     <td width="13%" bgcolor="#FF0000"><form id="form1" name="MessageBox" method="post" action="messagebox.asp">
          <div align="center"><img src="cloture.gif" width="80" height="23" />        </div>
        </form>    </td>
    Ceci sera la première étape car après, il faudra avoir un évènement par rapport au oui ou au non du msgbox.

    Merci d'avance pour votre aide.

    bgs

  2. #2
    Membre Expert
    Avatar de pc75
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    3 662
    Détails du profil
    Informations personnelles :
    Âge : 70
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Septembre 2004
    Messages : 3 662
    Par défaut
    Bonjour,

    Tu peux faire comme ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <img src="cloture.gif" onclick="Continuer()" width="80" height="23" />
    Et ta fonction :
    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
     
    <SCRIPT LANGUAGE="Javascript"> 
    <!-- 
    function Continuer()
    {
    var x = confirm('Do you want to continue on to this page?'); 
    if(x == true) { 
    alert('You clicked yes'); 
    } else { 
    alert('You clicked cancel, goodbye'); 
    document.location = "http://www.aol.com/"; 
    } 
    } 
    //--> 
    </SCRIPT>

  3. #3
    Membre Expert Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Par défaut
    ouh la la

    je crois que tu n'as pas bien saisi que le javascript s'execute coté client contrairement à l'ASP qui s'execute coté serveur

    Colle ceci dans la balise <head> de ta page :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <SCRIPT LANGUAGE="Javascript" type="text/javascript">
    <!--
    function MsgBox() {
    var x = confirm('Do you want to continue on to this page?');
    if(x == true) {
    alert('You clicked yes');
    } else {
    alert('You clicked cancel, goodbye');
    document.location = "http://www.aol.com/";
    }
    }
    //-->
    </SCRIPT>
    C'est la fonction qui va afficher l'alert en fonction du choix

    Sur ton image :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="cloture.gif" width="80" height="23" onClick="MsgBox()" />
    sur le onClick de l'image tu appelles la fonction javascript. Pas besoin de formulaire.

    EDIT: j'ai été trop lente

  4. #4
    Membre expérimenté
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Par défaut
    Citation Envoyé par pc75
    Bonjour,

    Tu peux faire comme ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <img src="cloture.gif" onclick="Continuer()" width="80" height="23" />
    Et ta fonction :
    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
     
    <SCRIPT LANGUAGE="Javascript"> 
    <!-- 
    function Continuer()
    {
    var x = confirm('Do you want to continue on to this page?'); 
    if(x == true) { 
    alert('You clicked yes'); 
    } else { 
    alert('You clicked cancel, goodbye'); 
    document.location = "http://www.aol.com/"; 
    } 
    } 
    //--> 
    </SCRIPT>
    Bonjour PC75,

    Merci pour ta réponse, c'est comme d'habitude impeccable !

    Je me rend compte que Javascript / HTML et ASP sont complémentaies.

    Merci encore pour ta compétence.

    bgs

  5. #5
    Membre expérimenté
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Par défaut
    Citation Envoyé par Oluha
    ouh la la

    je crois que tu n'as pas bien saisi que le javascript s'execute coté client contrairement à l'ASP qui s'execute coté serveur

    Colle ceci dans la balise <head> de ta page :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <SCRIPT LANGUAGE="Javascript" type="text/javascript">
    <!--
    function MsgBox() {
    var x = confirm('Do you want to continue on to this page?');
    if(x == true) {
    alert('You clicked yes');
    } else {
    alert('You clicked cancel, goodbye');
    document.location = "http://www.aol.com/";
    }
    }
    //-->
    </SCRIPT>
    C'est la fonction qui va afficher l'alert en fonction du choix

    Sur ton image :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="cloture.gif" width="80" height="23" onClick="MsgBox()" />
    sur le onClick de l'image tu appelles la fonction javascript. Pas besoin de formulaire.

    EDIT: j'ai été trop lente
    Bonjour Oluha,

    Merci pour ta réponse.

    Je vais la lire attentivement et appliquer ce que tu dis.

    Ta réponse doit être complémentaire à celle de PC75, merci à tous les deux.

    bgs

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

Discussions similaires

  1. Réponses: 7
    Dernier message: 24/10/2008, 11h45
  2. [débutant]Ajout d'événement
    Par jsatla dans le forum MFC
    Réponses: 4
    Dernier message: 04/11/2005, 12h19
  3. [débutant] test sur un évènement
    Par heider dans le forum Langage
    Réponses: 4
    Dernier message: 07/10/2005, 00h44
  4. Réponses: 7
    Dernier message: 23/08/2005, 15h56
  5. [Débutant][jsp] évènement sur une liste
    Par phoebe dans le forum Servlets/JSP
    Réponses: 5
    Dernier message: 14/05/2004, 10h53

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