Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Jak zrobić podpowiedź znikającą w polu formularza?
#1
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


Załączone pliki
.jpg   form_screen.JPG (Rozmiar: 15.92 KB / Pobrań: 8)
Odpowiedz
#2
Fatalnie szukasz Wink

Kod:
$("#s")
        .focus(function(){
            if ($(this).val() == "Search...") {
            $(this).val("");
            }
        })
        .blur(function(){
            if ($(this).val() == "") {
                $(this).val("Search...");
            }
    });
Odpowiedz
#3
(16-01-2011, 20:01)Pedro84 napisał(a): Fatalnie szukasz Wink

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ś?
Odpowiedz
#4
Boże... Naucz się podstaw ok? To JavaScript. Samodzielności! Dać Ci gotowe rozwiązanie, to jeszcze go wstawić nie potrafisz?
Odpowiedz
#5
(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 :-)
Odpowiedz
#6
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"
Odpowiedz
#7
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.
Cytat:Wyrazić to co czuję , zabrakło by tyle słów....
Odpowiedz
#8
(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! Wink
Odpowiedz
#9
(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! Wink

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ę.
Odpowiedz
#10
(17-01-2011, 12:35)disaster napisał(a): Więc ty również poczytaj, poszukaj i doucz się.
Oh, padnę Big Grin

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.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu. MatixYo 5 6,026 08-10-2014, 18:08
Ostatni post: Peter
  Czy da się zrobić w jednym linku: http + mailto? alfa1 4 4,970 04-02-2014, 16:58
Ostatni post: alfa1
  Jak zrobić test z wpisywaniem prawidłowych odpowiedzi (wordpress)? diegoa1 3 3,618 04-10-2012, 20:34
Ostatni post: camelrafal
  [css] jak zrobic pole pomiedzy menu prawym i lewym drdala 8 6,077 25-08-2012, 01:06
Ostatni post: Kartofelek
  Pomógłby mi ktoś zrobić prostą rzecz? [email protected] 7 5,006 10-08-2012, 01:33
Ostatni post: camelrafal

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl