Autor Zpráva
Wroxman
Profil
Zdravím.
Chtěl bych obarvit input (text)
Pri najeti mysi: změna border-color
Pri vybrani a psani: změna broder-color, background-color
Nevi nekdo jak na to?
P.s.: asi nejak jako tady:
http://www.phpbb.cz/ucp.php?mode=register (když dáte souhlasím a pak najedete myší na nějaký input type="text"
Měsíček
Profil
Takhle .. teď si jen pohledej další události (pro to psaní a při vybrání ..):
<input  type="text" 
        style="border: 1px solid gray;" 
        onmouseover="this.style.border='1px solid pink';" 
        onmouseout="this.style.border='1px solid gray';">
Wroxman
Profil
Jeeeej díky moc :)) Ono to funguje.. :S xD
RockFire
Profil
Ještě nabídnu CSS řešení, které ti doporučuji více než to JS, protože JS bývá vypnuto častěji než CSS :-)

.input 
{
background-color: white;	
}

.input:hover
{
background-color: pink;
}

.input:focus 
{
border-color: gray;
}
Měsíček
Profil
Reaguji na RockFireho:

Tady diskriminuješ IE :)
.input:focus {border-color: gray;}
RockFire
Profil
Ie nepodporuje focus? To ani nevím :-D
Wroxman
Profil
Díky všem. Ano, sice bývá v jednom řešení nevýhodou vypnutý JS a v druhém je diskriminován IE, ale web je bude optimalizován pro FF takže je to asi celkem jedno. A ještě jsem se osobně nesetkal s PC který by měl vypnutý javascript. A stejně jde jen o "zkrásnění" formuláře takže je to jedno. Ale díky všem!
Wroxman
Profil
A šlo by nějak udělat abych to každému inputu nemusel přiřazovat?
Můj stávající kód je:
<!-- Fight us form start -->
<form action="submit.php" method="post">
<input type="hidden" name="action" value="fightus">
<table widht="100%">
<tr><td>Username&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><input type="text" 
        style="border: 1px solid grey;" 
        onfocus="this.style.border='1px solid orange';"
        onblur="this.style.border='1px solid gray';">
        </td></tr>
<tr><td>Password&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><input type="password" 
        style="border: 1px solid grey;" 
        onfocus="this.style.border='1px solid orange';"
        onblur="this.style.border='1px solid gray';">
        </td></tr>
<tr><td></td><td><input type="submit" value="send"></td>
</table>
</form>
<!-- Fight us form end -->

No a mě nebaví přiřazovat ty vlastnosti každému políčku zvlášť (bude jich tam asi ještě 10). Takže nešlo by to nějak zjednodušit? Automatické přiřazování?
RockFire
Profil
Možná ti Měsíček nabídne lepší řešení, páč já javascript neumím, ale mělo by jít dát na začátek body

<script>
var x = 'onfocus="this.style.border='1px solid orange';"
        onblur="this.style.border='1px solid gray';"';
</script>


A input bude:

<input type="text" style="border: 1px solid grey;" document.write(x);>


Ale nevím, jestli to bude fungovat. V PHP bych si byl jist, ale v JS ne :D
Wroxman
Profil
php používám díky za radu a sorry za zbytečný post.
greetings xD
Wroxman
keeehi
Profil
a co spojit css a javascript dohromady?
1) u css nastyluješ všechny inputy hromadně
2) pokud bude mít uživatel IE zapnutej javascript, tak bude suplovat podporu focus
3) v ostatních prohlížečích zase může být javascript vypnutý a práci dělá CSS

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: