login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Jquery on click (Opgelost)

Offline cyberninjah - 05/09/2011 16:58
Avatar van cyberninjahLid ik heb een probleem met de onclick event.

Ik heb een Table waar ik een onclick event op de Table Row in de Tbody heb geplaast.

dit werkt zonder problemen het enige probleem is in de row zit een icontje waar ook een onclick event zit als ik op het icoon klik worden bijde Events geactiveerd hoe kan ik zorgen dat waarneer ik op het icoon click niet me TR:Click event uitgevoerd wordt ?

6 antwoorden

Gesponsorde links
Offline vinTage - 05/09/2011 17:01
Avatar van vinTage Nieuw lid uitsluiten met not ?
Offline WouterJ - 05/09/2011 18:48
Avatar van WouterJ HTML gevorderde dit is inderdaad een irritant probleem. Het enige wat ik kan bedenken is dat je bij elke td een div tag extra maakt, bijv. met deze code:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $('td').append('<div class="aDiv"></div>');

Vervolgens style je die .aDiv dan zo dat hij absolute gepositioneerd is, even groot als de td en een z-index: -1; heeft (zodat hij achter het icoontje staat). Aan deze div geef je vervolgens het onclick event mee:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $('.aDiv').click(function() {
  2.   // code
  3. });


Nu heb je dat de icoon voor de 'td click event' staat en dus niet meegenomen zal worden bij de td click.
Offline vinTage - 05/09/2011 19:24 (laatste wijziging 05/09/2011 19:25)
Avatar van vinTage Nieuw lid Met not kreeg ik het ook niet voor elkaar, maar na wat geklooi:stopPropagation 

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6.  
  7.  
  8. <script src="http://code.jquery.com/jquery-latest.js"></script>
  9. <script>
  10. $(document).ready(function () {
  11.     $("tr").click(function () { 
  12.       alert('tr geklikt')
  13.     });
  14.     $(".clickert").click(function (ev) { 
  15.       alert('icoontje geklikt');
  16. 	  ev.stopPropagation();
  17.     });
  18.  
  19. });
  20. </script>
  21. </head>
  22. <body>
  23.  
  24. <table border='1' cellpadding="0" cellspacing="0">
  25. <tr>
  26.   <td>een</td><td><img class="clickert" src="http://www.sitemasters.be/images/iconen/homepage.png" alt="icoontje" /></td>
  27. </tr>
  28. </table>
  29. </body>
  30. </html>
Bedankt door: cyberninjah
Offline cyberninjah - 05/09/2011 22:18 (laatste wijziging 06/09/2011 09:22)
Avatar van cyberninjah Lid Bedankt vinTage ik kon de hele functie stopPropagation niet maar is even uit pluize wat je daar allemaal mee kan doen .

Ik test morgen de code ben nu niet in de gelegenheid om echt te coderen (A) xD.

Momenteel de code in me applicatie gebruikt en werkt perfect .

Thanks again 
Offline larssy1 - 06/09/2011 10:37
Avatar van larssy1 MySQL beginner
cyberninjah schreef:
Bedankt vinTage ik kon de hele functie stopPropagation niet maar is even uit pluize wat je daar allemaal mee kan doen .

Ik test morgen de code ben nu niet in de gelegenheid om echt te coderen (A) xD.

Momenteel de code in me applicatie gebruikt en werkt perfect .

Thanks again 

dont forget to press the 'Opgelost!' button ;)
Offline cyberninjah - 06/09/2011 10:52
Avatar van cyberninjah Lid Oops sorry had op Bedankt poster knop gedrukt (A).
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s