Tipps & Tricks fürs Webdesign
Wir geben Ihnen nützliche Tipps und hilfreiche Tricks fürs Webdesign mit HTML, CSS Javascript und Co.
HTML: iFrames befüllen Manchmal ist es erforderlich, ein iFrame mit neuen Inhalten asynchron zu befüllen. Der folgende Code erfüllt diese Aufgabe, ohne die Seite neu zu laden:...
HTML: iFrames befüllen
Manchmal ist es erforderlich, ein iFrame mit neuen Inhalten asynchron zu befüllen. Der folgende Code erfüllt diese Aufgabe, ohne die Seite neu zu laden:
<form action="iframe.php" target="my-iframe"
method="post"><label for="text">Text:</label><input type="text" name="text" id="text"><input type="submit" value="post"></form><iframe name="mein-iframe" src="iframe.php"></iframe>Wer das iFrame allerdings im Internet Explorer 8 zur Laufzeit erzeugen muss, sei gewarnt. In diesem Fall ist es erforderlich, das name-Attribut im Aufruf der document.createElement-Methode zu spezifizieren, zum Beispiel so:
var iframe;
try {
iframe = document.createElement('');
} catch (ex) {
iframe = document.createElement('iframe');
iframe.name = 'mein-iframe';
}Andernfalls wird die Aktualisierung den Inhalt der ganzen Seite und nicht lediglich den Inhalt des iFrame ersetzen.
CSS: CSS-Muster erzeugen
Wer dekoraktive CSS-Muster erstellen möchte, muss den Code längst nicht mehr von Hand zu schreiben. Stattdessen kann man einfach unter der Adresse www.patternizer.com den CSS-Generator einspannen. Nach einer (kostenlosen) Registrierung kann man hier die Muster sogar langfristig aufbewahren und verwalten.
jQuery: Code-Hervorhebung
Die Hervorhebung von Code in einer Website lässt sich ganz elegant mit einem jQuery-Plug-in namens Snippet bewerkstelligen.Es unterstützt die Syntaxhervorhebung in 15 Programmier-, Skript- beziehungsweise Markup-Sprachen, darunter HTML, Javascript (einschließlich Javascript mit DOM), CSS Flex, PHP, Ruby, Java, Perl, Python, SQL und XML.
HTML, jQuery: HTML5-Formulare simulieren
Mit dem jQuery-Plug-in HTML5-Form-Shim können Sie das Verhalten von HTML5-Formularen in älteren Browsern simulieren, sofern diese Browser Javascript unterstützen:
