Einträge über: » html

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

verfasst am 15-3-2012 von mantronic | keine Kommentare

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 mantronic | keine Kommentare

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 mantronic | keine Kommentare

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 admin | keine Kommentare

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 admin | 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 :-)

JavaScript Tricks: getElementsByTagName() und EDIT MODE / designMode

verfasst am 10-3-2010 von admin | ein Kommentar

Javascript bietet zwar die Funktion getElementById(), aber leider keine Funktion für Elemente mit Namen.
Zum Glück lässt sich diese Funktion leicht nachbauen:

function getElementsByTagName(node, tagName) {
  var elements = [], i = 0, p;
  while (node) {
    if (tagName == "*" ? node.nodeType == 1 : node.nodeName == tagName) elements[i++] = node;
    node = node.firstChild || node.nextSibling || ((p = node.parentNode) && p.nextSibling);
  }
  return elements;
};

Quelle hier

Entwickelt man Webseiten lokal auf dem Rechner, kann man sich mit dem sogenannten Edit Mode seine Webseite nach belieben bearbeiten. Der Modus wird durch folgende Eingabe in der Adressleiste aktiviert:

javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0

zum Ausschalten einfach folgende Zeile nehmen:

javascript:document.body.contentEditable='false'; document.designMode='on'; void 0

PS: diese Funktion geht auch wunderbar auf richtigen Webseiten im Internet:
Webseitenmanipulation leicht gemacht
einfach mal (gleich hier) ausprobieren und meine Webseite zerstören :-)