JavaScript - Redigeerimiste ajalugu

Drakan: /* Muutujad */

2011-07-12T08:46:57Z

Muutujad

←Vanem redaktsioon		Redaktsioon: 12. juuli 2011, kell 08:46
166. rida:		166. rida:

	alert( taibu[99] ) // "muud tegelased"		alert( taibu[99] ) // "muud tegelased"

	~~// '''taibu.mina''' saab kasutada, sest indeksis olev sõne algab tähega ning mitte numbriga. Numbrilise indeksi puhul tuleb number panna kandilistese sulgudesse.~~

	</script>		</script>
	</source>		</source>

			'''taibu.mina''' on võimalik kasutada, sest indeksis olev sõne algab tähega ning mitte numbriga. Numbrilise indeksi puhul tuleb number panna kandilistese sulgudesse, nagu eelpool näidatud.

	== Debugimine ==		== Debugimine ==

Drakan: /* Muutujad */

2011-07-12T08:45:27Z

Muutujad

←Vanem redaktsioon		Redaktsioon: 12. juuli 2011, kell 08:45
166. rida:		166. rida:

	alert( taibu[99] ) // "muud tegelased"		alert( taibu[99] ) // "muud tegelased"

			// '''taibu.mina''' saab kasutada, sest indeksis olev sõne algab tähega ning mitte numbriga. Numbrilise indeksi puhul tuleb number panna kandilistese sulgudesse.

	</script>		</script>
	</source>		</source>

	~~// '''taibu.mina''' saab kasutada, sest indeksis olev sõne algab tähega ning mitte numbriga. Numbrilise indeksi puhul tuleb number panna kandilistese sulgudesse.~~

	== Debugimine ==		== Debugimine ==

Drakan: /* Muutujad */

2011-07-12T08:42:46Z

Muutujad

←Vanem redaktsioon		Redaktsioon: 12. juuli 2011, kell 08:42
88. rida:		88. rida:
	== Muutujad ==		== Muutujad ==

	JavaScriptis ei ole muutujate ees tähiseid. Muutujate tüüpe ~~erinevalt~~ defineerima ei pea. Omistamise hetkel ~~omistatakse~~ muutujale vastavalt väärtusele ~~tema~~ tüüp.		JavaScriptis ei ole muutujate ees tähiseid. Muutujate tüüpe eelnevalt defineerima ei pea. Omistamise hetkel antakse muutujale vastavalt väärtusele ka tüüp.

	JavaScript on '''CASE SENSITIVE''', ehk siis tehakse vahet suurel ja väikesel tähel. Muutujate ja funktsioonide defineerimisel tasub seda meeles pidada!		JavaScript on '''CASE SENSITIVE''', ehk siis tehakse vahet suurel ja väikesel tähel. Muutujate ja funktsioonide defineerimisel tasub seda meeles pidada!

Drakan: /* Sisu kommenteerimine */

2011-07-12T08:41:53Z

Sisu kommenteerimine

←Vanem redaktsioon		Redaktsioon: 12. juuli 2011, kell 08:41
70. rida:		70. rida:
	== Sisu kommenteerimine ==		== Sisu kommenteerimine ==

	JavaScripti koodi kommenteerimine ~~järgid~~ teiste keelte üldtavasid.		JavaScripti koodi kommenteerimine järgib teiste keelte üldtavasid.

	<source lang="javascript">		<source lang="javascript">

Drakan: /* onSubmit */

2011-06-02T08:41:16Z

onSubmit

