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);
}
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.
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
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/
Code direkt im Browser editieren, sehr praktisch:
http://codemirror.net/
Aber auch nur für die Anzeige ist das Modul sehr praktisch!
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/
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/
… und auch praktischer:
http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements
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();
}
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.
25 wirklich exzellente Tipps für JQuery:
http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx
