login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Jquery even bij link

Offline cowb - 15/04/2011 11:53
Avatar van cowbLid Hi all,

Ik ben aan het sukkelen met een stukje code...
Er worden een aantal dingen uit de db geladen en ik echo steeds een link. Wanneer er op deze link wordt geklikt zou ik graag hebben dat het event uitgevoerd wordt.
De code zal wel meer duidelijk maken.

Mijn stukje javascript (met jquery, en ja mijn library is geladen)
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function laad_pagina(pagina) {
  2. 	 $("#materiaal").load(pagina);   
  3.  }


een voorbeeld van een link
php code - Bekijk de code zonder highlighting - Klap code in 
  1. echo "<div class='lijst_item'><a class='lijst_link' href='javascript:laad_pagina(haal_materiaal.php?cid=".$_GET['cid']."&sid=".$subcategorien['ID'].");'><img src='../../".$subcategorien['icon']."' border='0' height='100'><br>".$subcategorien['naam']."</a></div>";


beetje verder op de pagina staat er dan een div met het id="materiaal"

4 antwoorden

Gesponsorde links
Offline tomate - 15/04/2011 12:00
Avatar van tomate Lid Gebruik eens het volgende:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function laad_pagina(cid, sid) {
  2. var data = 'cid=' + cid + '&sid=' + sid; 
  3. $.get('haal_materiaal.php', data, function(html){
  4. $('#materiaal').html(html);
  5. })
Offline WouterJ - 15/04/2011 13:30
Avatar van WouterJ HTML gevorderde Dan moet je gebruik maken van de Events die jQuery heeft. Dus i.p.v:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function doeIets() {
  2.   document.write('doe iets!');
  3. }
  4. // Kan je beter in jQuery dit doen:
  5. // 'a' betekend alle anchors
  6. // '.class' en '#id' of een van de andere selectors zijn ook mogelijk
  7. $('a').click(function() { 
  8.   document.write('doe iets!');
  9. });
Offline cowb - 15/04/2011 14:12 (laatste wijziging 15/04/2011 14:37)
Avatar van cowb Lid Ik heb het intussen aan de praat gekregen. Via tomate zijn code.

Maar nu zit ik met een ander raar fenomeen. Het werk enkel bij het eerste tabblad, in dit geval audio. En bij de andere werkt het niet.

Hoe zou dat komen. Op volgende pagina kan je het zelf eens uit testen...

http://maartenc...riaallijst

Dit is de code van mij haal_materiaal.php pagina.

http://plaatscode.be/140939/
Offline Ibrahim - 15/04/2011 20:44
Avatar van Ibrahim PHP expert Dat komt omdat je tekst in je content binnenlaat via ajax. Dan zul je een event click moeten gebruiken zoals Waldio toont in plaats van inline javascript (wat sowieso een big NO NO is). Maak dan wel gebruik van de live event functie, want ervoor zorgt dat de events ook werken op content binnengehaald via Ajax:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $(jouw_selector).live('click', function(event) {
  2.  
  3.    event.preventDefault();
  4.    $.get('php-bestand.php', {cid: <?php echo $cid;?>....}, function(returnData) {
  5.       // fill 'r up!
  6.    });
  7. });
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s