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 :

Jquery zone clickable selectionnable individuellement


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    21
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Mars 2009
    Messages : 21
    Par défaut Jquery zone clickable selectionnable individuellement
    Bonjour tous !!

    J'ai des zones de classes "clickable" .
    Je voudrai sélectionner uniquement la zone "clickable" qui à été cliquée.

    Pour l'instant j'ai ce code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $(".clickable").live("click",function() {    modale( $(this).clone(false) );});
    mais cela me selectionne toutes les zones "clickable".

    Comment faire??

    Merci.

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir.

    Bien que certain de la chose, je n'ai pas voulu vous répondre : live () place un évènement click sur chaque élément de classe cliquable et la fonction de callback traite uniquement le click en cours, sans faire un test, mais :

    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<meta name="Author" content="Daniel Hagnoul" />
    	<title>Page type</title>
    	<style type="text/css">
    		body {
    			background-color:#696969;
    			color:#000000;
    			font-family:Arial, Helvetica, sans-serif;
    			font-size:medium;
    			font-style:normal;
    			font-weight:normal;
    			line-height:normal;
    			letter-spacing:normal;
    		}
    		h1,h2,h3,h4,h5 {
    			font-family:"Times New Roman", Times, serif;
    		}
    		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
    			margin:0px;
    			padding:0px;
    		}
    		p {
    			padding:6px;
    		}
    		ul,ol,dl {
    			list-style:none;
    			padding-left:6px;
    			padding-top:6px;
    		}
    		li {
    			padding-bottom:6px;
    		}
    		div#conteneur {
    			width:95%;
    			margin:12px auto;
    			padding:6px;
    			background-color:#FFFFFF;
    			color:#000000;
    			border:1px solid #666666;
    			font-size:0.8em;
    		}
    		div#affiche {
    			margin:12px;
    			border:1px solid #999999;
    		}
    		.clickable {
    			display:block;
    			width:50px;
    			height:50px;
    			margin:6px;
    			padding:4px;
    			border:1px solid red;
    			cursor:pointer;
    		}
    	</style>
    	<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
    	<script type="text/javascript">
    		$(document).ready(function(){
    			$(".clickable").live("click",function() {
    				var elem = $(this).clone(false);
     
    				$("#affiche").html("<p>Vous avez cliqué sur " + $(elem).html() + "</p>");
    			});
    		});
    	</script>
    </head>
    <body>
    	<div id="conteneur">
     
    		<span class="clickable">1</span>
    		<span class="clickable">2</span>
    		<span class="clickable">3</span>
    		<span class="clickable">4</span>
     
    		<div id="affiche"></div>
    	</div>
    </body>
    </html>

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. javafx zones clickables
    Par allstar dans le forum JavaFX
    Réponses: 1
    Dernier message: 07/10/2013, 21h44
  2. [QtGui] QCheckBox : taille de la zone clickable
    Par begude dans le forum PyQt
    Réponses: 2
    Dernier message: 19/09/2012, 14h17
  3. Selectionner première ligne d'une zone de liste
    Par bb62 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/07/2006, 10h49
  4. Réponses: 4
    Dernier message: 24/05/2006, 08h44
  5. Réponses: 6
    Dernier message: 24/01/2005, 11h06

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