Menü

HTML, CSS, Javascript & PHP Tipps & Tricks fürs Webdesign

Wir geben Ihnen nützliche Tipps und hilfreiche Tricks fürs Webdesign mit HTML, CSS Javascript und Co.
Tipps & Tricks fürs Webdesign © Archiv

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:


 
Kostenlose Newsletter
x