Archive for the ‘javascript’ Category

Einen echten click-Event generieren mit JS

Sonntag, August 14th, 2011

Wie generiert man mit JS einen echten Click-Event, der auch onmousedown und onclick auslöst?

Das geht so:

myDomElement = document.getElementById(„limited“);
click(myDomElement);
//#########################################
function click(elm) {
var evt = document.createEvent(‚MouseEvents‘);
evt.initMouseEvent(‚click‘, true, true, window, 0, 1, 1, 1, 1, false, false, false, false, 0, null);
elm.dispatchEvent(evt);
}

Formulare testen

Freitag, Mai 13th, 2011

Das Testen von Formularen ist eine langwierige Arbeit. Immer wieder alle Felder ausfüllen …

Dafür gibt es ein Bookmarklet! Es füllt alle Felder mit Random-Werten aus. Emailfelder werden erkannt und Passwortfelder werden alle mit dem selben Wert ausgefüllt, damit ein Passwort-Bestätigungsfeld richtig ausgefüllt wird.

http://www.phpied.com/form-auto-fill-bookmarklet/

Ich habe das Bookmarklet noch verbessert, hier ist die neueste Version. Zum Installieren rechte Maustaste drücken und als Bookmark speichern.

FormAutoFiller

Verbesserungen:

– added “tolower()” for fieldnames with mail and name in it
– replaced “email” by “mail”
– added a random subdomain for the email so the chance is lower you get the same email address again
– never use option 0 in a SELECT because that is often “please choose”
– always add the name of the field in the value
– when “phone” is in the fieldname just write a number

Jquery Plugins für Designer

Samstag, April 30th, 2011

Es gibt immer wieder sinnvolle Linklisten für Jquery Plugins. Zum Glück, denn über solche Listen lernen wir neue Plugins kennen und finden sie dann später wieder, wenn wir ein bestimmtes Plugin brauchen.

http://www.webdeveloperjuice.com/2011/04/26/25-incredible-jquery-plugins-for-design-enhancements/

CodeMirror

Mittwoch, Januar 19th, 2011

Code direkt im Browser editieren, sehr praktisch:
http://codemirror.net/

Aber auch nur für die Anzeige ist das Modul sehr praktisch!

Browser Historie lesen

Mittwoch, April 14th, 2010

Mit einem kleinen Trick kann man auslesen, ob der Besucher deiner Website eine bestimmte URL schon besucht hat. Die Browserhersteller kennen das „History Stealing“ schon lange, tun aber nichts dagegen.

So gehts:

<pre>
function hasLinkBeenVisited(url) {
var link = document.createElement('a');
link.href = url;
document.body.appendChild(link);
if (link.currentStyle) {
var color = link.currentStyle.color;
if (color == '#ff0000')
return true;
return false;
} else {
link.setAttribute("href",url);
var computed_style = document.defaultView.getComputedStyle( link, null );
if (computed_style) {
if (computed_style.color == 'rgb(255, 0, 0)')
return true;
}
return false;
}
}
</pre>

Dabei muss per CSS die Farbe rot für besuchte Links definiert sein.

Code von http://www.merchantos.com/makebeta/tools/spyjax/

User am Browser erkennen

Mittwoch, Februar 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

Freitag, 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

Mittwoch, 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

Samstag, Juni 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

Samstag, Juni 20th, 2009

25 wirklich exzellente Tipps für JQuery:

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