JQuery E-Book Und Video Auf DVD Kompakt Programmieren
jQuery: E-Book und Video auf DVDe s: Win-8-App im Eigenbau Visual Studio ExpressE-Book: jQuery – Das JavaScript- for Web 2012Framework für interaktives DesignVideotutorialModerne Webseitengestalten mit jQuery UI for Windows 8 2012 for Windows Desktop 2012 Team FoundationServer 2012Webseiten aufpeppenUpload-Manager · AnimationenC im Browser · JavaScript parallelGrafikkarte ausreizenSchnelle Grafik mit WebGLSpaß mit ShadernCoole SprachenHaskell · Smalltalk · DKinect am PCWinken statt klickenBewegte Autostereogramme3D-ProgrammierungAnimationen mit CSS3SketchUp skriptenFür iPhone, Android und Windows 8Apps selber bauen
EditorialLiebe Leserin, lieber Leser,beinahe täglich wird irgendwo eine neue Programmierspracheerfunden oder eine neue Bibliothek veröffentlicht – kein Menschkann sie alle beherrschen. Zu bequem sollte man es sich aber alsEntwickler in seiner Nische auch nicht machen, sonst läuft manGefahr, dass das eigene Wissen schon bald nicht mehr gefragt ist.Gerade Programmierern tut es also gut, gelegentlich über denTellerrand dessen hinauszuschauen, mit dem sie täglich zu tunhaben. Und für den, der das Programmieren als Hobby betreibt,gibt es ohnehin nichts Spannenderes, als neue Sprachen oderTechniken zu entdecken.Mit diesem Heft wollen wir Ihnen einige Anregungen geben, inwelche Richtungen Sie Ihren Forscherdrang richten können.Wie wäre es beispielsweise mit neuen Eingabemethoden? StattIhre Programme mit der Tastatur oder einer Maus zu bedienen,könnte ihnen der Anwender seine Befehle doch einfach zuwinken – der von der Xbox 360 stammende Eingabesensor Kinectmachts möglich.Wenn Sie nicht gerade zu den eingefleischten Zockern gehören,liegt die Rechenleistung Ihrer Grafikkarte die meiste Zeit brach.Dutzende, wenn nicht Hunderte von Rechenkernen warten darauf, zum Beispiel Fraktale oder andere grafische Spielereien zuberechnen. Mit WebGL funktioniert das sogar im Browser.Apropos Browser: Gut gemachte, informative und möglichstgar interaktive Animationen sind auf Webseiten immer Hingucker – moderne Browser bringen alles Nötige mit, um siezum Leben zu erwecken. Die Möglichkeiten reichen von reinemHTML5 und CSS3 über JavaScript zum Zeichnen auf demCanvas-Element bis hin zum Native Client SDK, mit dem sichGoogles Browser Chrome per C erweitern lässt.Gerade erst ist Windows 8 erschienen und die ersten Tabletsmit Microsofts neuem Betriebssystem sind im Handel. DasAngebot an Apps für die neue Touch-Oberfläche ist aber nochrecht überschaubar. Gute Chancen also, eine Marktlücke zuerschließen. Alles, was Sie dazu brauchen, finden Sie auf derHeft-DVD. Auch zu den anderen Themen gibt es dort eineumfangreiche Sammlung an Werkzeugen, damit Sie sofortmit dem Ausprobieren loslegen können.Viel Spaß dabei!Hajo Schulz
Apps selber bauenWebseiten aufpeppenMobile GeräteWindows 8JavaScript parallelC im BrowserAnimationenUpload-ManagerSeite 42, 50Seite 60Seite 14Seite 20Seite 32Seite 112Kreativ im WebKnow-howImmer mehr Web-Anwendungen übernehmenAufgaben, für die früher Desktop-Programmezuständig waren. Mit der Verbreitung wachsen auch dieAnsprüche an grafische Gestaltung und Interaktivität.Programmieren ist eine kreative Tätigkeit.Spaß macht sie vor allem dann, wenn nichtunbedingt ein vermarktbares Produkt dabeiherauskommen muss – zum Beispiel Pixelspielereien auf der Grafikkarte oder einProgramm, das ein dreidimensionales Abbilddes Betrachters in Echtzeit berechnet. Mitden richtigen Werkzeugen arbeitet mandabei auch im Team reibungslos zusammen.101420243236Bedienoberflächen mit HTML5-CanvasVerteiltes Rechnen mit JavaScriptChrome-Plug-ins mit C/C entwickelnSchnelle 2D-Grafiken im Browser mit WebGLHTML-Elemente animieren – nur mit CSS3D-Animationen mit HTML und CSSMobile AppsAnwendungen für Android und iOS entstehen mit wenigAufwand aus mobilen Websites – mit den richtigenWerkzeugen sogar plattformübergreifend. Auch fürWindows 8 gibt’s alle Entwickler-Tools kostenlos.687682961041121181284250604Web-Apps für Mobilgeräte mit jQuery MobileApps aus Web-Anwendungen für iPhone,Android & Co.Apps für Windows 8 selbst programmierenc’t kompakt Programmieren 03/2012132Rechnen auf der GrafikkarteEvolutionärer Kubismus3D-Werkzeuge programmierenfür SketchUpEinführung in das Kinect SDKBewegte AutostereogrammeDateien parallel hochladenZufallszahlen erzeugen, erkennenund anwendenVersionsverwaltung mit TeamFoundation ServerCode-Verwaltung mit Github
3D ProgrammierungCoole SprachenAnimationen mit CSS3SketchUp skriptenDSmalltalkHaskellSeite 36Seite 82Seite 140Seite 146Seite 154Exotische SprachenZum HeftWussten Sie schon, dass es Programmiersprachengibt, in denen sich die Inhalte von Variablen niemalsändern können? Oder bei denen selbst der Compilerein Objekt ist, mit dem man zur Laufzeit hantierenkann? Oder in der man trotz automatischerSpeicherverwaltung Inline-Assembler-Befehlebenutzen kann? Lassen Sie sich erentenverzeichnisDie Alles-besser-können-Sprache DSmalltalk: Objektorientierte ProgrammierungHaskell: Puzzles lösen funktionalAuf der Heft-DVDTools und Anwendungen, Entwicklungsumgebungen,Quellcodes sowie PDF-Tutorials und ein Video ergänzendie Artikel zum Heft. Highlights sind ein 494 Seitenstarkes PDF über das JavaScript-Framework jQuerysowie ein Video-Training, das zeigt, wie man moderneWebseiten mit jQuery UI gestaltet.Download der DVD67DVD im ÜberblickDVD-HighlightsDie Heft-DVD steht als Imagezum Download unterwww.ct.de/cs1207004 bereit.c’t kompakt Programmieren 03/20125
DVD-InhaltDVD-InhaltVideo-TutorialModerne Webseiten gestalten mit jQuery UIE-Book (PDF)jQuery: Das JavaScript-Frameworkfür interaktives DesignEntwicklungsumgebungenund -ToolsWindowsADT Plugin for Eclipse 20.0.3Android SDK 20.0.3Eclipse SDK Classic 4.2Git 1.7.11jEdit 4.5.2Kinect SDK 1.5Native Client SDKNotepad 6.1.8PSPad editor 4.5.6Python 2.7.3Qt Creator 2.5.2Squeak 4.3Visual Studio Express for Web 2012Visual Studio Express for Windows 8 2012Visual Studio Express for WindowsDesktop 2012Visual Studio Team FoundationServer Express 2012Mac OSADT Plugin for Eclipse 20.0.3Android SDK 20.0.3Eclipse SDK Classic 4.2Git 1.7.11.3jEdit 4.5.2Native Client SDKPython 2.7.3Qt Creator 2.5.2Squeak 4.3LinuxADT Plugin for Eclipse 20.0.3Android SDK 20.0.3Eclipse SDK Classic 4.2jEdit 4.5.26c’t kompakt Programmieren 03/2012Native Client SDKPython 2.7.3Qt Creator 2.5.2Squeak 4.3ToolsWindows7-Zip 9.20Audacity 2.0.2Audacity Portable 2.0.2Gimp 2.8.2Gimp Portable 2.8.2XAMPP 1.8.0Mac OSAudacity 2.0.2Gimp 2.8.2MacPorts 2.1.2MacPorts 2.1.2 für LionMacPorts 2.1.2 für Mountain LionMacPorts 2.1.2 für Snow LeopardXAMPP 1.7.3LinuxXAMPP 0.9.4Listings und SkripteWindowsAc’tienBilderbuchjqmOrakeljQuery MobileMetronom mit HTML5-CanvasPendeluhrPhoneGapRuby-Skripte für SketchUpMac OSBilderbuchjqmOrakeljQuery MobileMetronom mit HTML5-CanvasPendeluhrPhoneGapRuby-Skripte für SketchUpLinuxBilderbuchjqmOrakeljQuery MobileMetronom mit ache Ant 1.8.4jQuery 1.8.2jQuery Mobile 1.1.1PhoneGap 2.0.0Qt Libraries 4.8.3 (VS 2010)Mac OSApache Ant 1.8.4jQuery 1.8.2jQuery Mobile 1.1.1Qt Libraries 4.8.3LinuxApache Ant 1.8.4jQuery 1.8.2jQuery Mobile 1.1.1Qt Libraries 4.8.3 (X11)
DVD-HighlightsDVD-HighlightsDie Heft-DVD ergänzt viele Artikel mit insgesamt rund 4,6 Gigabyte Zusatzmaterial – unter anderembietet sie komplette Entwicklungsumgebungen sowie Tools und Anwendungen, aber auch PDF- undVideo-Tutorials wie etwa ein 494 Seiten starkes PDF über das JavaScript-Framework jQuery sowieein Video-Training, das zeigt, wie man moderne Webseiten mit jQuery UI gestaltet. Ebenfalls aufDVD: das Listing einer Windows-8-App zur Anzeige von Börsenkursen aus Yahoo Financial.E-Book (PDF)Video-TutorialjWQuery ist ein freies JavaScript-Framework, das 2006 veröffentlichtwurde und das mittlerweile die OpenSource-Community weiterentwickelt. Es bietet unter anderem ein erweitertes Event-Systemsowie zahlreiche Effekte und Animationen und lässt sich durch eineganze Reihe freier Plug-ins erweitern. Ein weiterer großer Vorteil vonjQuery: Viele bekannte Web-Plattformen auch großer Industrieanbieter unterstützen es mittlerweile – beispielsweise Microsoft in der Entwicklungsumgebung Visual Studio in Verbindung mit dem APS.NETMVC Framework (einige Visual-Studio-Express-Editionen sind ebenfalls auf der Heft-DVD enthalten).Auf DVD gespeichert ist das 494 Seiten starke Buch „jQuery –Das JavaScript-Framework für interaktives Design“. In dem beiAddison-Wesley erschienenen Buch (ISBN: 978-3-8273-3072-7,Preis: 34,80 Euro) zeigt der Autor Ralph Steyer, wie man jQuery füreigene Web-Applikationen nutzt – angefangen von einer einzelnenWebsite, die „nur“ um einige wenige Effekte aufgewertet wird, bishin zu komplexen „Rich Internet Applications“ (RIAs). Dabei vermittelt das Buch in den ersten vier Kapiteln zunächst Grundlagenwissen, anschließend erläutert es, wie jQuery grundsätzlich arbeitet.Dann erst geht es „ans Eingemachte“: Kapitel 5 bis 10 kümmernsich um die Möglichkeiten zur Auswahl von Objekten im Kontexteiner Website, um das Formatieren mit Style Sheets, um die Ereignisbehandlung unter jQuery und um das Thema Ajax.Last, not least stellen die Kapitel 11 bis 13 – im Buch sind das mehrals 100 Seiten – den jQuery-Aufsatz jQuery UI sowie Plug-ins undjQuery Mobile vor.(keh)ie gestaltet man moderne Webseiten mit jQuery UI? Die Antwort gibt das gleichnamige Video-Training auf der DVD zumHeft. Dabei stellt Autor André Wösten zunächst das jQuery UI-Framework kurz vor, dann wendet er sich aber gleich der Praxis zu und zeigtin Kapitel 1.3, wie man Formulare gestalterisch aufwertet und Buttonsbeziehungsweise Icons einsetzt und mit einem Verhalten ausstattet.Weitere Punkte erläutert Wösten anhand eines Beispielprojekts –einer rudimentären Oberfläche einer Kontaktbörse. Um sie Step byStep aufzubauen, legt er in Kapitel 1.4 zunächst das Layout als FotoMosaik fest und gestaltet im darauffolgenden Abschnitt ein Benutzerprofil-Fenster mithilfe eines jQuery-Dialogfensters. Dabei werdenFormulare eingesetzt, die mit einer Akkordeon-Animation ein- undwieder ausgeklappt werden.Kapitel 1.6 erläutert, wie man via jQuery UI eine Punktebewertungimplementiert – und zwar mithilfe eines Schiebereglers, über denman einer Person eine bestimmte Zahl zuweist. Dabei wird der Sliderin jQuery programmiert und mit der Werteskala verknüpft. Der vomBenutzer gewählte Wert wird dann dynamisch auf die Webseite geschrieben. Den Abschluss des Miniprojektes bildet dann Kapitel 1.7,das sich um Fortschrittsbalken kümmert. Das rund fünfminütigeVideo zeigt, wie man die jQuery-Progressbar ausliest, die Werteerhöht und erneut ausgibt.Insgesamt dauert das jQuery UI-Videotraining rund eineinhalbStunden. Dabei handelt es sich um ein Einzelkapitel des 8-stündigenGalileo-Videotrainings „jQuery – Das Praxis-Training“ (ISBN 978-38362-1762-0, Preis: 39,90 Euro).(keh)c’t kompakt Programmieren 03/20127
Kreativ im WebGut gemachte Webseiten, möglichst mit interaktiven Animationen, sindEyecatcher. Spezielle Plug-ins muss der Web-Designer dafür nicht mehreinsetzen: Mit HTML5 und CSS3 lassen sich schon ohne Programmierungerstaunliche Effekte erzielen. Hochperformantes JavaScript steht zu Gebote,um das Canvas-Element mit Inhalten zu füllen oder direkt die Grafikkarteanzusteuern. Googles Browser Chrome lässt sich sogar mit C erweitern.10Bedienoberflächen mit HTML5-Canvas14Verteiltes Rechnen mit JavaScript20Chrome-Plug-ins entwickeln mit C/C 24Schnelle 2D-Grafik mit WebGL32HTML-Elemente animieren nur mit CSS363D-Animationen mit HTML und CSS38c’t kompakt Programmieren 03/2012
Canvas – so sagt man auf Englisch zu der Leinwand, auf der Maler ihre Kunstwerke in Ölfarben verewigen. Alle modernen Web-Browser kennen ein gleichnamiges HTML5-Element: Man kanndarauf geometrische Formen wie Linien, Kurven,Rechtecke oder Kreise zeichnen, aber auch Pixelgrafiken aus PNG-, GIF- oder JPG-Dateien. Im Unterschied zu SVG beschreibt man das Aussehen derLeinwand nicht mit HTML-Tags, sondern bemalt siemithilfe von JavaScript-Funktionen.Damit lassen sich interaktive, dynamischeGrafiken in den Browser bringen. Das Folgendereißt ein paar Möglichkeiten am Beispiel einesMetronoms an. Den Code in Gestalt von vierDateien finden Sie auf der Heft-DVD. metronom.html enthält das HTML-Gerüst der Seite undetwas JavaScript für die Steuerelemente, metronom.js den JavaScript-Code, helper.js einige Hilfsfunktionen (etwa () als Abkürzung für document.getElementById() oder attachEvent() zumVerknüpfen von HTML-Elementen mit EventHandlern) und metronom.css die Absatz- undZeichenformate. Die Implementierung vermeidetaus didaktischen Gründen den Einsatz von JavaScript-Bibliotheken wie jQuery und verwendetdirekt die Canvas-Funktionen.Das zentrale Element im HTML-Code ist die Leinwand, die zu Gunsten leichterer Auffindbarkeit via () mit der Kennung „metronom“ versehen wurde: !DOCTYPE HTML html body onload "onload handler()"onresize "Metronome.onchange()" canvas id "metronom" /canvas /body /html Oliver LauZeichnen auf demHTML5-Canvas-ElementDas mit HTML5 eingeführte Canvas-Element ist zumZeichnen von 2D-Grafiken mittels JavaScript gedacht. DasBeispiel eines Metronoms mit verstellbarer Taktzeit, dessenPendel man mit der Maus anstupsen und festhalten kann,führt in die Technik ein.10c’t kompakt Programmieren 03/2012Diese HTML-Seite beginnt wie alle wohlgeformtenHTML5-Dokumente mit der Angabe des Dokumenttyps „HTML“. Die Attribute im body -Tag sorgen dafür, dass die Funktion onload handler() aufgerufen wird, wenn das Dokument fertig geladenwurde, und Metronome.onchange(), wenn der Benutzerdie Größe des Fensters geändert hat. Letzteres istwichtig, weil die Größe des Metronoms daran angepasst werden soll.In onload handler() wird die Initialisierungsroutinedes Metronoms aufgerufen:Metronome.init({startStopHandler: startStopCallback,countHandler: countCallback,freqChangedHandler: freqChangedCallback});Die drei Parameter sind Callbacks, die der Metronom-Code aufruft, wenn das Metronom gestartet/gestoppt wurde, das Pendel durch die Senkrechte schwingt oder das Pendelgewicht verschoben wurde (womit sich die Schwingfrequenz verändert). Das entkoppelt das GUI-Drumherum (etwadie Schaltflächen für die Sound-Auswahl und dieAnzeige der verstrichenen Zeit) von den Internades Metronoms im zentralen JavaScript-ObjektMetronome.
Kreativ im Web HTMLZum Beispiel empfängt die Funktion freqChangedCallback() vom Metronome-Objekt eine neu eingestell-te Frequenz und stellt sie in den dafür vorgesehenen HTML-Elementen in der rechten oberen Fensterecke dar:function freqChangedCallback(f) { ('freq').innerHTML f ' min sup −1 /sup '; ('T').innerHTML 'T ' (60/f).toFixed(2) ' s';}Die Funktion Metronome.init() verknüpft das CanvasElement mit den Handlern für Mausklicks und -bewegungen:canvas ('metronom');attachEvent(canvas, 'mousedown', onmousedown);attachEvent(canvas, 'mouseup', onmouseup);attachEvent(canvas, 'mousemove', onmousemove);Damitwirdbeispielsweise die Funktionwenn der Anwender eineMaustaste auf dem Canvas-Element drückt.onmousedown() aufgerufen,VorbereitenAußerdem ermittelt Metronome.init() die Schnittstelle zu den Funktionen zum Zeichnen von 2D-Objekten auf einem Canvas-Element durch den Aufrufder Methode getContext():ctx canvas.getContext('2d');Anschließend wird die Funktion Metronome.onchange()aufgerufen, die die Fenstermaße in lokalen Variablen speichert und die Canvas-Größe sowie dieAusmaße der zu zeichnenden Elemente daran anpasst:function onchange() {width window.innerWidth;height window.innerHeight;canvas.width width;canvas.height height;axis.x Math.round(width/2);axis.y height-axis.r-11;pendulum.length Math.round(height-axis.r/2-30);T 60/pendulum.frequency;weight.dist T*T/(PI2*PI2)*G;updateCanvas();}Die Felder x, y und r der Variable axis bestimmendie Position der Pendelachse und ihren Durchmesser. In updateCanvas() werden die Bestandteile desMetronoms in Abhängigkeit vom Achsenmittelpunkt auf das Canvas gezeichnet. Der Browserstellt das Canvas immer dann neu dar, wenn dieAusführung des JavaScript-Codes beendet ist. Ausanderen Sprachen bekannte Befehle wie update()oder invalidate(), die ein Neuzeichnen erzwingen,gibt es nicht.Wer die Theorie über Pendelschwingungennicht mehr in petto hat, kann sie mit der Wikipediaauffrischen [1]. Der Beispielcode implementiert einreibungsfreies mathematisches Pendel, bei demsich der Abstand des Gewichts zur Drehachseweight.dist direkt aus der Schwingungsdauer T er-Die Maus fängt das Pendel desMetronoms ein, setzt es inBewegung und verschiebt dasGewicht. Mit dem Scrollrad kannman die Skalierung ändern.gibt. Die Variable PI2 repräsentiert das Doppelteder Kreiszahl Pi, G die auf das Pendel wirkendeSchwerkraft, die für das Beispiel nicht auf die Erdschwerkraft, sondern aus Gründen besserer Darstellbarkeit des Gewichts willkürlich auf 3 (m/s2)festgelegt wurde.ZeichnenWie im richtigen Leben die Leinwand wird auchdas Canvas von hinten nach vorne bemalt. Der Hintergrund soll in einem vertikalen Farbverlauf vonDunkelblau zu einem dunkleren Blau erscheinen.Dazu definiert man einen Gradienten:var bkgGrad ctx.createLinearGradient(0, 0, 0, height);bkgGrad.addColorStop(0, '#373E5C');bkgGrad.addColorStop(0.4, '#1A1D2B');Die Parameter für ctx.createLinearGradient() gebendie Start- und Endkoordinaten des Verlaufs an. MitaddColorStop() bestimmt man die Farbe an einer bestimmten Stelle des Gradienten: Der erste Parameter gibt die Position als Gleitkommazahl an (0 bedeutet am Startpunkt, 1 am Endpunkt, 0.5 zum Beispiel auf halber Strecke dazwischen). Der zweiteParameter ist die Farbe im von HTML/CSS bekannten Format.Nachdem der Füllstil durch Zuweisen an dasAttribut ctx.fillStyle auf den Gradienten gesetztwurde, kann man damit die gesamte Hintergrundfläche füllen:ctx.fillStyle bkgGrad;ctx.fillRect(0, 0, width, height);Danach sichert der Aufruf der Methodectx.save();c’t kompakt Programmieren 03/201211
Kreativ im Web HTML(0; 0)canvas.widthtranslate()xyrotate()yAußer mit Vollfarben und Gradienten kann manFlächen auch mit Mustern aus Grafiken pflastern –das Metronom macht aber keinen Gebrauch davon:var img new Image();img.src 'hintergrund.png';pendulum.phi ϕ// Muster aus img in x- und y-Richtung wiederholencanvas.heightx(axis.x; axis.y)ctx.fillStyle ctx.createPattern(img, 'repeat-xy');Das Zeichnen der Skala für die Frequenzen führt inden Befehl ctx.fillText() zur Darstellung vonStrings ein:ctx.beginPath();ctx.lineWidth 1;yxctx.fillStyle '#6666ff';ctx.textBaseline 'middle';var tickHeight 0, f 100,den Zustand des Canvas-Elements. Damit landenetwa Informationen über Transformationen (Verschieben, Rotieren, ) und die aktuellen Füll- undStiftstile auf einem Stack. Der Befehl ctx.restore()am Ende der Funktion stellt den zuletzt abgespeicherten Zustand wieder her.Die Koordinaten der Zeichenoperationen sollensich der Einfachheit halber auf die Drehachse desPendels beziehen. Dazu verschiebt man einfachden Koordinatensystemursprung an die Stelle aufder Leinwand, an der die Drehachse des Pendelssitzen soll:ctx.translate(axis.x, axis.y);Nun gehts an die Konstruktion des Gehäuses.Bevor man einen neuen Pfad (Vieleck) definiert,muss man die Funktion ctx.beginPath() aufrufen.ctx.moveTo() hebt den virtuellen Stift an und setztihn auf den Startpunkt der nächsten Zeichenoperation. ctx.lineTo() zeichnet von diesem Punkt aneine Linie zu den angegebenen Koordinaten.ctx.beginPath();ctx.fillStyle 'rgb(8, 24, 80)';ctx.strokeStyle '#D0D0F4';ctx.lineWidth 2;ctx.moveTo(-100, axis.r 7);Der aktuelle Winkel imBogenmaß steht in derVariablen pendulum.phi.Wichtig: Die y-Koordinateneines Canvas-Elementswachsen im Unterschied zumathematischen Koordinatensystemen von oben nachunten.scale -G*pendulum.length/(PI2*PI2);while (tickHeight pendulum.length && f 0) {var t 60/f;tickHeight Math.round(t*t*scale);ctx.moveTo(-12, tickHeight);ctx.li
Audacity 2.0.2 Audacity Portable 2.0.2 Gimp 2.8.2 Gimp Portable 2.8.2 XAMPP 1.8.0 Mac OS Audacity 2.0.2 Gimp 2.8.2 MacPorts 2.1.2 MacPorts 2.1.2 für Lion MacPorts 2.1.2 für Mountain Lion MacPorts 2.1.2 für Snow Leopard XAMPP 1.7.3 Linux XAMPP 0.9.4 Listings und Skripte Windows Ac’tien Bilderbuch jqmOrakel jQuery Mobile Metronom mit HTML5 .
Chapter 1: Getting started with jQuery 2 Remarks 2 Versions 2 Examples 3 jQuery Namespace ("jQuery" and " ") 3 Getting Started 3 Explanation of code 4 Include script tag in head of HTML page 5 Avoiding namespace collisions 6 Loading jQuery via console on a page that does not have it. 8 The jQuery Object 8 Loading namespaced jQuery plugins 8 .
jQuery is the starting point for writing any jQuery code. It can be used as a function jQuery(.) or a variable jQuery.foo. is an alias for jQuery and the two can usually be interchanged for each other (except where jQuery.noConflict(); has been used - see Avoiding namespace collisions). Assuming we have this snippet of HTML -
jQuery is the starting point for writing any jQuery code. It can be used as a function jQuery(.) or a variable jQuery.foo. is an alias for jQuery and the two can usually be interchanged for each other (except where jQuery.noConflict(); has been used - see Avoiding namespace collisions). Assuming we have this snippet of HTML -
To get started with the jQuery UI library, you'll need to add the jQuery script, the jQuery UI script, and the jQuery UI stylesheet to your HTML. First, download jQuery UI; choose the features you need on the download page.
browsers. However, the jQuery team has taken care of this for us, so that we can write AJAX functionality with only one single line of code jQuery - AJAX load() Method jQuery load() Method The jQuery load() method is a simple, but powerful AJAX method. The load() method loads data from a server and puts the returned data into the selected element.
jQuery UI 1.8.16 jQuery Timepicker Addon 1.4.5 jquery-2.1.0 jQuery-ui-1.10.4 jquery-2.1.0 jQuery.event.drag - v 2.2 . WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH T
elements to operate upon with the jQuery library methods. Understanding jQuery selectors is the key to using the jQuery library most effectively. This reference card puts the power of jQuery selectors at your very fingertips. A jQuery statement typically follows the syntax pattern: by any sibling of tag name E. (selector).methodName();
w'fmd'i' W'fm & úNd.h 2019 iy bka miqj meje;afjk úNd. i yd m%Yak m;% jHQyh yd uQ,dlD;s m%Yak-ii-, % ! % 4 2019!. # %!'" % " "# 4 !/. % # % " . . * - ii - LVK X .
