„Honlapkészítés Egyeteme/5.rész – JQuery, Subversion, XML, Django” változatai közötti eltérés

Tartalom törölve Tartalom hozzáadva
Gahak (vitalap | szerkesztései)
Nincs szerkesztési összefoglaló
Gahak (vitalap | szerkesztései)
Nincs szerkesztési összefoglaló
3. sor:
A ''JQuery'' egy olyan Javascript eszköztár, amivel a HTML oldalakon a Javascript egyszerűsíthető. Annyival tud többet társainál, hogy a jól leprogramozott oldal valószínűleg minden böngészőben jól fut. A JQuery '''Unobtrusive JavaScript''' (Diszkrét javaScript) megoldásokra vezet rá, az eredmény böngésző független, kisméretű (tömörített), Kompatibilis a CSS 1-3-mal. Kész megoldások nem léteznek, a programozónak kell kiegészíteni a kódokat. Plug-inok teljes tárháza áll rendelkezésre ha ki szeretnénk bővíteni. <ref>http://plugins.jquery.com</ref>
 
[[Honlapkészítés Egyeteme 5.rész – JQuery, Subversion, XML, Django/példa|Példa]]
<!DOCTYPE html>
<html>
<head>
<style>
div { width:60px; height:60px; margin:5px; float:left; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<span id="result">&nbsp;</span>
<div style="background-color:blue;"></div>
<div style="background-color:rgb(15,99,30);"></div>
<div style="background-color:#123456;"></div>
<div style="background-color:#f11;"></div>
<script>
$("div").click(function () {
var color = $(this).css("background-color");
$("#result").html("That div is <span style='color:" +
color + ";'>" + color + "</span>.");
});
</script>
</body>
</html>
 
== Referenciák ==