Einträge über: » Tricks

Links der JQuery Fancybox im Hauptfenster öffnen, nicht im Frame

verfasst am 15-3-2012 von | Kommentare deaktiviert für Links der JQuery Fancybox im Hauptfenster öffnen, nicht im Frame

Es gibt durchaus mehrere Ansätze für eine Lösung,
aber der effektivste Weg ist wohl der hier:

Einfach die Codezeile

<base target="_parent" />

nach dem beginnenden <head> einfügen.

Dadurch werden alle Links oder auch formular-basierte „Submitts“,
die in einem Frame-Overlay (z.B. der Fancybox) vorkommen,
wieder im Hauptfenster geöffnet.

That’s it!

iPhone Tastaturlayout im HTML Formular bestimmen (Text, Email oder Zahlen)

verfasst am 12-2-2012 von | Kommentare deaktiviert für iPhone Tastaturlayout im HTML Formular bestimmen (Text, Email oder Zahlen)

Um bei Formularfeldern die passende Tastatur fürs iPhone zu bekommen, kann man sich dem neuen HTML5 Standard bedienen:

Anstellen von:

<input type="text" />

besser diese verwenden:


<form>
Type="Number": <input type="number" /> <br />
Type="Url": <input type="url" /> <br />
Type="Email": <input type="email" /> <br />
</form>

Fertig :-)

http://www.bennadel.com/blog/1721-Default-To-The-Numeric-Email-And-URL-Keyboards-On-The-iPhone.htm

Fokus auf erstes Feld im Formular setzen (HTML, JS, JQuery)

verfasst am 12-2-2012 von | Kommentare deaktiviert für Fokus auf erstes Feld im Formular setzen (HTML, JS, JQuery)

Für Webformulare, wie z.B. ein Suchformular, ist es wirklich simple, den Cursor/Fokus auf das wohl wichtigste Suchfeld direkt beim Seitenaufruf zu setzen.
Es gibt dazu zwei Möglichkeiten:

Auf herkömmliche Weise (Javascript):

<body onload="document.forms[0].MyTextBox.focus();">

oder per JQuery:

$("input:text:visible:first").focus();

Fertig :-)

Update: JavaScript Tricks: getElementsByTagName() / getElementsByName()

verfasst am 4-2-2011 von | Kommentare deaktiviert für Update: JavaScript Tricks: getElementsByTagName() / getElementsByName()

Nachtrag zum vorherigen Artikel

Evtl. ist folgender Code schneller in der Ausführung, bzw. besser zu verstehen:


function getElementsByName_iefix(tag, name) {
var elem = document.getElementsByTagName(tag);
var arr = new Array();
for(i = 0,iarr = 0; i < elem.length; i++) {
att = elem[i].getAttribute("name");
if(att == name) {
arr[iarr] = elem[i];
iarr++;
}
}
return arr;
}

HTML Tricks: Umbruch in title und alt Tags, HTML-Tooltip mit Zeilenumbruch

verfasst am 9-4-2010 von | ein Kommentar

Weil ein <BR> in title Tags nicht funktioniert, muss man einfach zu folgendem greifen:
&#10;

Dann klappts auch mit einem gewollten Umbruch im title-Tag:

BEISPIEL (mit der Maus drüberfahren)

…eigentlich ganz einfach :-)