Otóż tworze stronę całkowicie opartą na AJAXie. Przyciski w menu przełączają zawartość strony (pobierając jej wartość z różnych plikach itd).
Jedna z tych stron zawiera formularz.
I tutaj problem.
O ile w FireFoxie wszystko działa tak jak powinno, to na innych przeglądarkach nie chce.
Z tego co się zorientowałem JavaScript nie widzi tak jak by tych dynamicznie dodanych formularzy przez co nie mogę odwołać się do wartości zawartych w poszczególnym polach tego formularza.
Kod html formularza:
<div class="login"> <form id="login_form" name="login"> <input type="password" id="account_name" name="account_name" maxlength="32"/> <input type="password" id="password_login" name="password_login" maxlength="30"/> <img src="token.php?time=<?php echo time(); ?>" name="tokenimg" id="tokenimg" style="position: absolute; left: 335px; top: 120px;"> <input type="text" id="token" name="token" maxlength="5" /> <input type="image" src="images/buttons/sbutton_iagree.gif" alt="Akceptuję" title="Akceptuję" id="iagree" onClick="check_login_form(); return false;"> <input type="image" src="images/buttons/sbutton_cancel.gif" alt="Anuluj" title="Anuluj" id="cancel_login" onClick="select_file('account.php'); return false;"> </form> </div>
i kod JS odpowiedzialny za obsługę:
var oXml; function check_login_form() { alert(document.forms[0]); var file = 'file.php?file=login.php&check=1&account_name='+document.login.account_name.value+ '&pass='+document.login.password_login.value+ '&token='+document.login.token.value; oXml = zXmlHttp.createRequest(); oXml.open('GET', file, true); oXml.onreadystatechange = function () { if (oXml.readyState == 4 && oXml.status == 200) { document.getElementById('main_content').innerHTML = oXml.responseText; } } oXml.send(null); }
Co może być powodem tego

Szukałem w google/na forum i nie mogłem znaleźć odpowiedzi -.-
Alert wyświetla mi: undefinited