JavaScript @ tutorials.de: Tutorials, Forum & Hilfe

Webmaster & Internet
JavaScript
[Javascript] Einfache Bildergalerie mit Diashow

von ikosaeder Veröffentlicht: 23.05.12 22:07
Seitenaufrufe: 126

In diesem Tutorial geht es darum mit Javascript eine Bildergalerie zu erstellen.
Das Beispiel ist sehr einfach gehalten und verzichtet auf Dekorationen jeder Art.
Der zugehörige HTML-Code ist ebenfalls sehr einfach und sollte vor dem Verwenden in einer
aktiven Website entsprechend erweitert werden (Doctype etc.).

Weiterlesen 1 Kommentar

[JavaScript] Automatisches Erzeugen eines Inhaltsverzeichnisses

von Fabio Hellmann Veröffentlicht: 24.02.12 12:01
Seitenaufrufe: 1356

Hallo zusammen,

da ich in der letzten Zeit öfters mal eine Homepage für mich erstellt habe und auf der ein oder anderen Seite ein Inhaltsverzeichnis erstellt habe, habe ich mich mal damit beschäftigt, wie ich ein Inhaltsverzeichnis automatisch mithilfe von Javaskript erzeugen kann. Ich gehe mal davon aus, dass der ein oder andere das Gleiche vor hat.

Weiterlesen 2 Kommentare

JavaScript optimieren mit Closure

von tharo Veröffentlicht: 15.02.12 14:05
Seitenaufrufe: 1061

Der Closure Compiler stellt die Spitze einer Reihe von JavaScript Tools dar, die als Optimierer, Shrinker oder teils auch primitiver Kopierschutz durch das Netz geistern. Was genau es mit Closure auf sich hat und was es bei seiner Verwendung zu beachten gibt, beschreibt dieser kurze Überblick, der sich auf den Compiler beschränkt.

Weiterlesen 2 Kommentare

Klassen und Vererbung in JavaScript

von tharo Veröffentlicht: 23.01.12 14:04
Seitenaufrufe: 1370

Hallo und willkommen zu einem kleinem HowTo Objekte und Vererbung in JavaScript.
Es ist das erste mal seit ziemlich langer Zeit, dass ich ein Tutorial schreibe. Ich hoffe es ist verständlich und hilft dem einem oder anderen der sich mit dem Thema rum schlagen muss.

Weiterlesen 3 Kommentare

Workshop – Echtzeitkommunikation mit Node.js und Socket.io

von Sebastian Schmidt Veröffentlicht: 07.12.11 11:30
Seitenaufrufe: 2718

Wir laden euch ein zu einem kostenlosen Live-Workshop.

Mittels Node.js, einem eventbasiertem Webserver und dem Socket.io Protokoll, werden wir eine Echtzeitkommunikation herstellen.

Weiterlesen 3 Kommentare

Adventskalender 2011 - Türchen #1

von Sebastian Schmidt Veröffentlicht: 01.12.11 00:01
Seitenaufrufe: 1464

Als erstes Türchen für den diesjährigen Adventskalender haben wir euch eine Ankündigung zu machen. In einer Woche, also Mittwoch, den 7. Dezember findet auf tutorials.de wieder ein Live-Workshop statt, zu dem wir euch herzlich einladen wollen.

Das Thema und alles weitere erfahrt ihr nach dem Klick.

Weiterlesen 7 Kommentare

Adobe Edge Einsteiger Tutorial

von sight011 Veröffentlicht: 13.11.11 11:16
Seitenaufrufe: 2492

Für alle die ein Videotutorial zu Adobe-Edge suchen und bis jetzt nur auf englisch verfasste gefunden haben, hier mal eins auf deutsch:

In diesem Tutorial werden die grundlegenden Funktionen von Adobe Edge erklärt. Es ist ein Einsteiger-Tutorial das auf die Funktionen, verwendbare Elemente sowie die Animation mit Edge eingeht. Am Ende zeige ich noch zwei Anwendungsbeispiele, wie sich das Programm für Web bzw. Werbeauftriite verwenden lässt.

Viel Spaß beim ersten Video-Tutorial zu Adobe Edge auf deutsch!

Weiterlesen 2 Kommentare

File-Upload per JavaScript & HTML 5 File API

von ComFreek Veröffentlicht: 04.10.11 23:54
Seitenaufrufe: 4931

Hier noch ein weiteres Tutorial in der HTML 5 File API-Reihe.
Das erste Tutorial war: Checksummen mit JavaScript & HTML 5 File API.

Weiterlesen 7 Kommentare

Checksummen mit JavaScript & HTML 5 File API

von ComFreek Veröffentlicht: 17.09.11 15:43
Seitenaufrufe: 1911

___________
In diesem Tutorial will ich euch zeigen, wie ihr die HTML 5 File API benutzen könnt, um MD5, SHA1, SHA256 und SHA512-Summen nur mit JavaScript zu erzeugen.

Weiterlesen

Drop-Down-Menü und Social-Network-Bar mit jQuery

von javaDeveloper2011 Veröffentlicht: 10.09.11 10:51
Seitenaufrufe: 14657

