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 :

2 actions différentes avec un clic sur une image


Sujet :

JavaScript

  1. #1
    Membre éprouvé
    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 : 49
    Localisation : Belgique

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

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut 2 actions différentes avec un clic sur une image
    Bonjour tout le monde,

    J'aimerais juste savoir si il est possible d'associer à une image deux actions différentes ?

    L'image est une imprimante, j'aimerais que quand je visiteur clic dessus, un message apparaîsse genre "Contrôler les données imprimées" et ensuite que l'impression se lance.

    Je connais les lignes de code pour le faire mais je ne sais pas comment concaténer deux actions.

    J'utiliserai pour le messagebox ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="alert('La clôture difinite est activée, pour la désactiver, cliquez sur NON')
    et pour l'impression :

    Est-il possible d'avoir d'abord le message et ensuite la fenêtre d'impression avec un seul clic ???

    Merci d'avance pour votre aide.

    beegeees

  2. #2
    Membre habitué
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    144
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 144
    Points : 129
    Points
    129
    Par défaut
    salut,

    Tu veux que l'utilisateur confirme l'impression ?

    Dans ce cas
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if (confirm('Contrôler les données imprimées')) window.print ();

  3. #3
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Points : 1 234
    Points
    1 234
    Par défaut
    Citation Envoyé par beegees
    Bonjour tout le monde,

    J'aimerais juste savoir si il est possible d'associer à une image deux actions différentes ?

    L'image est une imprimante, j'aimerais que quand je visiteur clic dessus, un message apparaîsse genre "Contrôler les données imprimées" et ensuite que l'impression se lance.

    Je connais les lignes de code pour le faire mais je ne sais pas comment concaténer deux actions.

    J'utiliserai pour le messagebox ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick="alert('La clôture difinite est activée, pour la désactiver, cliquez sur NON')
    et pour l'impression :

    Est-il possible d'avoir d'abord le message et ensuite la fenêtre d'impression avec un seul clic ???

    Merci d'avance pour votre aide.

    beegeees

    Tu mets autant d'actions que tu veux, tant que tu mets bien des points-virgules à la fin.

    onclick="alert('La clôture difinite est activée, pour la désactiver, cliquez sur NON');window.print();"

    PS : pense à faire des fonctions quand tu cumullerais trop d'actions pour un même évenement (onclick).

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

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

    En passant par une fonction ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    ....
    <script language="javascript">
    function Imprimer()
    {
    alert("Message");
    window.print();
    }
    </script>
    ...
    <img src="MonImage" onclick="Imprimer()">
    .....

  5. #5
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    Citation Envoyé par Sergejack
    Tu mets autant d'actions que tu veux, tant que tu mets bien des points-virgules à la fin.

    onclick="alert('La clôture difinite est activée, pour la désactiver, cliquez sur NON');window.print();"
    tu auras du mal à trouver le bouton non en utilisant un alert...

    c'est tuxout qui a raison, il faut utiliser le confirm

  6. #6
    Membre éprouvé
    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 : 49
    Localisation : Belgique

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

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    Salut Tuxout, Salut Sergejack,

    Merci à vous deux pour vos réponses.

    Je confirme que maintenant ça fonctionne, j'ai mais ce que Sergejack a proposé.

    C'est NIKEL, comme toujours !

    Merci mille fois et une très bonne semaine à vous.

    bgs

  7. #7
    Membre éprouvé
    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 : 49
    Localisation : Belgique

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

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    Salut PC75,

    Heureux de t'entendre !

    Ta solution est correcte aussi, merci.

    Elle permet de changer le message une seule fois pour tout le monde.

    C'est super sympa,

    Bonne semaine à toi.
    bgs

    Citation Envoyé par pc75
    Bonjour,

    En passant par une fonction ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    ....
    <script language="javascript">
    function Imprimer()
    {
    alert("Message");
    window.print();
    }
    </script>
    ...
    <img src="MonImage" onclick="Imprimer()">
    .....

  8. #8
    Membre éprouvé
    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 : 49
    Localisation : Belgique

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

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    Citation Envoyé par MasterOfChakhaL
    tu auras du mal à trouver le bouton non en utilisant un alert...

    c'est tuxout qui a raison, il faut utiliser le confirm
    Bonjour MasterOfChakhaL,

    La solution de Sergejack convient mieux à mes attentes.

    Ca fonctionne nikel, j'obtiens d'abord un message d'avertissement avec un bouton ok, quand je clique sur le OK j'ai l'impression.

    Merci à vous tous !

    bgs

  9. #9
    Candidat au Club
    Inscrit en
    Février 2008
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 3
    Points : 4
    Points
    4
    Par défaut
    Bonjour,
    je souhaiterais associer à une image 2 zones de clic (entendez par là , en gros, la partie gauche et la partie droite) où dès qu'on clic ça nous envoie vers un site diffèrent pour chaque partie.

    Merci d'avance.

    Dan'

  10. #10
    Membre éprouvé
    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 : 49
    Localisation : Belgique

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

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    Citation Envoyé par Danilo29 Voir le message
    Bonjour,
    je souhaiterais associer à une image 2 zones de clic (entendez par là , en gros, la partie gauche et la partie droite) où dès qu'on clic ça nous envoie vers un site diffèrent pour chaque partie.

    Merci d'avance.

    Dan'
    Bonjour,

    Avec quel logiciel travailles-tu ?

    Je sais que ça fonctionne avec Dreamweaver.

    beegees

  11. #11
    Candidat au Club
    Inscrit en
    Février 2008
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 3
    Points : 4
    Points
    4
    Par défaut
    En fait je n'ai plus dreamweaver installé et je n'ai plus le cd non plus.
    Et j'utilise un editeur basique notepad++ pour ecrire mes pages.
    Je ne connais pas bien java mais je sais que ce que je demande est faisable mais je ne vois pas comment faire .
    Donc si tu peux me donner le code permettant de faire ça ça m'aiderait beaucoup :p
    Ce serait pour un index permettant d'acceder à 2 sites differents en cliquant sur la partie de l'image correspondante.
    voili voilou

    Dan'

  12. #12
    Candidat au Club
    Inscrit en
    Février 2008
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 3
    Points : 4
    Points
    4
    Par défaut
    je me permet de remonter le sujet car je n'ai toujours pas trouvé comment faire :/
    Merci d'avance
    Dan'

  13. #13
    Membre éprouvé
    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 : 49
    Localisation : Belgique

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

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    Citation Envoyé par Danilo29 Voir le message
    Bonjour,
    je souhaiterais associer à une image 2 zones de clic (entendez par là , en gros, la partie gauche et la partie droite) où dès qu'on clic ça nous envoie vers un site diffèrent pour chaque partie.

    Merci d'avance.

    Dan'
    Salut,

    Désolé pour le retard de ma réponse mais je suis pas mal débordé.

    Voici un lien qui devrait t'aider :

    ici

    Dis moi quoi.

    @+

    beegees

  14. #14
    Membre éprouvé
    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 : 49
    Localisation : Belgique

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

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Points : 1 277
    Points
    1 277
    Par défaut
    Citation Envoyé par Danilo29 Voir le message
    je me permet de remonter le sujet car je n'ai toujours pas trouvé comment faire :/
    Merci d'avance
    Dan'
    ù

    Excuse moi pour le retard de ma réponse.

    Voici le code demandé (j'ai divisé l'image en deux rectangle) :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <map name="Map"><area shape="rect" coords="7,6,111,75" href="#"><area shape="rect" coords="9,82,109,153" href="#"></map></BODY>
    J'espère avoir pu t'aider.

    beegees

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

Discussions similaires

  1. position clic sur une image
    Par wehtam dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 31/12/2007, 01h13
  2. Récupérer la position d'un clic sur une image
    Par visio dans le forum OpenCV
    Réponses: 1
    Dernier message: 24/10/2007, 08h06
  3. Réponses: 3
    Dernier message: 23/10/2007, 13h35
  4. Clic sur une image
    Par nettoyerforum dans le forum Langage
    Réponses: 5
    Dernier message: 24/05/2007, 19h19
  5. Réponses: 1
    Dernier message: 25/03/2007, 18h20

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