| Autor | Zpráva | ||
|---|---|---|---|
| Wroxman Profil |
#1 · Zasláno: 22. 11. 2008, 14:42:27
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 |
#2 · Zasláno: 22. 11. 2008, 14:46:28
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 |
#3 · Zasláno: 22. 11. 2008, 14:49:30
Jeeeej díky moc :)) Ono to funguje.. :S xD
|
||
| RockFire Profil |
#4 · Zasláno: 22. 11. 2008, 15:01:24 · Upravil/a: RockFire
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 |
#5 · Zasláno: 22. 11. 2008, 15:04:11
Reaguji na RockFireho:
Tady diskriminuješ IE :) .input:focus {border-color: gray;} |
||
| RockFire Profil |
#6 · Zasláno: 22. 11. 2008, 15:06:09
Ie nepodporuje focus? To ani nevím :-D
|
||
| Wroxman Profil |
#7 · Zasláno: 22. 11. 2008, 15:06:57
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 |
#8 · Zasláno: 22. 11. 2008, 15:15:48
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 </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 </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 |
#9 · Zasláno: 22. 11. 2008, 15:21:27
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 |
#10 · Zasláno: 22. 11. 2008, 15:23:36 · Upravil/a: Wroxman
php používám díky za radu a sorry za zbytečný post.
greetings xD Wroxman |
||
| keeehi Profil |
#11 · Zasláno: 22. 11. 2008, 16:11:47
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 |
||
|
Časová prodleva: 15 let
|
|||
0