[JS, CSS] Změna stylu vstupního pole při výběru

[Aigor]

Ahoj,

v javascriptu moc nedělám, tak marně tápu.. Ve formuláři textové vstupní pole. Chci aby tam šedým textem bylo napsáno např. "sem zadejte heslo". Po výběru pole text zmizí a uživatel tam napíše vlastní už normálním písmem (klasika, všichni to známe z přihlašování).
Vyhodit text nápovědy po vybrání problém není, ale nevím jak přepnout styl.... Poradil by někdo?

[Jey]

ahoj, rád bych poradil, ale koukám, že to mám řešené bez těch stylů (http://www.hanspaulska-liga.cz nahoře vpravo).
takže pokud něco potřebuješ okoukat, opsat, inspiruj se u mně.
já přidávám téma do sledovaných

edit: nebude to něco jako tahle pseudotřída (css3, focus)? nemám čas to zkoušet/testovat, kdyžtak napiše jak jsi dopadl.
http://www.cssdrive.com/index.php/ex..._pseudo_class/

[Dismembered]

function changeClass(){
    document.getElementById("idElementu").setAttribute("class", "požadovanáTřída");
}

[Aigor]

Díky, vyřešeno!

A když už jsme u toho, je nějaký rozdíl v zápisu:
document.testf.info.className = 'norm';
nebo
document.getElementById(id).setAttribute('class', 'norm');

Jasně - jeden bere prvek podle jména, druhý podle id.
Ale pokud z hlediska čistoty kódu je vhodnější pracovat s kterou verzí?
Můj dojem je, že podle id je to asi modernější a víc publikované. Na druhou stranu se nejde zbavit dojmu, že je to takové škrábání se levou nohou za pravým uchem. V případě, že nepotřebuju parametry předávat do funkce a znám přesně jména, je něco špatného měnit přímo vlastnosti prvků?
Ptám se jen proto, aby až si někdo po mě bude číst kód neřekl že jsem čuně

[MEluZíNa]

Nejlip na tohle pouzivat nejakej framework protoze se to lisi browser od browseru. Asi nejznamenjsi je jQuery http://jquery.com/

[Aigor]

Nejlip na tohle pouzivat nejakej framework protoze se to lisi browser od browseru. Asi nejznamenjsi je jQuery http://jquery.com/

Máš naprostou pravdu, jenže já tohle jednak píšu do svého frameworku a hlavně se přitom učím. jQuery je zatím pro mne kanón na vrabce, občas ho použiju na něco, kde zatím znalostmi nestačím. Používat cizí řešení vyžaduje především jim rozumět a to zatím říct nemůžu.

Ale mám další otázku - teď pls jen teoreticky:

Situace:
- mám formulář, kde jsou předvyplněná pole textem sloužícím jako nápověda
- na onFocus() vyhodím text, nastavím normální styl a umožním editaci
- na onBlur() zkontroluju data, pokud je prázdné vrátím tam text nápovědy

Funguje to dobře, ale text nápovědy je napsaný dvakrát pro každé pole (jako value a pak ve funkci onBlur()), což je samozřejmě špatně.
Jak to řešit elegantněji - ideálně bych někam do kódu nadefinoval help-texty pro dané id a linkované fce by byly nezávislé na formu ?