Forum PHP.pl > [JavaScript] if (po kliknięciu przycisku)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] if (po kliknięciu przycisku)

olipo

15.12.2011, 12:44:23

co wpisać w warunek ifa żeby po kliknięciu przycisku o id p2/p3 wywoływała sie instrukcja?

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>

phpion

15.12.2011, 12:46:53

Proszę o dodanie odpowiedniego bbcode - w przeciwnym razie wątek zostanie zamknięty.

kamil4u

15.12.2011, 12:56:58

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

-----------------------------------------
To się robi inaczej

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

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.