Hallo zusammen,

heute mal ein Tutorial zu jQuery.

Das wohl beliebteste JavaScript-Framework bietet unzählige Möglichkeiten auf sehr einfache Weise coole und professionelle Websites zu erstellen. Download

Im folgenden werden Drop-Down-Menüs und eine sog. Social-Network-Bar erstellt.

Weiterlesen 3 Kommentare

Super Recursion Toy – Javascript galore

von Markus Kolletzky Veröffentlicht: 24.08.11 21:25
Seitenaufrufe: 1383

Mit dem in HTML5 integriertem Canvas-Element wird dem geneigten Webentwickler das dynamische Rendern von Bitmap-Grafiken gestattet. Die Jungs von soulwire.co.uk trieben dies nun auf die Spitze und schrieben ein Tool, mit welchem sich wunderbar mit verzweigten Algorithmen und Rendering-Techniken experimentieren lässt. JavaScript galore!

Das Ganze ist erfreulicherweise Open Source, so dass ein jeder damit herumspielen kann; der Source liegt auf github. Ich freue mich auf eure Ergebnisse.

Weiterlesen

HTML/CSS und Javascripte gemeinsam erarbeiten

von chmee Veröffentlicht: 22.08.11 11:13
Seitenaufrufe: 2094

Es war einmal.. na gut, wir fangen anders an. Nicht immer sind Programmierfehler offensichtlich, während syntaktische Fehler noch schnell gefunden werden können, ist es mit logischen Fehlern nicht immer ganz so einfach. Wer hat sich nicht geärgert, dass das Helfen bei Codingproblemen oft mit Copy&Paste anfängt? Code des Hilfesuchenden lokal speichern, grob bereinigen/auffüllen, dann starten und sehen, wo das Problem ist.

Weiterlesen 6 Kommentare

Animationen der Google+ Alben und Circles mit jQuery und CSS3 nachbauen

von Markus Kolletzky Veröffentlicht: 03.08.11 13:01
Seitenaufrufe: 2440

Einige von euch haben sicher schon einen Blick auf Google+ geworfen bzw. benutzen den Dienst bereits. Hierbei sind euch sicherlich die schicken Animationen aufgefallen, wie die Circles beim Löschen "wegrollen" oder sich Bilderalben aufklappen. Diesen Effekt kann man mittels jQuery und CSS3 einfach nachbauen.

Weiterlesen 2 Kommentare
Anti-Adblock-Script (AAS) für Webmaster - Werbeblocker umgehen

von Dominik Haubrich Veröffentlicht: 01.08.11 21:46
Seitenaufrufe: 4453

Das folgende Script ermöglicht, einen Benutzer-Hinweis (oder auch eine alternative Werbebotschaft) im Browser anzuzeigen, wenn ein gängiger Werbeblocker wie Adblock Plus (Firefox Add-On) oder WebWasher aktiviert ist.

Funktionen des Anti-Adblock-Scripts (AAS):
Der Original-Werbemittelcode bleibt unverändert
Das Werbemittel wird nur ersetzt, sofern ein Werbeblocker aktiviert ist
Eine alternative Botschaft kann mittels HTML-Code definiert werden.

Weiterlesen 4 Kommentare
JSON PHP MySQL Chat Tutorial

von jannicars Veröffentlicht: 03.07.11 22:51
Seitenaufrufe: 3385

Ich möchte euch gerne zeigen, wie man einen simplen Chat mit Javascript (jQuery, AJAX), JSON, PHP und MySQL erstellt.

Weiterlesen 1 Kommentar
Adobe Edge Preview

von Martin Schaefer Veröffentlicht: 22.06.11 16:34
Seitenaufrufe: 2832

Adobe ist bereits seit einiger Zeit dabei, ein Authoring-Tool für HTML5/CSS3/JS Animation zu entwickeln. Jetzt gibt es eine eigene Seite in den Adobe Labs und die Ankündigung, dass in nicht allzuferner Zukunft eine erste Preview-Version verfügbar sein wird.

Weiterlesen 3 Kommentare

Erstellen einer Social Bookmark Bar

von Momo95 Veröffentlicht: 24.03.11 22:40
Seitenaufrufe: 5040

Ich habe bis jetzt nur aus den Tutorials profitiert und möchte nun auch mal etwas dazu beitragen: Es geht um eine "Social Bookmark Bar" und so solls am ende aussehen: Demo

Zunächst brauchen wir natürlich die Icons bzw. Grafiken. Die habe ich hier her. (Downloadlink)

Dann benötigt man noch jQuery.

Bei den Icons habe ich die 48px auf 48px großen genommen. Die eigene Auswahl wird dann in einem Ordner namens Dateien gespeichert, genau so wie die jQuery.js Datei.

Nun noch eine ganz normale *.html-Datei.

Weiterlesen 11 Kommentare

CSS3-Accordion (fast) ohne Javascript

von hela Veröffentlicht: 27.01.11 20:15
Seitenaufrufe: 3556

Hallo,
angeregt durch einen Beitrag im (X)HTML-Forum möchte ich zeigen, dass man eigentlich nur noch für den Internet-Explorer Javascript/jQuery braucht, um ein "Accordion" auf einer Web-Seite zu realisieren.

