Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js] focus() + tekst domyślny w input.text
mike
post
Post #1





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----


Podobnie jak w temacie.
Potrzebuje kodu w js który daje następujący efekt:
1. jeżeli kursora nie ma w polu text w formularzu to widnieje tam napis login;
2. jeżeli postawię kursor to tekst znika.
Tylko prosze, nie znam js i nie odsyłajcie mnie do pojedynczych funkcji.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Vir
post
Post #2





Grupa: Zarejestrowani
Postów: 91
Pomógł: 0
Dołączył: 25.02.2004

Ostrzeżenie: (0%)
-----


Cytat
No tylko, ze jak ktos juz wpisze znaki i zabierze kursor to mu sie bedzie wyswietlal napis w tle.

Racja (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Późno pisałem i nawet o tym nie pomyślałem, ale skrypt można rozszerzyć o nie wyświetlanie tła jeżeli wpisana jest jakaś wartość.

Cytat
i proponowalbym jendak uzywac poprawnej notacji jezyka JS:
document.forms['formularz'].elements['pole'] - w celu uzyskania zgodnosci z innymi przegladarkami niz IE.

Jeżeli tak się bawimy (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) to proponowałbym zastosowanie się do poniższego przykładu (przykład zgodny z XHTML 1.0 Transitional):
[xml:1:ee00276a6f]<!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" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title> </title>
<script type="text/javascript">
<!-- <![CDATA[
function insert()

{
var inp = document.getElementById('test').login;
(inp.value == "Twój login") ? inp.value = "" : (inp.value == "") ? inp.value="Twój login" : "";
}
// ]]> -->
</script>
</head>
<body>
<form id="test" action="">
<input type="text" name="login" value="Twój login" onblur="insert()" onfocus="insert()" />
</form>
</body>
</html>[/xml:1:ee00276a6f]
Poprzedni przykład tak i ten działają na IE 6.0, Opera 7.23, Mozilla 1.6.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 10.10.2025 - 19:05