Einträge über: » HTML5

Webseiteninhalt in einem IFrame nicht anzeigen – how to hide content within a iframe

verfasst am 17-3-2013 von | Kommentare deaktiviert für Webseiteninhalt in einem IFrame nicht anzeigen – how to hide content within a iframe

Die Großen wie Facebook und Goolgle machen es vor
und machen Ihren Content teilweise nur sichtbar, wenn er nicht(!) in einem IFrame eingebunden ist.
Stattdessen sieht man nur eine einfache Meldung, dass man auf die richtige Webseite vorbeischauen sollte…

Die Technik ist im Grunde ganz einfach :-)

Im CSS steht:
<style> html{display : none ; } </style>

und als Javascript Block folgendes:

<script>
if( self == top ) {
document.documentElement.style.display = ‚block‘ ;
} else {
top.location = self.location ;
}
</script>

…das wars auch schon :-)

Platzhalter-Text für Textfelder browser-übergreifend erzeugen (mit JQuery als HTML5 Fallback)

verfasst am 11-1-2013 von | Kommentare deaktiviert für Platzhalter-Text für Textfelder browser-übergreifend erzeugen (mit JQuery als HTML5 Fallback)

Im JQuery Code einfach folgende Funktion bekannt machen:
var doelements = function(Element,InputText){
if($(Element).val()=="")
$(Element).val(InputText);
$(Element).bind('focus',function(){
$(this).removeClass('nofocus');
if($(this).val()==InputText)
$(this).val('');
}).bind('blur',function(){
if($(this).val()==""){
$(this).addClass('nofocus');
$(this).val(InputText);
}
});
};

und der Aufruf ganz einfach mit:

doelements(„#id“,“-Name-„);

ein kleines Beispiel:

doelements(„#inputname“,“-Ihr werter Name-„);

fertig :-)

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