In meinem Funktionsbeispiel habe ich einen HTML-Seitenaufbau gewählt, der aus einer H1-Überschrift und mehreren folgenden DIV-Blöcken ("sections") besteht. Jeder "section"-Block ist mit einem Klassenattribut "section" markiert und enthält als erstes Kindelement wiederum eine Überschrift (hier: H2) mit einem eingeschlossenem Hyperlink (A-Element). Danach folgt beliebiger Blockinhalt.

Weiterlesen 2 Kommentare

22. Türchen - tutorials.de Adventskalender - zwei kleine Browsertipps

von DrSoong Veröffentlicht: 22.12.10 00:01
Seitenaufrufe: 2140

Endspurt, werte Freunde. Hinter dem 22. Türchen befinden sich zwei kleine Tipps für den Browser.

Weiterlesen

14. Türchen - tutorials.de Adventskalender - 10 jQuery-Plugins

von chmee Veröffentlicht: 14.12.10 00:01
Seitenaufrufe: 3631

Kinners, die Zeit vergeht. Nun gibt es schon das 14. Türchen und es liegen nur zehn weitere vor euch. Aber macht euch keinen Stress, sondern lieber erstmal das heutige auf. Denn es gibt...

...10 jQuery-Plugins, die man ständig sucht, aber immer verlegt

Weiterlesen

Scriptly - der Freeware Texteditor

von super-nova Veröffentlicht: 07.11.10 13:11
Seitenaufrufe: 1958

Der Texteditor Scriptly von der Firma Webocton ist ein wirklich gelungener Freeware Editor für HTML, PHP, Javascript und und und....

Die Liebe zu Detail erleichtert einem die Arbeit enorm und durch ein paar ganz spezielle Features (ColorPicker und Codeschnippselverwaltung) hebt sich dieser Editor von den andern Produkten, die es im Netz gibt, ab.
Aufgrund dessen man das Programm nicht "installieren" muß, ist der Editor z.B. mit Hilfe eines USB-Stick problemlos transportabel auf jeden Rechner.
Video in zwei Teilen.

Weiterlesen
Seite 1 von 3 123 Letzte
- Gehe zu Seite:

Login
- Registrieren
Bereiche
Tutorials

Bild, 3D, Video & Audio

Bildbearbeitung

Fotografie

3D-Grafik

Video

Audio

Vektorgrafik

Typografie & DTP

Inspiration

Webmaster & Internet

Web-News

CMS

Web-Entwicklung

Programming

PHP

Java

C/C++

.NET

Datenbanken & XML

Sonstige Sprachen

Computer & Devices

Betriebssysteme

Server

Software

Hardware

Buch-Empfehlungen
Kategorien

CMS-Tutorials (19)

CSS (22)

CSS-Tutorials (18)

Events & Contests (37)

Flash-Tutorials (17)

Flash/Flex/AIR (18)

HTML (26)

HTML-Tutorials (21)

Inspiration Webmaster (39)

JavaScript (49)

JavaScript-Tutorials (43)

Tutorials (763)

tutorials.de intern (69)

Videotutorials (191)

Webserver (3)

Webserver-Tutorials (3)
Forum - Webmaster & Internet
Hallo,

change wird ja bereits benutzt...

Code :

1 2
..... change: function (event, ui) {

AW: jQuery UI Autocomplete vs. Autocomplete plugin 1.1 (Jörn Zaefferer)
kenguruh2002 26.05.12, 13:03
Hi,

denke mal

Code javascript:

1 2 3
$(args.selector).autocomplete({ change: closeCallback, source: sourceCallback

AW: jQuery UI Autocomplete vs. Autocomplete plugin 1.1 (Jörn Zaefferer)
javaDeveloper2011 26.05.12, 12:21
Ach natürlich! Vielen Dank. Ist ja eigentlich sonnenklar, habe beim linken div gestern wohl etwas verquert gedacht

AW: DIVs sich überlappen lassen
aurus 26.05.12, 12:19

Hi,

sry aber wo das display:none auf welches Element anwenden**** Auf body ?
Und wie per javascript wieder auf normal setzen?

AW: Accordion mit Fallback für java****
xkoy 26.05.12, 12:15

Hi aurus,

das linke div wird (zumindest bei meinem Weg) auch größer.
Das sieht man aber nicht weil es sich unter das mittlere legt.

AW: DIVs sich überlappen lassen
javaDeveloper2011 26.05.12, 12:08
Shop @ tutorials.de
Newsletter @ tutorials.de

Sobald es etwas Interessantes - wie z.B. unsere beliebten Buch-Verschenkaktionen - gibt, erhältst du unseren regelmäßig erscheinenden Newsletter. Natürlich kostenlos und jederzeit abbestellbar!

E-Mail:

Abonnieren
Abbestellen
Nützliches

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

E-Mail:
Abonnieren Abbestellen

Webmaster & Internet

JavaScript

Login

Bereiche

Kategorien

Forum - Webmaster & Internet

Shop @ tutorials.de

Newsletter @ tutorials.de

Nützliches