Einträge über: » JQuery

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

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!

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