Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Zmiana odcienia tla, z uzyciem przyciskow
ibefree
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 8.12.2010

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

Witam

Mam dodać do mojego programu przyciski jasniej , ciemniej napisane w jednej funkcji tak aby zmienialy odcienie kwadratu.


<html>
<head>
<script type="text/javascript">

function fun()
{
var x= document.getElementById('text1').value;
var div = document.getElementById('div1');

div.style.backgroundColor = "rgb(" +x + "," +x + ","+x+ ")";
}
</script>
</head>
</head>

<body>
<div id="div1" style=" height:150px; width:150px ; background:black">
</div>
<br>
<br>
<br>
<form>
ustaw kolor
<input type="text" value="0" id="text1"/>
<input type="button" onclick="fun()" value="Kliknij mnie">
</form>
</body>
</html>

Jak to zrobic bo nie mam kompletnie pomyslu a w JS jestem kompletnie zielony.
Go to the top of the page
+Quote Post
modern-web
post
Post #2





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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

1. Używaj BBcode!
2. Sądzę, że to może Ci pomóc:

1. W pliku HTML strony dajesz takie oto fragmenty kodu:
[HTML] pobierz, plaintext 
  1. <link rel="stylesheet" title="styl1" type="text/css" href="style1.css">
  2. <link rel="stylesheet" title="styl2" type="text/css" href="style2.css">
  3. <link rel="stylesheet" title="styl3" type="text/css" href="style3.css">
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.       function zmieńStyl(nazwa)
  3.       {
  4.         var s = document.getElementsByTagName("link");
  5.         if(!s) return;
  6.         for(var i = 0; i < s.length; i++){
  7.           if(s[i].title == nazwa)
  8.             s[i].disabled = false;
  9.           else
  10.             s[i].disabled = true;
  11.         }
  12.       }
  13.       function listaChange(lista)
  14.       {
  15.         if(lista){
  16.           zmieńStyl(lista[lista.selectedIndex].value);
  17.         }
  18.       }
  19.     </script>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <body onload="zmieńStyl('');">
  2.   <div>
  3.     <input type="button" value="Reset"
  4.            onclick="zmieńStyl('')" />
  5.     <input type="button" value="Pierwszy styl"
  6.            onclick="zmieńStyl('styl1')" />
  7.     <input type="button" value="Drugi styl"
  8.            onclick="zmieńStyl('styl2')" />
  9.     <input type="button" value="Trzeci styl"
  10.            onclick="zmieńStyl('styl3')" />
  11.   </div>
  12.   <div style="margin-top:10px;">
  13.     <select onchange="listaChange(this);">
  14.       <option value="">Wybierz styl</option>
  15.       <option value="styl1">Pierwszy styl</option>
  16.       <option value="styl2">Drugi styl</option>
  17.       <option value="styl3">Trzeci styl</option>
  18.     </select>
  19.   </div>
  20. </body>
[HTML] pobierz, plaintext


2. Pliki CSS mają zawierać:
[HTML] pobierz, plaintext 
  1. body{
  2.  background-color:red;
  3. }
[HTML] pobierz, plaintext


Pozdrawiam!


--------------------
Pomogłem? Kliknij `Pomógł`. To nic nie kosztuje, a mnie usatysfakcjonuje! ;)
Go to the top of the page
+Quote Post
celbarowicz
post
Post #3





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

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

Zgłoś się na PW.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 18:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn