IT.CappuccinoNet.com Blog

SoundManager ermöglicht das laden, spielen und kontrollieren von Sound-Dateien mit Javascript. SoundManager ist eine Wrapper bzw. eine Erweiterung um Flash’s Sound Kapazitäten und bringt eine plattformübergreifende Audio-Funktionalität nach Javascript.

http://schillmania.com/projects/soundmanager2/

Jede Webanwendung mit einem eigenen Satz von JavaScript-Bibliotheken auszuliefern ist nicht nur aufwändig sondern u. U. langsam und braucht Bandbreite im Netz. Schnell hat man beispielsweise 30x die Prototype Bibliothek auf seinem Rechner. - Ein neuer Service von Google stellt die bekanntesten JavaScript/Ajax-Bibliotheken auf einem Google-Server zur Verfügung. Auf Wunsch kann ein Datei-Loader den Ladevorgang optimieren.

Eine gute Einführung zum Thema gibts in diesem Beitrag auf Ajaxian.com.

Tipp für eine Ajax Progressbar:

http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/

und hier die sogar noch bessere Version:

http://www.bram.us/projects/js_bramus/jsprogressbarhandler/#install_config

Mit /* */ läßt sich Code-Block auskommentieren. Einfacher ist jedoch folgender Trick:

JAVASCRIPT:
foo();
/*
bar();
baz.foo = 200;
return{
dolly:clone()
}
// */

Nur ein / zu Beginn ergänzen und der gesamte Code wird wieder aktiv:

JAVASCRIPT:
foo();
//*
bar();
baz.foo = 200;
return{
dolly:clone()
}
// */

Gleiches gilt für CSS:

CSS:
.test{
border:1px solid red;
/*/
background-color:blue;
/**/
margin:1em;
}

Nur ein Stern zu Beginn ergänzen und der gesamte Block wird wieder aktiv:

CSS:
.test{
border:1px solid red;
/**/
background-color:blue;
/**/
margin:1em;
}

Quelle: Dirk Ginader, http://blog.ginader.de

AjaxRain.com ist eine weitere Sammlung von mittlerweile über 1.000 Web 2.0 Rezepten: Ajax, CSS, scriptaculous, jQuery und vieles, vieles mehr.

Was ist Jash?  “Jash is a DHTML-based window that gives you command-line JavaScript access to the current browser window. With this console you can quickly debug scripts, manipulate the DOM, view the current page’s objects, functions, and variables, trace the execution stack, execute arbitrary Javascript, enter new CSS (in IE, Firefox, Opera, and Safari), and much more. (Quelle: http://www.billyreisinger.com/) ” - Das ist cool!

•  zur Jash Homepage

Web-Fundstück: Bei Max Kiesler gibt es eine interessante Übersicht über AJAX & Javascript Galleries, Slideshows and Effects Redux. Diskutiert werden:

• e2 AJAX Gallery
• FrogJS Javascript Gallery
• Highslide
• JonDesign’s SmoothGallery 2.0
• LightWindow v2.0
• Pyxy Gallery
• Phatfusion- Image Menu
• Phatfusion- Lightbox
• Slimbox, the Ultimate Lightweight Lightbox Clone
• dhtmlGoodies Image Slideshow Script
• Google AJAX Feed API
• jQuery Cycle Plugin
• Phatfusion- Slideshow
• Rich Ajax slide shows with DHTML and XML
• TripTracker - Customizable Javascript Image Viewer
• Slideshow - A Javascript Class for Mootools
• WebTwo Ajax SlideShow

Mit den neuen curl.js und cvi_curl_lib.js JavaScript Bibliotheken von Christian Effenberger ist es mögliche einen - Seiten-Umblätter-Effekt zu simulieren.

Alles was zu tun ist:

• <script type="text/javascript" src="curl.js“></script>
• To get the page curl effect just add a class=”curl” to the image (minimum dimension: 64×64).
• vary the size of the curl by adding isize followed by the desired size in percent:
  Curl size class “isize” - min=0 max=MinImageDimension default=33
• vary the paperback color of the curl by adding icolor followed by the color:
  Curl color class “icolor” - min=000000 max=ffffff default=0
• vary the shadow by adding ishadow followed by the opacity in percent:
  Curl shadow class “ishadow” - min=0 max=100 default=66
• If you want flexibility, use “cvi_curl_lib.js” instead of “curl.js“. You can make your curls respond to user actions (e.g. changing the curl size when the image is hovered over).

Mehr dazu auf http://www.netzgesta.de/curl/…

Es ist nicht ganz einfach ein HTML Input-Element vom Typ ‘File’ (Eingabefeld für Datei-Upload) proper zu stylen. Hier zwei Lösungsansätze die CSS mit Hilfe von JavaScript auf die Sprünge helfen:

• Quirksmode
• Shaun Inman
• Marc Grabanski

Für HTML Links ohne Ziel bzw. mit Ziel auf der gleichen Seite bietet sich das #-Zeichen an. Dann wird die aktuelle Seite einfach neu geladen. Häufig ist es allerdings von Vorteil, an dieser Stelle

javascript:void(0);

einzugeben. Dann wird Seite nicht neu geladen.