Forum Supportu Strona Główna Forum Supportu
czo.pl/wxv.pl

FAQFAQ  SzukajSzukaj  UżytkownicyUżytkownicy  GrupyGrupy  StatystykiStatystyki
RejestracjaRejestracja  ZalogujZaloguj  AlbumAlbum  DownloadDownload

Poprzedni temat «» Następny temat
Mały poradnik :)

Poradnik fajny?
Tak
40%
 40%  [ 2 ]
Nie
20%
 20%  [ 1 ]
Zabij się człowieku
40%
 40%  [ 2 ]
Głosowań: 5
Wszystkich Głosów: 5

Autor Wiadomość
Gamemaster 

Wpisz dowolną liczbę: 14
Wiek: 22
Dołączył: 16 Paź 2016
Posty: 56
Wysłany: 2017-04-03, 17:02   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:

    <script src="NAZWA.js"></script>

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
Ostatnio zmieniony przez Gamemaster 2018-01-26, 15:59, w całości zmieniany 1 raz  
 
     
Mich@ł
Administrator

Wpisz dowolną liczbę: 1234567890
Pomógł: 163 razy
Dołączył: 07 Sie 2009
Posty: 3323
Wysłany: 2017-04-04, 13:54   
  


Całkiem fajny poradnik ;)
 
     
eloelo300

Wpisz dowolną liczbę: 34
Pomógł: 5 razy
Dołączył: 19 Sie 2015
Posty: 336
Wysłany: 2017-04-04, 13:57   
  


Uważam że ten poradnik mógłby się komuś naprawdę przydać.
 
     
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB modified by Przemo © 2003 phpBB Group
Ta strona używa plików cookie w celu usprawnienia i ułatwienia dostępu do serwisu oraz prowadzenia danych statystycznych. Dalsze korzystanie z tej witryny oznacza akceptację tego stanu rzeczy.

Zapoznaj się również z nasza Polityka Prywatnosci

  
ROZUMIEM
Strona wygenerowana w 0.02 sekundy. Zapytań do SQL: 11

Reklama

Baza przepisów kulinarnych
System reklamy Test