![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 5 Pomógł: 0 Dołączył: 15.12.2011 Ostrzeżenie: (0%) ![]() ![]() |
co wpisać w warunek ifa żeby po kliknięciu przycisku o id p2/p3 wywoływała sie instrukcja?(IMG:style_emoticons/default/questionmark.gif)
Kod <html>
<head> <script type="text/javascript"> var c=1; function kol() { var x = Math.round(100*Math.random()); document.getElementById('lol').style.backgroundColor='rgb(' + x + ',' + x + ',' + x + ')'; } function zmiana() { if(??) c=c+5; document.getElementById('lol1').style.backgroundColor='rgb(' + c + ',' + c + ',' + c + ')'; if(??) c=c-5; document.getElementById('lol1').style.backgroundColor='rgb(' + c + ',' + c + ',' + c + ')'; } </script> <style> #lol{ position:fixed; left:100px; top:150px; } #lol1{ left:250px; top:0px; position:relative; } </style> </head> <body> <input type="button" value="Ustaw kolor" onclick="kol()"/> <input id="p2" type="button" value="Jasniej" onclick="zmiana()"/> <input id="p3" type="button" value="Ciemniej" onclick="zmiana()"/> <div id="lol" style="width:200px;height:200px;border:1px solid blue;"> <div id="lol1" style="width:200px;height:200px;border:1px solid blue;"> </div> </body> </html> Ten post edytował olipo 15.12.2011, 12:50:04 |
|
|
![]()
Post
#2
|
|
Grupa: Moderatorzy Postów: 6 072 Pomógł: 861 Dołączył: 10.12.2003 Skąd: Dąbrowa Górnicza ![]() |
Proszę o dodanie odpowiedniego bbcode - w przeciwnym razie wątek zostanie zamknięty.
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%) ![]() ![]() |
EDIT2:
Musisz skorzystać z target i srcElement(dla IE). Dzięki temu dobierasz się do elementu. Później już tylko Kod if( element.id == 'TWOJE_ID'){ .... } https://developer.mozilla.org/en/DOM/event.target - opis http://javascript.info/tutorial/event-dele...-ba-gua-example - przykład EDIT1: Przepraszam nie doczytałem kodu Zaraz napiszę jak to się robi (IMG:style_emoticons/default/wink.gif) ----------------------------------------- To się robi inaczej (IMG:style_emoticons/default/wink.gif) Poczytaj o zdarzeniach w JS. Najprościej: Kod var elem = document.getElementById('TWOJE_ID'); elem.onclick = function(){ alert('kliknięto'); }; Musisz pamiętać, że element o id "TWOJE_ID" musi być załadowany w drzewie DOM, czyli dla początkującego musisz jeszcze użyć zdarzenia load: Kod onload = function(){ //Tu już DOM jest załadowane //KOD } Poczytaj o DOM, bo to ważne przy JS. Pozdrawiam Ten post edytował kamil4u 15.12.2011, 13:04:03 |
|
|
![]() ![]() |
![]() |
Aktualny czas: 22.08.2025 - 21:51 |