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

jQuery Discussion :

Condition savoir si une Div à été cliquée ?


Sujet :

jQuery

  1. #1
    Membre à l'essai Avatar de Biboude
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2017
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2017
    Messages : 30
    Points : 19
    Points
    19
    Par défaut Condition savoir si une Div à été cliquée ?
    Bonjour à tous et à toute,

    Ma question est simple, mais bon je suis plus sûre de moi

    Je m'explique j'ai une div avec un onclick(). Dans mon JS je voudrait faire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if (maDiv.click){alert("YEAAAA!");)
    En gros savoir quand l'élément div à été cliqué et faire une action en conséquence

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    Passe par un flag dans un data- sur ton div ?
    https://jsfiddle.net/4ozgLceq/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre à l'essai Avatar de Biboude
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2017
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2017
    Messages : 30
    Points : 19
    Points
    19
    Par défaut
    Bonjour alors je suis désoler mais j'ai pas tout compris :/ un flaq ?

  4. #4
    Membre à l'essai Avatar de Biboude
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2017
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2017
    Messages : 30
    Points : 19
    Points
    19
    Par défaut
    En ce moment je test un truc du genre
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    m11.addEventListener("click", cut, false);

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre à l'essai Avatar de Biboude
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2017
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2017
    Messages : 30
    Points : 19
    Points
    19
    Par défaut
    Alors merci pour cet exemple mais j'ai une question quelle est la différence entre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     $(function(){
    $("#foo").on('click' , function(){
    $(this).data('clicked','true');
    })
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     $("#bar").on('click' , function(){
     if( $('#foo').data('clicked') == 'true') {
     	 console.log(' clicked ');
     }
     else{
     console.log(' not clicked yet ');
     }
    })
     
    })
    moi j'aimerais que lorsque que l'on clique sur la DIV il me change le data-clicked

  7. #7
    Membre à l'essai Avatar de Biboude
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2017
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2017
    Messages : 30
    Points : 19
    Points
    19
    Par défaut
    Tu pense que ceci pourrais marché ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    $(function(){
                $("#m11").on('click' , function(){
                    $(this).data('clicked','true');
                })
                if ($('#m11').data('clicked') == 'true'){ menu.forEachItem(cut); }

  8. #8
    Membre à l'essai Avatar de Biboude
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2017
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2017
    Messages : 30
    Points : 19
    Points
    19
    Par défaut
    Il me dit qu'il attend un objet :/ .....

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    $(function(){
                $("#m11").on('click' , function(){
                    $(this).data('clicked','true');
                })
                if ($('#m11').data('clicked') == 'true'){ menu.forEachItem(cut); }})

  9. #9
    Membre à l'essai Avatar de Biboude
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2017
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2017
    Messages : 30
    Points : 19
    Points
    19
    Par défaut
    Et en plus on n'est sur le forum JS pas JQuery

  10. #10
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    moi j'aimerais que lorsque que l'on clique sur la DIV il me change le data-clicked
    et là tu pense qu'il fait quoi ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("#foo").on('click' , function(){
    $(this).data('clicked','true');
    })
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  11. #11
    Membre à l'essai Avatar de Biboude
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2017
    Messages
    30
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2017
    Messages : 30
    Points : 19
    Points
    19
    Par défaut
    Hey relax !

    Bien vue pour le déplacement

    Bon du coup j'ai testé ton bout de code et j'ai une erreur :/ Erreur d’exécution JavaScript: Objet attendu

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     $("#menu11").on('click', function () {
                $(this).data('clicked', 'true');
            })
            if ($('#menu11').data('clicked') == 'true') {
                cut();
            }

  12. #12
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    heu tu veux le faire QUAND le test "if div clicked" ?

    SI c'est sur le click du div lui même ce sera toujours vrai ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Savoir si une div contient tel élément
    Par Arsene12 dans le forum jQuery
    Réponses: 7
    Dernier message: 11/09/2016, 06h50
  2. Condition pour cacher une div
    Par leara500 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/05/2013, 10h07
  3. savoir si une div exsiste dans un webbrowser
    Par bailamos dans le forum VB 6 et antérieur
    Réponses: 1
    Dernier message: 19/05/2010, 00h58
  4. savoir s'il existe un <a href> dans div, elle meme contenue dans une div
    Par poupouille dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/02/2008, 20h33
  5. Réponses: 8
    Dernier message: 27/12/2006, 19h04

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