Argumenten meegeven, via jQuery of een function?
Nu vraag ik me af, welke optie is beter:
1)
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<tr rel="nieuws-1665">
<td>
<a href="index.php?module=nieuws&action=news_edit&id=1665">Embargo artikel</a>
</td>
<td>
<a href="index.php?module=nieuws&action=news_delete&id=1665">
</td>
</tr>
<td>
<a href="index.php?module=nieuws&action=news_edit&id=1665">Embargo artikel</a>
</td>
<td>
<a href="index.php?module=nieuws&action=news_delete&id=1665">
</td>
</tr>
En dan met attr('rel').val() afhandelen in jQuery, en splitten op de '-' en deze data doorgeven aan de ajax-request.
2)
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<tr>
<td>
<a href="index.php?module=nieuws&action=news_edit&id=1665">Embargo artikel</a>
</td>
<td>
<a href="index.php?module=nieuws&action=news_delete&id=1665" onClick="delete_item('news',1665)">
</td>
</tr>
<td>
<a href="index.php?module=nieuws&action=news_edit&id=1665">Embargo artikel</a>
</td>
<td>
<a href="index.php?module=nieuws&action=news_delete&id=1665" onClick="delete_item('news',1665)">
</td>
</tr>
En daar dus een functie delete_item() aan te hangen, die de ajax-request doet.
Wat zouden jullie kiezen, en waarom?
Gewijzigd op 10/01/2012 11:31:41 door - Aar -
Gesponsorde koppelingen:
Ik zou het volgende doen:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<tr rel="nieuws-1665">
<td>
<a class="edit">Embargo artikel</a>
</td>
<td>
<a class="delete"></a>
</td>
</tr>
<td>
<a class="edit">Embargo artikel</a>
</td>
<td>
<a class="delete"></a>
</td>
</tr>
En dan twee JQuery functies. Een om de klik op de edit class af te vangen, de ander om een klik op de delete class af te vangen. Daarmee weet je in die functies welke actie moet worden afgehandeld en het id haal je uit de row.
Ik denk dus inderdaad via de rel de argumenten door te geven i.p.v. een onClick en deze via click() op te vangen.
Gewijzigd op 10/01/2012 11:39:09 door - Aar -
Dan kan je mooi selecteren op $('tr a.edit') en $('tr a.delete')
Als je toch wil dat de niet-javascript-gebruiker ook aan zijn trekken komt, voeg je die href (de klassieke link) toe.
Wat je dan nog moet doen, is de links return="false" meegeven.
Dat kan bv. zo:
Code (php)
1
2
3
2
3
$(document).ready(function(e){
$('tr a.edit, tr a.delete').click(function(){return false;});
});
$('tr a.edit, tr a.delete').click(function(){return false;});
});
