Zobacz temat - Mały poradnik :)

To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
	Forum Supportu czo.pl/wxv.pl

JavaScripts/AJAX - Mały poradnik :)

Gamemaster - 2017-04-03, 17:02
Temat postu: Mały poradnik :)

Jako że robię nowe forum i korzystam też z JavaScript to postanowiłem taki fajny poradnik zrobić.

Co tu przedstawię?

Funkcje w Javascript

Funkcja Onclick()

Podpinanie JS

Funkcja Alert()

Zacznijmy!

1. Funkcje JS'a

W javascripcie można zdefiniować własne funkcje! ALE JAK?
otóż jest to proste. Tworzymy nowy plik z końcówką .js i go otwieramy. w nim zapisujemy:

Kod:

function funkc()
{

}

Co teraz zrobiliśmy? Zrobiliśmy funkcję z nazwą "funkc" (możecie zamienić na cokolwiek chcecie).
W klamrach umieścimy poszczególne funkcje.
Zróbmy zamieniane div'a content na coś innego!
W funkcji piszemy document.getElementById("content").innerHTML = "SKrypt JS";
Co to jest za linijka?

document = Dokument
getElementById("content") = Pobranie zawartości z diva o id content
innerHTML = Zamienienie tego diva na podany tekst.

linia funkcji powinna wyglądać tak:

Kod:

function funkc()
{
document.getElementById("content").innerHTML = "SKrypt JS";
}

2. Funkcja onclick()

Mamy tutaj pusty szablon strony html:

Kod:

<!DOCTYPE HTML>
<html lang="pl">
<head>
<title>Pokaz</title>
</head>
<body>
<div id="content">
<span>Zmień!</span>
</div>
</body>
</html>

W spanie dopisujemy:
onclick="funkc()"
Więc jeżeli na tego spana naciśniemy no to wywoła się funkcja funkc()!

3. Podpinanie JS

To nie będzie działać jeżeli nie podepniemy tego pliku!
więc w sekcji head wpisz:

Kod:

Właśnie podepneliśmy plik js do html!

3. Funkcja alert()

Znacie ten kwadracik wyskakujący po naciśnięciu czegoś tam? To też zrobimy!
Wróćmy do JS'a i dopiszmy:

Kod:

alert("Wciśnięto spana!");

alert() to linijka od tego kwadratu. Dopisz ją do funkcji funkc().

Gotowe! Udało ci się zrobić zamienianie diva i pokazanie alertu! a tu jest cały kod ;):

JS:

Kod:

function funkc()
{
document.getElementById("content").innerHTML = "SKrypt JS";
alert("Wciśnięto spana!");
}

HTML:

Kod:

<!DOCTYPE HTML>
<html lang="pl">
<head>
<title>Pokaz</title>
<script src="NAZWA.js"></script>
</head>
<body>
<div id="content">
<span onclick="funkc()">Zmień!</span>
</div>
</body>
</html>

Zabraniam Kopiowania!
Autor: Gamemaster

Mich@ł - 2017-04-04, 13:54

Całkiem fajny poradnik ;)

eloelo300 - 2017-04-04, 13:57

Uważam że ten poradnik mógłby się komuś naprawdę przydać.