Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Auto zaznaczanie pola tekstowego
TeWu
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 29.01.2006

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


Chciałbym zrobić pole tekstowe, w którym napisane jest "Tu wpisz text" i by po klknięciu w nie ten tekst się zaznaczał.
Nigdzie nie mogę znaleźć jak to zrobić.
Go to the top of the page
+Quote Post
ActivePlayer
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 224
Pomógł: 40
Dołączył: 6.07.2004
Skąd: Wuppertal

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


a mzoe Ty chces zeby go poprostu usunął ?
  1. <input type="text" value="jakis tekst" onfocus="this.value='';" />
Go to the top of the page
+Quote Post
TeWu
post
Post #3





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 29.01.2006

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


THX. A czy dałoby się zrobić tak:
Chce coś wpisać, więc klikam na input i mi usuwa text (to już jest zrobione)
Nic nie wpisuje i klikam gdzieś indziej a text w inpucie ustawia się na taki jaki był na początku (to umiem zrobić, onblur)
Ale jeżeli coś wpisze do inputa i klikne gdzieś indziej to ten text, który wpisałem zostaje (no tego to już nie umiem).
Go to the top of the page
+Quote Post
mike
post
Post #4





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

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


I gdzie tu jakikolwiek związek z php ?

Przenoszę na Po stronie przeglądarki -> JavaScript
Go to the top of the page
+Quote Post
gekon
post
Post #5





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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


Kod
window.onload=function(){
var form = document.getElementById('searchForm');
searchValue(form);
}

function searchValue(node){
var input = node.getElementsByTagName('input');
  input.query.onfocus = function (){
   if(this.value == 'szukaj...') this.value = '';
  }
  input.query.onblur = function (){
   if(this.value == '') this.value = 'szukaj...';
  }  
}

  1. <form id="searchForm">
  2. <input type="text" name="query" value="szukaj..." />
  3. </form>


Jeżeli dobrze rozumiem to o to chodzi.
Go to the top of the page
+Quote Post
TeWu
post
Post #6





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 29.01.2006

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


THX gekon, o to mi właśnie chodziło (IMG:http://forum.php.pl/style_emoticons/default/laugh.gif)
Mogłeś od razu napisać:
  1. <script type="text/javascript">
  2. window.onload=function(){
  3. var form = document.getElementById('searchForm');
  4. searchValue(form);
  5. }
  6.  
  7. function searchValue(node){
  8. var input = node.getElementsByTagName('input');
  9. input.query.onfocus = function (){
  10. if(this.value == 'szukaj...') this.value = '';
  11. }
  12. input.query.onblur = function (){
  13. if(this.value == '') this.value = 'szukaj...';
  14. }
  15. }
  16. </head>
  17. <form id="searchForm">
  18. <input type="text" name="query" value="szukaj..." />
  19. </form>
  20. </body>
  21. </html>


I sory, że nie to forum, ale nie miałem pojęcia, że rozwiązanie jest w JS (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował TeWu 29.01.2006, 13:35:46
Go to the top of the page
+Quote Post
mike
post
Post #7





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

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


Cytat(TeWu @ 2006-01-29 13:34:31)
I sory, że nie to forum, ale nie miałem pojęcia, że rozwiązanie jest w JS (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Zapamietaj, że php jest językeim typu server-side, czyli działający po stronie serwera.

To co dzieje się w przeglądarce: klikanie, zaznaczanie, efekty z formularzami, ... to nie działka php.
php nie ma z tym nic wspólnego.
Go to the top of the page
+Quote Post
TeWu
post
Post #8





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 29.01.2006

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


Niby tak, ale ja czuje się mocny z php i może dlatego ten wybór (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) nie trafny oczywiście.
Ale koniec OFFTOPa
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: 23.12.2025 - 19:04