&^$&#* Internet explorer a javascript skrývání div

Napsal Martin Schlemmer;727184

Co tam přesně nefunguje?

K čemu je tam vůbec možnost Nezúčastním se?

Nezúčastní se přece ten, kdo formulář nevyplní.

Možná je žádoucí zjistit kdo se zúčastní a kod ne. Je to asi jako když se kámoše zeptáš "jdeš do hospody?" tak taky čekáš odpověď ano/ne, taky to nebereš tak, že když neodpoví nic, tak nejde. Třeba to rozešlou potenciálním účastníkům a od nich chtějí vyjádření....---------- Příspěvek doplněn 26.11.2011 v 18:20 ----------

Napsal Martin Schlemmer;727194

Přece se nepodepíšete pod další dysfunkční formulář, kterých je na internetu spousta.

Navrhněte to pořádně a klienta přesvědčte.

Zajimavý názor, zřejmě si nikdy nepracoval pro někoho kdo má svojí hlavu a prostě to odmítá upravit... Je jistě pravda, že součástí práce vývojáře může (měla by být) i jistá forma oponentury a ne jen tupé nakódování, nicméně klient (popř. zaměstnavatel) platí, klient rozhoduje...

ano, přesně tak, jak jste to napsal to je, ale já se tu nechci bavit o použitelnosti, nýbrž o tom, jak to zprovoznit, ...

Takže nejdřív shrnu, co se mi na tom kódu nelíbí:- Předčasně uzavřené styly pro bodybody { font-size: 16px; font-family: trebuchet ms;} ...}- Tabulkový layout- Neukončené inputy />- Atributy nejsou v uvozovkách, některé zase v jednoduchých uvozovkách- Zbytečné třídy(.textove_pole, .textarea, ...)- Inline styly- Rozdělení do několika formů- V xhtml by měl mít každý atribut hodnotu, takže atribut checked by se měl zapisovat takhle: checked="checked"- Pro názvy osobně radši volím angličtinuA takhle nějak by to mohlo vypadat(ten návrh se mi nelíbí, ale když na něm zadavatel trvá...):<!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> <title> titulek </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" ></script> <script type="text/javascript"> $(function() { $('form ') .on('change', function() { var $go = $(this); $go .closest('form') .find('.go.start') .nextUntil('.go.end') .andSelf() (); }) .filter('') .attr('checked', 'checked') .trigger('change'); }); </script> <style> form { display: table; font-size: 16px; } form > div { display: table-row; } form > div > * { display: table-cell; vertical-align: top; line-height: 30px; max-width: 400px; } form input, form textarea { width: 400px; } form h1 { font-size: 32px; } form h2 { font-size: 16px; } form .info { font-style: italic; } form textarea { height: 100px; } form input { float: right; width: auto; background: darkblue; color: white; font-family: arial; font-size: 20px; } </style> </head> <body> <form method="post" action="" > <input type="hidden" name="typ" value="kaprun" /> <input type="hidden" name="url_odeslano" value="" /> <input type="hidden" name="termin" value="6.3.-9.3.2012" /> <div> <h1> Rezervace - Kaprun </h1> </div> <div> <br /> </div> <div> <label> Zúčastním se </label> <span> <input type="radio" name="pojedu" value="ano" > ANO <input type="radio" name="pojedu" value="ne" > NE </span> </div> <div> <br /> </div> <div> <label> Jméno: </label> <span> <input type="text" name="jmeno" value="" /> </span> </div> <div> <label> Příjmení: </label> <span> <input type="text" name="prijmeni" value="" /> </span> </div> <div> <label> Datum narození: </label> <span> <input type="text" name="narozen" value="" /> </span> </div> <div class="go start"> <label> Státní příslušnost: </label> <span> <input type="text" name="prislusnost" value="" /> </span> </div> <div> <label> Ulice a ČP: </label> <span> <input type="text" name="ulice" value="" /> </span> </div> <div> <label> PSČ: </label> <span> <input type="text" name="psc" value="" maxlength="5" /> </span> </div> <div> <label> Telefon: </label> <span> <input type="text" name="telefon" value="" /> </span> </div> <div> <label> E-mail: </label> <span> <input type="text" name="email" value="" /> </span> </div> <div> <br /> </div> <div> <label> Zúčastníte se setkání s partnerem? </label> <span> <input type="radio" name="partner" value="ano" /> ANO <input type="radio" name="partner" value="ne" checked="checked" /> NE </span> </div> <div> <br /> </div> <div> <h2> Mám zájem o: </h2> </div> <div> <br /> </div> <div> <label> Skipas Zell am See-Kaprun: </label> <span> <input type="radio" name="skipas" value="ano" /> ANO <input type="radio" name="skipas" value="ne" checked="checked" /> NE <div class="info"> info o skipasu, info o skipasu, info o skipasu, info o skipasu, info o skipasu, info o skipasu, info o skipasu, info o skipasu </div> </span> </div> <div> <br /> </div> <div> <label> Výlet na sněžnicích: </label> <span> <input type="radio" name="sneznice" value="ano" /> ANO <input type="radio" name="sneznice" value="ne" checked="checked" /> NE <div class="info"> info o snežnicích, info o snežnicích, info o snežnicích, info o snežnicích, info o snežnicích, info o snežnicích </div> </span> </div> <div> <br /> </div> <div> <label> Sportovní hry na sněhu: </label> <span> <input type="radio" name=sportovni_hry value="ano" /> ANO <input type="radio" name="sportovni_hry" value="ne" checked="checked" /> NE <div class="info"> info o sportovní hry na sněhu, info o sportovní hry na sněhu, info o sportovní hry na sněhu, info o sportovní hry na sněhu </div> </span> </div> <div> <br /> </div> <div> <label> Poznámka: </label> <span> <textarea name="poznamka">