Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [js] tworzenie funkcji
rychu123
post 31.12.2009, 13:30:55
Post #1





Grupa: Zarejestrowani
Postów: 194
Pomógł: 1
Dołączył: 18.09.2008

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


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


--------------------
Zapraszam darmowy erds dla twojego radia
www.erds.pl
Go to the top of the page
+Quote Post
wookieb
post 31.12.2009, 13:36:28
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




  1. <input onfocus="aktywuj(this, 'red')" />


[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

Ten post edytował wookieb 31.12.2009, 13:45:33


--------------------
Go to the top of the page
+Quote Post
rychu123
post 31.12.2009, 13:43:05
Post #3





Grupa: Zarejestrowani
Postów: 194
Pomógł: 1
Dołączył: 18.09.2008

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


Cytat(wookieb @ 31.12.2009, 13:36:28 ) *
  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. <style type="text/css">
  11. input{
  12. border: 1px #ff0000 solid;
  13.  
  14. }
  15.  
  16. function aktywuj(co, naco)
  17. {
  18. co.backgroundColor = naco;
  19. }
  20. </head>
  21.  
  22. <input type='text' name='l' onfocus="aktywuj(this, 'red')" />
  23. </form>
  24.  
  25.  
  26. </body>
  27. </html>


Ten post edytował rychu123 31.12.2009, 13:50:27


--------------------
Zapraszam darmowy erds dla twojego radia
www.erds.pl
Go to the top of the page
+Quote Post
darko
post 31.12.2009, 13:49:42
Post #4





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

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


np.
  1. <body onload="changeColor(document.getElementById('ile'),'#FF0000','#00FF00');">
  2. <!--
  3. -->
  4. <input type="text" id="ile" />
  5. <!--
  6. -->
  7. function changeColor(obj, cfocus, cblur) {
  8. obj.onfocus = function() {obj.style.background = cfocus;}
  9. obj.onblur = function() {obj.style.background = cblur;}
  10. }


--------------------
Nie pomagam na pw, tylko forum.
Go to the top of the page
+Quote Post
rychu123
post 31.12.2009, 14:04:23
Post #5





Grupa: Zarejestrowani
Postów: 194
Pomógł: 1
Dołączył: 18.09.2008

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


a jak dodac jeszcze do tj funkcji border: 1px #fff solid;


--------------------
Zapraszam darmowy erds dla twojego radia
www.erds.pl
Go to the top of the page
+Quote Post
Crozin
post 31.12.2009, 14:09:37
Post #6





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


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ą
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: 12.06.2025 - 16:46