Darmowe Forum
Maj 17, 2024, 12:18:44
Witamy,
Gość
.
Zaloguj się
lub
zarejestruj
.
Czy dotarł do Ciebie
email aktywacyjny?
1 Godzina
1 Dzień
1 Tydzień
1 Miesiąc
Zawsze
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
Darmowe Forum
>
E14
>
Java Script
>
Zadarzenie on click
Strony: [
1
]
« poprzedni
następny »
Drukuj
Autor
Wątek: Zadarzenie on click (Przeczytany 1404 razy)
admin
Administrator
Ekspert
Wiadomości: 821
Zadarzenie on click
«
:
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
Odp: Zadarzenie on click
«
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
« poprzedni
następny »
Skocz do:
Wybierz cel:
-----------------------------
Zadanie C++ lutego -Agnieszka
-----------------------------
=> Nowy dział
=> Zadanie
-----------------------------
E14
-----------------------------
=> DIV
=> Java Script
=> php
-----------------------------
Dla Magdy i Wojtka
-----------------------------
=> Liczby dwójkowe
-----------------------------
Przykłady stron internetowych
-----------------------------
=> Strona zbudowana z tabelek
-----------------------------
Podstawy PHP
-----------------------------
=> Przesyłanie danych z formularza php
=> Pętle w php
-----------------------------
Java Script
-----------------------------
=> Java Script
-----------------------------
C++ Nowe rozdanie
-----------------------------
=> C++
-----------------------------
Java JDK
-----------------------------
=> Java ale nie Script
-----------------------------
Hyde Park
-----------------------------
=> Informacje
-----------------------------
C+++
-----------------------------
=> A Kuba powiedział
-----------------------------
Multimedia
-----------------------------
=> Photoshop
=> Nowy dział
=> Java Script
=> Corel
-----------------------------
Html-strony internetowe
-----------------------------
=> Podstawy HTML- ramki/ frames
=> Podstawy HTML- tabelki
-----------------------------
C++
-----------------------------
=> Podstawy C++ cz. I
=> Kompilatory C++
=> Programowanie obiektowe w C++
=> Problem w C++
=> Podstawy
=> C++ po raz pierwszy
-----------------------------
Turbo Pascal
-----------------------------
=> Turbo Pascal semestr II
=> Projekt AŚKA
=> Turbo Pascal semestr I
=> Podstawy Turbo Pascal
Ładowanie...
Polityka cookies
Darmowe Fora
|
Darmowe Forum
tdw
watahaniebieskiegoksiezyca
gangnh
wataha-mgly
olimp