Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] if (po kliknięciu przycisku)
olipo
post
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
Go to the top of the page
+Quote Post
phpion
post
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.
Go to the top of the page
+Quote Post
kamil4u
post
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
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 21:51