Cześć

Dla Was to pewnie banalne.. Dla mnie nie Szukam kodu/przykładu jak zrobić pewien ciekawy efekt. A mianowicie chciałbym aby po kliknięciu na pole input, w okół niego pojawiła się np. zielona obwódka. Widziałem to na kilku forach niestety nigdzie nie udało mi się wyciągnąć kodu..

Ja polecam bilbioteką jQuery(bez niej też da sie zrobić,ale ostatnio potrzebowałem tego efektu w projekcie,więc tu podam) :

a ja od siebie dodam czystą JS:

[HTML] pobierz, plaintext 
<input type="text" onFocus="this.style.border='1px solid green';" />
[HTML] pobierz, plaintext 

Dobra ;p
Kod piotrooo89 bardziej mi się spodobał więc kontynuuję..
Jak zrobić aby po "od kliknięciu" ramka znikła?

[HTML] pobierz, plaintext 
<input type="text" onFocus="this.style.border='1px solid green';" onBlur="this.style.border='1px solid black';" />
[HTML] pobierz, plaintext 

//edit

literówka

źle srednik... ~Spawnm thx

Coś ten kod nie działa ;/

Pojawia się :


znika :


A czysty js :

[HTML] pobierz, plaintext 
<input type="text" onBlur="'this.style.border=1px solid black'" />
[HTML] pobierz, plaintext 

edit. ehh te literówki,też miałem

literówka,
zobacz jak dasz:

[HTML] pobierz, plaintext 
<input type="text" onFocus="this.style.border='1px solid green';" onBlur="this.style.border='1px solid black;'" />
[HTML] pobierz, plaintext 

nie zamknął ".

Spawnm ja wiem, znalazłem ta literówkę i poprawiłem, chodziło mi o to, że ta funkcja nie działa (nie odznacza się).

k_@_m_i_l nie rozumiem, co to w ogóle za język i w jakim znaczniku to wkleić?
Sorry, za głupie pytania ale nie znam się na tym...

To jest framework js jQuery,bardzo przyjemny do pracy,ułatwia wiele rzeczy:)
jQuery

bo była kolejna literówka:

[HTML] pobierz, plaintext 
<input type="text" onFocus="this.style.border='5px solid green';" onBlur="this.style.border='5px solid black';" />
[HTML] pobierz, plaintext 

teraz działa

u mnie wszystko ok jest. klikam mam zielona odklikam mam czarna.

Spawnm dzięki teraz działa



Skoro to działa, nie będę już kombinował z tym jquery, może innym razem ;p

Mam jeszcze jedno pytanie.
Czy da się to jakoś zdefiniować np. w css, czy muszę za każdym razem do input dodawać ten długi kod?
Kod formularza, w którym jest 20 tego typu pól będzie wyglądał dość śmiesznie

nie mozesz sobie funkcje napisac. i tylko w onFocus i onBlur wywolywac. lub zastosowac jQuery co uprzyjemni twoja prace.

Dobra, no to chyba jeśli chodzi o ramki wszystko już wiem ;p
Nie będę zakładał nowego tematu, więc zapytam tutaj:

Jak widać na tym forum wyszukiwarka google (która też jest z tego co widzę polem input) ma delikatnie zaokrąglone rogi.
To również zasługa query? A może jest na to jakaś "zwykła" funkcja?

//edit
aha już widzę, to jest obrazek ;p
Dobra dzięki za wszystko