+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Jak zrobić podpowiedź znikającą w polu formularza? (/thread-jak-zrobic-podpowiedz-znikajaca-w-polu-formularza)
Strony:
1
2
Jak zrobić podpowiedź znikającą w polu formularza? - disaster - 16-01-2011
Robię formularz i chciałbym, żeby kazdy odwiedzający stronę widział podpowiedź w np. polu tekstowym, która po kliknięciu w to pole zniknie.
Jak to zrobić? Nie mogę coś znaleźć odpowiedzi. Zerknijcie na screen. Tam jest wpisane "Proszę, wpisz tutaj komentarz". I to właśnie miałoby znikać po kliknięciu w textarea
RE: Jak zrobić podpowiedź znikającą w polu formularza? - Pedro84 - 16-01-2011
Fatalnie szukasz
Kod:
$("#s")
.focus(function(){
if ($(this).val() == "Search...") {
$(this).val("");
}
})
.blur(function(){
if ($(this).val() == "") {
$(this).val("Search...");
}
});RE: Jak zrobić podpowiedź znikającą w polu formularza? - disaster - 16-01-2011
(16-01-2011, 20:01)Pedro84 napisał(a): Fatalnie szukasz
Kod:$("#s")
.focus(function(){
if ($(this).val() == "Search...") {
$(this).val("");
}
})
.blur(function(){
if ($(this).val() == "") {
$(this).val("Search...");
}
});
Dobra, ale czy mógłbyś podpowiedzieć gdzie to wstawić?
textarea mam tak:
Kod:
<p>Podaj swój komentarz:</p>
<textarea name="Komentarz" cols="50" rows="10">.......</textarea>
<br />a gdzie wkliknąć to co podałeś?
RE: Jak zrobić podpowiedź znikającą w polu formularza? - Pedro84 - 16-01-2011
Boże... Naucz się podstaw ok? To JavaScript. Samodzielności! Dać Ci gotowe rozwiązanie, to jeszcze go wstawić nie potrafisz?
RE: Jak zrobić podpowiedź znikającą w polu formularza? - disaster - 16-01-2011
(16-01-2011, 20:15)Pedro84 napisał(a): Boże... Naucz się podstaw ok? To JavaScript. Samodzielności! Dać Ci gotowe rozwiązanie, to jeszcze go wstawić nie potrafisz?
Wiesz co nieco wiem, ale js nie znam. Skoro ty potrafisz to ok, jesli chcesz powiedz, jeśli nie to trudno :-)
RE: Jak zrobić podpowiedź znikającą w polu formularza? - Kartofelek - 16-01-2011
Baardzo dużo ludzi tutaj się wypowiadających nie nadaje się na webmasterów. Czemu? Bo są strasznie leniwi. Przy takich postach nie dziwi, czemu google ma takie pytania na swoich rekrutacjach. Nie sztuka czegoś się wyuczyć na pamięć, ale sztuka umieć wykorzystać potencjał netu.
A więc Google -> jquery tutorial, lub Google -> "js how to delete text in textarea"
RE: Jak zrobić podpowiedź znikającą w polu formularza? - kancik - 16-01-2011
pedro Ci walnał kodem jquery. Można najprościej tak
Kod PHP:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.n')
.focus(function(){
if ($(this).val() != '' ) {
$(this).val("");
}
})
.blur(function(){
if ($(this).val() == '') {
$(this).val("Tekst");
}
});
});
</script>
</head>
<body>
<textarea name='' class='n' cols='10' rows='10'>Tekst</textarea>
</body>
</html>
to tak , żeby wiedział co i jak. ograniczyłem się do minimum. możesz też zamiast .n ( to jest jakaś tam klasa ) użyć np 'input' czyli będzie to stosowane dla inputów.
RE: Jak zrobić podpowiedź znikającą w polu formularza? - Pedro84 - 17-01-2011
(16-01-2011, 20:16)disaster napisał(a): Wiesz co nieco wiem, ale js nie znam. Skoro ty potrafisz to ok, jesli chcesz powiedz, jeśli nie to trudno :-)Widzisz, gotowe rozwiązanie dostałeś. Do implementacji. Czyli chciałem = powiedziałem. A teraz łaskawie rusz swoją leniwą dupę i zacznij myśleć. Google masz!
RE: Jak zrobić podpowiedź znikającą w polu formularza? - disaster - 17-01-2011
(17-01-2011, 02:16)Pedro84 napisał(a):(16-01-2011, 20:16)disaster napisał(a): Wiesz co nieco wiem, ale js nie znam. Skoro ty potrafisz to ok, jesli chcesz powiedz, jeśli nie to trudno :-)Widzisz, gotowe rozwiązanie dostałeś. Do implementacji. Czyli chciałem = powiedziałem. A teraz łaskawie rusz swoją leniwą dupę i zacznij myśleć. Google masz!
Wiesz co Pedro? Wydaje mi się, że robisz z siebie większego cwaniaka niż jesteś. Proszę nie obrażaj się, bo nie o to chodzi. Cwaniakujesz co ty to nie wiesz, a tymczasem rozwiązaniem tegoż problemu (o którym pisałem) jest bardziej proste. Piszesz jakiś tam kodzik js. A tutaj wystarczyło zastosować do danego inputa
Kod:
onclick='if (this.innerHTML == "tekst...") {this.value = "";}' onblur='if (this.value == "") {this.innerHTML = "teskst...";}'Więc ty również poczytaj, poszukaj i doucz się.
RE: Jak zrobić podpowiedź znikającą w polu formularza? - Pedro84 - 17-01-2011
(17-01-2011, 12:35)disaster napisał(a): Więc ty również poczytaj, poszukaj i doucz się.Oh, padnę
PS. Onclick? Onblur? lol
Edit:
A wiesz, że podałem Ci jeden z kilkunastu możliwych sposobów? Ale Ty masz problem z implementacją najprostszego kodu - tak jak w temacie z menu - i nawet poszukać Ci się nie chce.