Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> pole input text i dymek
!*!
post
Post #1





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Jak można zrobić po kliknięciu w input w celu napisania czegoś, aby obok tego pola pojawił się dymek z informacją co można w to pole wpisać? Chodzi o czysty JS, bez żadnych ajaxów w stylu jquery, mintów czy innych. Przykładowo chdozi o taki wfekt jak w formularzu http://nasza-klasa.pl/register
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
phpion
post
Post #2





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Skoro pokazujesz przykład to po co pytasz czy jest to możliwe? Jak widzisz - jest możliwe. Co będzie ci potrzebne:
- zdarzenie: onfocus i onblur
- display: block i none
Gdy pole staje sie aktywne (onfocus) pokazujesz (display: block) danego diva z podpowiedzią. Gdy "wychodzisz" z pola (onblur) ukrywasz podpowiedź (display: none). Ot cała filozofia. Kwestia teraz tylko jak najlepszej automatyzacji (powiązanie: pole <-> podpowiedź).
Go to the top of the page
+Quote Post
!*!
post
Post #3





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


Nie pytałem czy jest to możliwe bo to oczywiste skoro podałem przykład, pytalem jak to zrobić. Nie wiele mi to mówi co napisałeś bo nie znam js ale przynajmniej mam jakieś zaczepienie aby wyszukać więcej informacji na ten temat.
Go to the top of the page
+Quote Post
phpion
post
Post #4





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




Cytat(!*! @ 15.12.2008, 15:36:38 ) *
Nie pytałem czy jest to możliwe bo to oczywiste skoro podałem przykład, pytalem jak to zrobić.

Sorry, faktycznie się zagalopowałem. Na szybkęsa:
  1. <script type="text/javascript">
  2. function show(obj) {
  3. document.getElementById(obj).style.display = "block";
  4. }
  5. function hide(obj) {
  6. document.getElementById(obj).style.display = "none";
  7. }
  8. <input type="text" onfocus="show('podp1');" onblur="hide('podp1');" />
  9.  
  10. <input type="text" onfocus="show('podp2');" onblur="hide('podp2');" />
  11.  
  12. <div id="podp1" style="display: none;">Podpowiedź 1</div>
  13. <div id="podp2" style="display: none;">Podpowiedź 2</div>
Go to the top of the page
+Quote Post
!*!
post
Post #5





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


O, dziękuję. Właśnie znalazłem w google opcje z onfocus i zastanawiałęm się jak to ubrać w funkcje (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Dzięki.
Go to the top of the page
+Quote Post

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: 4.10.2025 - 17:17