Darmowe Forum
Maj 16, 2024, 20:08:19 *
Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?

Zaloguj się podając nazwę użytkownika, hasło i długość sesji
Aktualności: Forum zostało uruchomione!
 
   Strona główna   Pomoc Zaloguj się Rejestracja  
Strony: [1]
  Drukuj  
Autor Wątek: Zadarzenie on click  (Przeczytany 1403 razy)
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« : Listopad 30, 2016, 10:55:10 »

Przykład 1. Kod pokazuje jak uruchomić funkcje w JavaScript, zmieniającą kolor przycisku po kliknięciu na niego. Przycisk "button", został wyposażony w zdarzenie onclick. Zdarzenie onclick, powoduje, że po najechaniu na przycisk kursorem myszki i kliknięciu na lewy klawisz mysz , uruchomiona zostanie funkcja uruchom(this). Argumentem funkcji (czyli tym co jest w nawiasie okragłym) jest zmienna this. Argument "this" oznacza, że zmienne będą pobierane są z elementu, który wywołał funkcję. W tym przypadku będzie to wciśnięty przycisk. W dalszej części funkcji wprowadzone jest polecenie x.style.bacgroundColor='yellow'. Oznacza, to ,że do obiektu x zostanie przypisany kolor tła jako żółty. W czasie wywołania funkcji za x podstawiany jest arument "this", czyli zmiana dotyczyć będzie przycisku, który wywoływał funkcję.   

<html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<link href="tabela.css" type="text/css" rel="stylesheet">
<title> ON click_event</title>
</head>

<body>
<button onclick="uruchom(this)">Wciśnij</button>
<script>
function uruchom(x) {
    x.style.color = 'red';
x.style.backgroundColor='yellow';
   
}
</script>
</body>
<html>
« Ostatnia zmiana: Listopad 30, 2016, 10:59:32 wysłane przez admin » Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #1 : Listopad 30, 2016, 12:17:33 »

Przykład 2. Kod przedstawia wyświetlenia id wciśniętego klawisza. Wciśniety klawisz o znanym  id wyświetlany jest przez "alert".

<html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<link href="tabela.css" type="text/css" rel="stylesheet">
<title> ON click_event</title>
</head>

<body>
<button id="adam"onclick="uruchom(ewa.id)">Pierwszy</button>
<button id="ewa" onclick="uruchom(this.id);"> Drugi</button>
<script>
function uruchom(x)
{
    alert(x);
}
</script>
</body>
<html>
Zapisane
Strony: [1]
  Drukuj  
 
Skocz do:  

Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | Sitemap

Polityka cookies
Darmowe Fora | Darmowe Forum

filtrowa36 galaxyace wwwstadodzikich magicbears forumdlahistorykow