DOM-ban elemek formon kívül
Üdv mindenkinek.
Egy elég fura problémával futottam szembe.
Előfordulhat hogy valami eszméletlen egyszerű dolgon akadok meg, de nem igazán tudom hogy-s-mint keressem...
Adott egy oldal, amin az összes link, form jQuery-n át AJAX-al frissíti az oldal tartalmát...
Ez eddig rendben, a gond az hogy némely a betöltött tartalomban levő űrlap egyes elemei a formon kívülre kerülnek.
Pl.:
Ez egy alap űrlap:
<form>
<input type="text"...>
<textarea name="bla"...></textarea>
<input... még pár mező...
<select name="sel" multiple="multiple" size="10">
...
</select>
<input type="submit">
</form>
Ez rendben is van.
DOM-ban viszont:
<form>
<input type="text"...>
<textarea name="bla"...></textarea>
<input... még pár mező...
</form>
<select name="sel" multiple="multiple" size="10">
...
</select>
<input type="submit">
Így már viszont nem klappol mert a submit gomb is kívül esik a formon. Erre még megoldás lenne ha id-t adok a formnak és a submit helyett button onclick eseményében .submit()-el elküldöm, de kiesik a select is.
Így pedig már hibás az egész...
Próbáltam hogy a select után tettem input mezőt, akkor sem jó, amit tudtam próbáltam, sikertelenül.
Valakinek van-e ötlete hogy lehetne ezt helyrerázni?
Előre is köszönöm...
■ Egy elég fura problémával futottam szembe.
Előfordulhat hogy valami eszméletlen egyszerű dolgon akadok meg, de nem igazán tudom hogy-s-mint keressem...
Adott egy oldal, amin az összes link, form jQuery-n át AJAX-al frissíti az oldal tartalmát...
Ez eddig rendben, a gond az hogy némely a betöltött tartalomban levő űrlap egyes elemei a formon kívülre kerülnek.
Pl.:
Ez egy alap űrlap:
<form>
<input type="text"...>
<textarea name="bla"...></textarea>
<input... még pár mező...
<select name="sel" multiple="multiple" size="10">
...
</select>
<input type="submit">
</form>
Ez rendben is van.
DOM-ban viszont:
<form>
<input type="text"...>
<textarea name="bla"...></textarea>
<input... még pár mező...
</form>
<select name="sel" multiple="multiple" size="10">
...
</select>
<input type="submit">
Így már viszont nem klappol mert a submit gomb is kívül esik a formon. Erre még megoldás lenne ha id-t adok a formnak és a submit helyett button onclick eseményében .submit()-el elküldöm, de kiesik a select is.
Így pedig már hibás az egész...
Próbáltam hogy a select után tettem input mezőt, akkor sem jó, amit tudtam próbáltam, sikertelenül.
Valakinek van-e ötlete hogy lehetne ezt helyrerázni?
Előre is köszönöm...
HTML
Semmi olyat nem találtam
A kódot ha nem gond nem másolom ide, elég hosszú lenne... ehelyett inkább:
http://vtsoftware.hu/wl/dom.html
http://vtsoftware.hu/wl/form.html
Átnéztem az egész forrást, semmi hibát nem találtam, W3C Validatorral is megnéztem, lezáratlan elem hibát nem írt.
Pl. mire gondoltál hasonlók alatt?
Jó sok hiba
>
,<
karakter önállóan, azoknak a HTML entitása (>
,<
) kell, hogy szerepeljen. Ezeket a jQuery, vagy a böngésző esetleg önálló HTML elemeknek érzékelheti, ezért megváltozik a HTML struktúrája. Valamint<p>
elemben ne szerepeljen már semmilyen blokk típusú elem.Hibás, de...
De valamitől helyrejött.
Tegnap kijavítottam pár hibát a validátor hibaüzenetei közül, ma pedig megnéztem, és lám, jó.
A <p>-t próbáltam hogy kicseréltem DIV-re, akkor az sem oldotta be.
Nem tudom melyik hozta helyre, valószínű cache-ből töltötte be, pedig ki van kapcsolva, ennek még utánajárok.
De minden esetre köszönöm...