[ajax] prototype

[Verwijderd]

Hey,

Ik ben op mijn site ajax aan het invoeren alleen lukt dat niet echt.
Ik heb het middelscherm waar steeds de verschillende pagina's laden in ajax.
En elke pagina kan dan door ajax ook weer veranderen (ajax in ajax)
Nu heb ik op een paar pagina's forms en die moeten met ajax verstuurd worden en dat doe ik zo:

code:

// op de pagina zelf:
<input type="button" name="submit" value="Send" class="buttons" onClick="send('pb', 'middle', 'pb.php?actie=comp')";> // de button om het form te verzenden


// hier onder een javascript functie om prototype aan het werk te zetten
function send(form, div, pagina){
    var params = Form.serialize($(form));
    new Ajax.Updater(div, pagina, {asynchronous:true , evalScripts:true , parameters:params});
}

Nu werkt dit op deze manier goed (in IE) maar het probleem is dat het met firefox niet werkt! En forms met ajax in AJAX versturen kan wel! Maar wat doe ik dan fout?

[AK47]

Wat zegt je Javascript of Error Console in Firefox?

[Verwijderd]

die zegt: Warning:
Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById() instead.
Source File: http://www.theschoolcriminals.com/login.php?loca=ajax
Line: 203
En regel 203 is:

code:

<td width="621" valign="top" background="images/content_bg2.jpg" height="334"><table width=100%><tr><td height=32 width=80>

Niks boeiends dus ...
Dat heeft niks te maken met het form posten, op de regel eronder begint het eerste van ajax:

code:

<div id='sms'><a href="javascript:getHTML('pb.php', 'middle', 'get');"><img src=images/sms_no.gif></a></div><td>
    <div id='info'>

Dit heeft ook niks met forms te maken ... Maar met gewone ajax links, die werken wel!

[crisp]

Die warning slaat op dit:

JavaScript:

login.nickname.focus()

Voor de rest kunnen we er weinig over zeggen zonder de volledige code. Wel raad ik het gebruik van het javascript: pseudo-protocol af - ik zou de href juist gebruiken voor een non-JS afhankelijke versie van de content.

Voor wat betreft het formulier zou ik een onsubmit-handler gebruiken, ook dan kan je de action van je form gebruiken voor een non-JS afhankelijke versie.

[ Voor 16% gewijzigd door crisp op 23-12-2006 13:06 ]