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

26. 11. 2011 18:18:39

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...

26. 11. 2011 18:18:39

https://webtrh.cz/diskuse/internet-explorer-a-javascript-skryvani-div/strana/2#reply701326

Michal Pešat

(2 hodnocení)

26. 11. 2011 20:01:35

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, ...

26. 11. 2011 20:01:35

https://webtrh.cz/diskuse/internet-explorer-a-javascript-skryvani-div/strana/2#reply701325

800XE

(8 hodnocení)

26. 11. 2011 22:22:35

Takže nejdřív shrnu, co se mi na tom kódu nelíbí:

- Předčasně uzavřené styly pro body

- 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čtinu

A 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">

type="submit"

value="Odeslat"

26. 11. 2011 22:22:35

https://webtrh.cz/diskuse/internet-explorer-a-javascript-skryvani-div/strana/2#reply701324

Michal Pešat

(2 hodnocení)

27. 11. 2011 00:13:10

díky za odpověď, dnes jsem se na to vrhnul a kompletně to předělal na jQuery a šlape to perfektně, díky za nakopnutí :)

27. 11. 2011 00:13:10

https://webtrh.cz/diskuse/internet-explorer-a-javascript-skryvani-div/strana/2#reply701323

800XE

(8 hodnocení)