←Vanem redaktsioon		Redaktsioon: 2. juuni 2011, kell 08:41
964. rida:		964. rida:
	function checkform( vorm )		function checkform( vorm )
	{		{


	if( vorm.nimi.value == "" ) // kui vormis oleva elemendi "nimi" väärtus on tühi		if( vorm.nimi.value == "" ) // kui vormis oleva elemendi "nimi" väärtus on tühi
	{		{
972. rida:		970. rida:
	return false; // tagastame vormile false, et sisu ei postitataks		return false; // tagastame vormile false, et sisu ei postitataks
	}		}

	else if( vorm.telefon.value == "" ) // kui vormis oleva elemendi "telefon" väärtus on tühi		else if( vorm.telefon.value == "" ) // kui vormis oleva elemendi "telefon" väärtus on tühi
	{		{
997. rida:		994. rida:
	</body>		</body>
	</html>		</html>

	</source>		</source>

Drakan: /* Funktsioonid */

2011-06-02T08:39:55Z

Funktsioonid

←Vanem redaktsioon		Redaktsioon: 2. juuni 2011, kell 08:39
729. rida:		729. rida:
	<source lang="javascript">		<source lang="javascript">
	<script type="text/javascript">		<script type="text/javascript">

	function funktsiooninimi( muutuja1, muutuja2, muutujaX )		function funktsiooninimi( muutuja1, muutuja2, muutujaX )
	{		{
	// js kood		// js kood
	}		}

	</script>		</script>
	</source>		</source>

	Muutujad (muutuja1, muutuja2 jne) on funktsiooni sisendargumendid. Märgid { ja } defineerivad funktsiooni alguse ja lõpu~~. Kui sisendargumentideta funktsioonil on sulud () peale funktsiooni nime~~.		Muutujad (muutuja1, muutuja2 jne) on funktsiooni sisendargumendid. Ka sisendargumentideta funktsioonil on sulud () peale funktsiooni nime! Märgid { ja } defineerivad funktsiooni alguse ja lõpu.

	Tekitame näiteks funktsiooni '''liida()''', mille sisendargumentideks on kaks arvu ~~ning funktsioon~~ kuvab ekraanile nende kahe arvu summa.		Tekitame näiteks funktsiooni '''liida()''', mille sisendargumentideks on kaks arvu. Funktsioon kuvab ekraanile nende kahe arvu summa.

	<source lang="javascript">		<source lang="javascript">
	<script type="text/javascript">		<script type="text/javascript">

	function liida( a, b )		function liida( a, b )
	{		{
750. rida:		747. rida:
	alert( "Arvude " + a + " ja " + b + " summa on " + summa );		alert( "Arvude " + a + " ja " + b + " summa on " + summa );
	}		}

	liida(10, 15); // "Arvude 10 ja 15 summa on 25"		liida(10, 15); // "Arvude 10 ja 15 summa on 25"
	liida(20, 14.75); // "Arvude 20 ja 14.75 summa on 34.75"		liida(20, 14.75); // "Arvude 20 ja 14.75 summa on 34.75"

	liida(); // "Arvude undefined ja undefined summa on NaN"		liida(); // "Arvude undefined ja undefined summa on NaN"

	</script>		</script>
	</source>		</source>
765. rida:		760. rida:
	<source lang="javascript">		<source lang="javascript">
	<script type="text/javascript">		<script type="text/javascript">

	function liida( a, b )		function liida( a, b )
	{		{
	if ( typeof a == "undefined" \|\| typeof b == "undefined" ) return;		// kui a VÕI b on defineerimata, pöördume tagasi põhiprogrammi
			if ( typeof a == "undefined" \|\| typeof b == "undefined" ) return;

	summa = a + b;		summa = a + b;
	alert( "Arvude " + a + " ja " + b + " summa on " + summa );		alert( "Arvude " + a + " ja " + b + " summa on " + summa );
	}		}

	liida(); // Funktsioon ei väljasta mitte midagi!		liida(); // Funktsioon ei väljasta mitte midagi!
	liida(10,20); // "Arvude 10 ja 20 summa on 30"		liida(10,20); // "Arvude 10 ja 20 summa on 30"

	</script>		</script>
	</source>		</source>

	Funktsioonid ei pea tingimata midagi väljastama. Nad võivad ka töödeldud andmed tagastada. Selleks on '''return'''.		Funktsioonid ei pea tingimata midagi väljastama. Nad võivad ka töödeldud andmed tagastada. Selleks on '''return''' käsk.

	<source lang="javascript">		<source lang="javascript">
	<script type="text/javascript">		<script type="text/javascript">

	function liida( a, b )		function liida( a, b )
	{		{
796. rida:		788. rida:

	alert( funktsiooni_tagastatud_v22rtus ); // "Arvude 10 ja 20 summa on 30"		alert( funktsiooni_tagastatud_v22rtus ); // "Arvude 10 ja 20 summa on 30"

	</script>		</script>
	</source>		</source>
827. rida:		818. rida:

	alert( "JavaScript ".korda(4) )		alert( "JavaScript ".korda(4) )

	</source>		</source>

Drakan: /* Spetsiaalsed operaatorid */

2011-06-02T08:34:01Z

Spetsiaalsed operaatorid

←Vanem redaktsioon		Redaktsioon: 2. juuni 2011, kell 08:34
443. rida:		443. rida:

	<source lang="javascript">		<source lang="javascript">

	x=7; typeof x; // number		x=7; typeof x; // number
	s="Hello World"; typeof s; // string		s="Hello World"; typeof s; // string
	k=new Date(); typeof k; // object		k=new Date(); typeof k; // object
	p=true; typeof p; // boolean		p=true; typeof p; // boolean
			</source>

			Selle funktsiooni abil saab kontrollida, kas mingi muutuja on juba defineeritud

			<source lang="javascript">
			if ( typeof ( a ) == "undefined" ) { // kas muutuja a on defineerimata?
			a = 1; // kui on, siis anname talle algväärtuseks 1
			}
	</source>		</source>

Drakan: /* FrameWork */

2011-01-21T13:16:26Z

FrameWork

←Vanem redaktsioon		Redaktsioon: 21. jaanuar 2011, kell 13:16
1097. rida:		1097. rida:

	Selle elemendi omaduste muutmiseks peame ta lehe sisust kätte saama.		Selle elemendi omaduste muutmiseks peame ta lehe sisust kätte saama.

			=== Elemendile ligipääs ===

	<source lang="javascript">		<source lang="javascript">
1105. rida:		1107. rida:
	$("#kast")		$("#kast")
	</source>		</source>

			=== Elemendi parameetrite muutmine ===

	Paneme elemendi raami sisse, paneme paika sisu kauguse lahtri servadest ja muudame taustavärvi:		Paneme elemendi raami sisse, paneme paika sisu kauguse lahtri servadest ja muudame taustavärvi:
1124. rida:		1128. rida:
	</source>		</source>

	Nüüd, proovime aga selle div elemendi ekraanilt sujuvalt ära kaotada (~~fade out~~).		=== FadeIn, FadeOut ===

			Nüüd, proovime aga selle div elemendi ekraanilt sujuvalt ära kaotada (või ka tagasi tuua).

	<source lang="javascript">		<source lang="javascript">

Drakan: /* Lingid */

2011-01-21T13:14:23Z

Lingid

←Vanem redaktsioon		Redaktsioon: 21. jaanuar 2011, kell 13:14
1200. rida:		1200. rida:

	http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks		http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks

			http://www.switchonthecode.com/tutorials/javascript-tutorial-simple-fade-animation

Drakan: /* FrameWork */

2011-01-21T12:59:28Z

FrameWork

@@ 1122. rida: / 1122. rida: @@
 // jQuery
 $("#kast").css({ border: "3px solid #333", background: "#e8e8e8", padding: "10px" });
 </source>