Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dymek po kliknięciu myszką na "input"
Grendy
post 13.11.2011, 12:09:00
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 11.11.2011

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


Witam. Szukam jakiegoś skryptu albo nazwy. Chodzi mi o to że jeśli się kliknie myszką na to pole:

  1. <input name="tytul" SIZE=80><br>


(tam oczywiście mam kod post, submit itp.)

to nad tym albo pod tym pokaże mi się jakiś dymek, a najlepiej kwadratowy box z jakąś informacją, a jak się kliknie myszką gdzie indziej to to pole znika.
Pozdrawiam

Ten post edytował Grendy 13.11.2011, 12:12:02
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
Kostek.88
post 13.11.2011, 13:30:57
Post #2





Grupa: Zarejestrowani
Postów: 376
Pomógł: 47
Dołączył: 23.08.2007
Skąd: Warszawa

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


  1. <input name="tytul" id="tytul">


  1. .dymek {
  2. padding: 5px 20px 5px 20px;
  3. font: normal 9pt Arial
  4. background: #efaf1f;
  5. color: #000;
  6. position: relative;
  7. }


  1. $('#input').focus(function(){
  2. $(this).append('<div class="dymek">Informacja</div>');
  3. });
  4.  
  5. $('#input').blur(function(){
  6. $('body').find.('div.dymek').remove();
  7. });


Musisz pobrac do tego jQuery i dolaczyc. Pisane na szybko, wiec moga byc bledy. Generalnie zapoznaj sie z append, next, prev, find na stronie jQuery API. Mozesz jeszcze pokombinowac z animacjami slideUp, slideDown itd. Ew. szukac hasla w Google jQuery toottip to na pewno cos znajdziesz smile.gif
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 16.07.2025 - 03:29