Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] tworzenie funkcji
Forum PHP.pl > Forum > Po stronie przeglądarki
rychu123
31.12.2009, 13:30:55
Witam, nie znam js dlatego pytam jak zrobić funkcje z tego

onFocus="this.style.background= '#808000'"

onBlur="this.style.background= '#fff'"

i chciałbym żeby w parametrze funkcji można dodawać kolor proszę o pomoc
wookieb
31.12.2009, 13:36:28 
[HTML] pobierz, plaintext 
  1. <input onfocus="aktywuj(this, 'red')" />
[HTML] pobierz, plaintext 


[JAVASCRIPT] pobierz, plaintext 
  1. function aktywuj(co, naco)
  2. {
  3. co.style.backgroundColor = naco;
  4. }
[JAVASCRIPT] pobierz, plaintext

Jest też metoda uzyskiwania referencji do elementu z window, ale jak kto woli.

// edit literowka
rychu123
31.12.2009, 13:43:05
Cytat(wookieb @ 31.12.2009, 13:36:28 ) *
[HTML] pobierz, plaintext 
  1.  pobierz, plaintext 
    1. <[url="http://december.com/html/4/element/input.html"]input[/url] onfocus="aktywuj(this, 'red')" />
    [HTML] pobierz, plaintext 
  2.  
  3. [JAVASCRIPT] pobierz, plaintext 
    1. aktywuj(co, naco)
    2. {
    3. co.backgroundColor = naco;
    4. }
    [JAVASCRIPT] pobierz, plaintext 
  4. Jest też metoda uzyskiwania referencji do elementu z window, ale jak kto woli.<!--QuoteEnd--></div><!--QuoteEEnd-->
  5.  
  6. hym albo ja nie umie albo to nie działa  
  7.  
  8. [html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  10. <head>
  11. <style type="text/css">
  12. input{
  13. border: 1px #ff0000 solid;
  14.  
  15. }
  16.  
  17. </style>
  18. <script>
  19. function aktywuj(co, naco)
  20.  {
  21.    co.backgroundColor = naco;
  22.   }
  23. </script>
  24. </head>
  25. <body>
  26.  
  27. <form>
  28. <input type='text' name='l' onfocus="aktywuj(this, 'red')" />
  29. </form>
  30.  
  31.  
  32. </body>
  33. </html>
[HTML] pobierz, plaintext
darko
31.12.2009, 13:49:42
np. 
[HTML] pobierz, plaintext 
  1. <body onload="changeColor(document.getElementById('ile'),'#FF0000','#00FF00');">
  2. <!-- 
  3. -->
  4. <input type="text" id="ile" />
  5. <!-- 
  6. -->
  7. <script>
  8. function changeColor(obj, cfocus, cblur) {
  9.   obj.onfocus = function() {obj.style.background = cfocus;}
  10.   obj.onblur = function() {obj.style.background = cblur;}
  11. }
  12. </script>
[HTML] pobierz, plaintext
rychu123
31.12.2009, 14:04:23
a jak dodac jeszcze do tj funkcji border: 1px #fff solid;
Crozin
31.12.2009, 14:09:37
Jak to tak? Dodajesz kolejną instrukcję w stylu: obj.style.border = '...';
Czy w ogóle rozumiesz podawany Ci kod?

btw: umieszczanie zdarzeń JS w HTMLu jest raczej złą praktyką
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.