Hallo allemaal,
Ik loop momenteel tegen een probleem aan waar ik niet uit kom.
Ik heb een javascript functie gemaakt als volgt:
De content van de pagina welke met de $.post opgehaald word is:Code:function ajaxdialog (var1,var2) { var newDiv = $(document.createElement('div')); $.post(__SITE_URL, { "var1" : var1 , "var2" : var2 }, function(data) { newDiv.html(data); }); newDiv.dialog({ modal:true, title: 'Title', width:700, height:'auto', resizable:false, show: "blind", hide: "explode", buttons: { "Close": function() { newDiv.dialog( "destroy" ); } } }); }
Als ik nu de dialog via de functie open dan werkt alles naar behoren je kan de Add button klikken en ajaxaction() wordt uitgevoerd zonder problem.Code:<p id="message"> </p> <form method="POST" name="ajaxform"> <table> <tr> <th>Input1:</th> <td><input type="text" name="var1" value="" align="right" size="16"></td> </tr> <tr> <th>input2:</th> <td><input type="text" name="var2" value="" align="right" size="16"> </td> </tr> <tr> <td colspan="3" align="right"><br /> <input type="button" value="Add" onclick="javascript: ajaxaction( document.ajaxform.var1.value, document.ajaxform.var2.value );" /> </td> </tr> </table> </form>
Het probleem zit hem in het volgende als de dialog geopend wordt en bv je krijgt een fout tijdens ajaxaction() of zonder iets te doen sluit je de dialog weer en je refreshed de pagina niet en opend de dialog weer en klikt dan op ajaxaction() dan krijg ik een javascript fout:
Terwijl de content gewoon weer netjes is opgehaald via de $.postFout: TypeError: document.ajaxform.var1 is undefined
Ik hoop dat iemand een idee heeft of een oplossing weet.
M.v.g. Dj