Einträge über: » html

Read DNT Status of all Browsers with simple Javascript (DoNotTrack ME with Chrome, FireFox, IE) without DNT Plugin

verfasst am 22-2-2015 von | Kommentare deaktiviert für Read DNT Status of all Browsers with simple Javascript (DoNotTrack ME with Chrome, FireFox, IE) without DNT Plugin

Read DNT Status of all Browsers with simple Javascript (DoNotTrack ME with Chrome, FireFox, IE) without DNT Plugin

Nicht zum Aktivieren der Funktion, sondern zum Auslesen in Webseiten ist das
folgende Skript für alle aktuellen Browser geeignet:

<html>
<body>
IS DNT on?
<script>
if(navigator.doNotTrack==null){
if(window.isDntOn==null || window.isDntOn=='undefined'){
if(window.external!=null){
try{
if(window.external.msTrackingProtectionEnabled())
alert("ie true");
else
alert("ie false");
}catch(e){
alert("chrome false");
}
}
}else
alert("false");
} else if(navigator.doNotTrack)
alert("true");
else
alert("unknown");
</script>
</body>
</html>

dnt chrome
dnt firefox
do not track internet explorer
do not track me firefox
do not track chrome

CSS Hacks: Ultimate CSS Gradient online Generator

verfasst am 29-5-2013 von | Kommentare deaktiviert für CSS Hacks: Ultimate CSS Gradient online Generator

Ein tolles Werkzeug für alle Webdesigner:
Der browserübergreifende CSS Verlaufs-Generator, eine echte Alternative für Image-Buttons…

Nach den gewünschten Einstellungen kann man den CSS Quellcode einfach kopieren – fertig :-)

Hier der Editor:
http://www.colorzilla.com/gradient-editor/

…und hier ein Link als Beispiel, der die vorher gemachten Einstellungen wieder läd:
http://www.colorzilla.com/gradient-editor/#e1f2e4+0,209c39+37,1c7835+57,26a83e+100;Custom

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

JavaScript Tricks: getElementsByTagName() und EDIT MODE / designMode

verfasst am 10-3-2010 von | 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 :-)