[Mootools] veel links met onclick en een id - Softwareontwikkeling

donderdag 19 maart 2009 16:24

Acties:

0 Henk 'm!

Topicstarter

Normaal gesproken zou ik voor een ajax request bijvoorbeeld een links alsvolgt maken:

<a href="#" onclick="triggerajax(1,23)">Klik mij 1</a>
<a href="#" onclick="triggerajax(10,23)">Klik mij 10</a>
etc...

In de functie triggerajax heb ik bij een onlcick op die link de meegegeven argumenten in die functie beschikbaar. Echter kan ik geen manier vinden waar ik dit in Mootools makkelijk mee kan doen.

Ik heb wel wat, maar dat is volgens mij een beetje omslachtig allemaal.

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="mootools-1.2.1-core-nc.js"></script>
<script language="javascript">
window.addEvent('domready',function() {
    $$('a.reply').each(function(link) {
        link.addEevent('click',function(event) {
            event.preventDefault();
            var favoriteRequest = new Request({
                url: '/ajax/favorites.php',
                method: 'get',
                onSuccess: function(responseText,responseXML) {
                    alert(responseText);
                }
            });
            favoriteRequest.send('id=xxx&pid=xxxxxxx');
        });     
    });
});
</script>
</head>
<body>
<a href="#" class="reply">testje</a>
<a href="#" class="reply">testje</a>
<a href="#" class="reply">testje</a>
<a href="#" class="reply">testje</a>
</body>
</html>

donderdag 19 maart 2009 16:28

Acties:

0 Henk 'm!

truegrit

Wat is nou eigenlijk de vraag/het probleem?

hallo

donderdag 19 maart 2009 16:30

Acties:

0 Henk 'm!

RSD

Topicstarter

Dat ik aan heel veel links een event kan koppelen en per geklikte link 1 of meerdere id's kan opvangen en hiermee een ajax request kan samenstellen. Dus als je op een link klikt dat je dan in een functie een id beschikbaar hebt die bij die link hoort.

[ Voor 25% gewijzigd door RSD op 19-03-2009 16:32 ]

donderdag 19 maart 2009 16:32

Acties:

0 Henk 'm!

posttoast

Ik zie er nog steeds geen vraag in. Je stelt nu toch gewoon iets? Of snap ik het niet?

omniscale.nl

donderdag 19 maart 2009 16:34

Acties:

0 Henk 'm!

RSD

Topicstarter

Mijn vraag is hoe bouw ik:

<a href="#" onclick="func(1,2)" >een link</a>
<a href="#" onclick="func(2,4)" >een link</a>
<a href="#" onclick="func(6,3)" >een link</a>
<a href="#" onclick="func(8,1)" >een link</a>

Om naar iets dat in Mootools op dezelfde manier werkt.

Met Mootools kan ik dmv $$('') wel de links ophalen, maar ik weet dan niet welke argumenten er bij horen te staan. En het liefst gebruik ik $$ ook niet, omdat dat zwaarder is volgens mij.

[ Voor 8% gewijzigd door RSD op 19-03-2009 16:36 ]

donderdag 19 maart 2009 16:38

Acties:

0 Henk 'm!

crisp

Devver

Pixelated

Als je nu begint met een actie te maken die je in de href kan zetten die niet afhankelijk is van Ajax; tien tegen 1 dat je dan in de betreffende URL ook de benodigde argumenten al moet meegeven. Die kan je dan mooi weer hergebruiken in je Ajax interface door gewoon de href uit te vragen van de link waarop geklikt is en daaruit die argumenten te vissen

Intentionally left blank

donderdag 19 maart 2009 16:40

Acties:

0 Henk 'm!

OkkE

CSS influencer :+

Waar komen de argumenten (de getallen) vandaan die je mee wilt geven?

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

donderdag 19 maart 2009 16:55

Acties:

0 Henk 'm!

RSD

Topicstarter

die komen uit php... maar ik kan inderdaad ook in de href de ajax url opgeven en dan tijdens een klik het default gedrag niet uitvioeren en dan de ajax call maken. Is dat wat je bedoelt?

Ik had trouwens ook al dit werkend:

code:

window.addEvent('load', function(){
  $('myreplies').getElements('a').each(function(el) {
    el.addEvent('click', function(){
      alert("The ID of the list element you've chosen is: " + this.id);
    });
    }); 
});

en dan

code:

<div id="myreplies">
         <a href="#" id="reply_1">testje</a>
         <a href="#" id="reply_5">testje</a>
         <a href="#" id="reply_6">testje</a>
         <a href="#" id="reply_3">testje</a>
</div>

[ Voor 18% gewijzigd door RSD op 19-03-2009 16:56 ]

donderdag 19 maart 2009 16:58

Acties:

0 Henk 'm!

posttoast

Ja, dat is sowieso wat je moet doen want je wilt een fallback hebben voor users zonder javascript (en dat kunnen dus ook zoekmachines zijn).

omniscale.nl