javascript

User am Browser erkennen

Wednesday, February 24th, 2010

Der Browser schickt soviel spezifische Informationen mit, dass man einen einzelnen Benutzer oft nur am Browser erkennen kann.

Zusätzlich zum http-Header braucht man dazu noch ein Javascript, welches sich die installierten Fonts, Browser Plugins und SuperCookie-Infos holt.

Siehe hier: https://panopticlick.eff.org/

JQuery macht Form-Elemente schöner

Friday, August 28th, 2009

… und auch praktischer:

http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements

absolute Position ermitteln mit JQuery

Wednesday, August 26th, 2009

JQuery kann mit postion() die Position eines Elements ermitteln, allerdings nur relativ zum nächsthöheren absolut positionierten Element. Untenstehend Code der die absolute Position eines Elements zum Fensterrand ermittelt.

xpos=$(this).position();
xtop=xpos.top;
xleft=xpos.left;
currentTag = $(this).offsetParent();
while(currentTag[0].tagName!=’BODY’) {
p=currentTag.position();
xtop+=p.top;
xleft+=p.left;
currentTag = currentTag.offsetParent();
}

Jquery Plugins nur laden wenn notwendig

Saturday, June 20th, 2009

In einer Webapplikation ist es mühsam, zu verwalten, auf welcher Seite welche JQuery-Plugins benötigt werden. Das JQuery-Plugin “Lazy” nimmt einem diese Arbeit ab. Plugins werden nur dann inkludiert, sobald ein bestimmter Funktionsaufruf stattfindet.

http://www.unwrongest.com/projects/lazy/

JQuery Tipps

Saturday, June 20th, 2009

25 wirklich exzellente Tipps für JQuery:

http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx

Schnellere Webseiten

Saturday, June 20th, 2009

Die besten Tipps von Yahoo:

http://developer.yahoo.com/performance/rules.html

High performance Ajax Applications

Saturday, June 20th, 2009

So macht man schnelle Webapplikationen mit JS, CSS, AJAX:

http://yuiblog.com/blog/2007/12/20/video-lecomte/

Slideshow im Browser

Thursday, June 18th, 2009

Hier eine Auflistung der besten browserbasierten Slideshow-Lösungen:

http://finnrudolph.de/ImageFlow (nutzt das Scrollrad)
http://www.malsup.com/jquery/cycle/ (mit JQuery)
http://www.buildinternet.com/project/supersized/ (vergrößert alle Bilder auf Fenstergröße)
http://www.hieu.co.uk/blog/index.php/imageswitch/

Scrollrad im Browser verwenden

Thursday, June 18th, 2009

Hier ist beschrieben, wie man das Scrollrad in Javascript nutzen kann:
http://adomas.org/javascript-mouse-wheel/

Und hier eine Applikation die das Scrollrad verwendet:
http://finnrudolph.de/ImageFlow

HTML-Tag CANVAS

Wednesday, February 25th, 2009

Hier ein paar Links zum neuen CANVAS TAG in HTML5. Ich finde, für einfache Grafiken ist es gut zu verwenden. Vorteil ist, dass man keine zusätzliche Software wie Flash benötigt.

Bei den Links sind sehr gute und auch lustige dabei.

http://www.ajaxschmiede.de/canvas/einfuehrung-in-canvas/
http://www.golem.de/0902/65243.html
http://www.benjoffe.com/code/demos/canvascape/
http://www.snipersystems.co.nz/community/polarclock/tutorial.html
http://langexplr.blogspot.com/2008/11/using-canvas-html-element.html
http://skimpygimpy.sourceforge.net/canvas.html
http://code.google.com/p/paintweb/
http://arapehlivanian.com/wp-content/uploads/2007/02/canvas.html
http://mozilla.doslash.org/stuff/canvas/shell.html
http://www.blobsallad.se/
http://glimr.rubyforge.org/cake/canvas.html#RectangleWave
http://code.google.com/p/flot/
http://www.ajaxline.com/libraries-and-examples-for-working-with-canvas

Bildeffekte im Browser

Wednesday, November 5th, 2008

Toll, was mit SVG geht: http://www.netzgesta.de/cvi/

Die Demo gibt’s in diesem Showcase.

Upload plugin für TinyMCE

Tuesday, September 23rd, 2008

TinyMCE hat leider kein Plugin für Upload und alle Plugins, die ich gefunden habe, waren kompliziert. Daher habe ich ein einfaches Plugin geschrieben. Ich habe JQuery und das Multiple Upload plugin verwendet.

This article in english

Download: tinymce_simpleupload.zip
Installation:
1) Verzeichnis entpacken im plugins-Verzeichnis von Tinymce
2) simpleupload zufügen bei den Plugins und bei den Buttons:

plugins : “simpleupload, …”,
theme_advanced_buttons3_add : “simpleupload, …”,

3) Die Datei dialog.php aus der ZIP-Datei konfigurieren. Die Parameter sollten selbsterklärend sein.
4) Dann sollte es so aussehen:

delete all cookies with a bookmarklet

Wednesday, April 9th, 2008

It seems easy to delete all cookies of a page but when you really want to delete them all it’s rather complicated. Take into account that cookies can be set on other directories and subdomains. This is the result. To save as a bookmarklet do a right-click and “bookmark this link …”. The bookmarklet shows the cookie in an alert after deleting. It should be empty.