Suche
Div Box mittig ausrichten / zentrieren
Posted on | Januar 22, 2009 | 1 Comment
Div Box mittig ausrichten / zentrieren
Um eine Div Box horizontal mittig auszurichten, setzt man margin:auto. Dies funktioniert allerdings nur dann, wenn das umgebende Element also z.B.
eine Breite von 100% besitzt. Zentriert wird immer releativ zum umgebenden Element.Damit alles korrekt funktioniert ist auch ein korrekter Doctype wichtig, z.B.
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Das Beispiel mal insgesamt:
Speichern-Dialog mit Javascript
Posted on | Januar 13, 2009 | No Comments
Speichern-Dialog mit Javascript
Leider ist es nicht möglich den Speichern Unter - Dialog per Javascript zu öffnen. Es gibt allerdings eine Möglichkeit, dies mit PHP zu tun. Dies kann man unter:
Speichern Unter -Dialog mit PHP
nachlesen.
Nach ausgefülltem Feld das nächste Feld anzeigen / Lösungsansatz mit Javascript
Posted on | Dezember 16, 2008 | No Comments
Nach ausgefülltem Feld das nächste Feld anzeigen / Lösungsansatz mit Javascript
Nach dem Ausfüllen eines Formularfeldes, füllt man das nächste aus, das erste Feld verliert also den Fokus. Ein Ereignis, welches man per Javascript mit onBlur abfangen kann. Wenn man jeweils das nächste Feld per default in einem div mit der ID ‘layer’ auf display:none / visibility:hidden setzt, kann man im onBlur-Event das Feld sichtbar setzen.
onBlur=document.getElementById(’layer’).style.display = ‘block’
oder
onBlur=document.getElementById(’layer’).style.visibility= ‘visible
Bitte bedenken, dass diesnur ein Lösungsanstz sein kann.
Umlaute ersetzen mit Javascript
Posted on | Dezember 7, 2008 | 1 Comment
Umlaute ersetzen mit Javascript
Um per Javascript Umlaute in einem String zu ersetzen, kann man folgendermaßen vorgehen:
var altesWort = ‘Köln’;
var neuesWort = altesWort.replace(/ö/,”ö”);
Drucken mit Javascript / Drucken-Dialog per Javascript
Posted on | November 30, 2008 | No Comments
Drucken mit Javascript / Drucken-Dialog per Javascript
Wenn man den Drucken-Dialog per Javascript öffnen möchte, sobald eine Seite geladen wird, muss man folgenden Code im HTML-Body verwenden:
<body onLoad=”javascript:window.print()” >
Formular mit Javascript absenden
Posted on | November 25, 2008 | No Comments
Formular mit Javascript absenden
Um ein Webformular mit Javascript zu versenden, reicht folgender Codeschnipsel:
document.forms.nameofForm.submit();
Spamschutz der E-Mail Adressen mit Javascript / E-Mailadresse verstecken mit Javascript
Posted on | Oktober 6, 2008 | No Comments
Spamschutz der E-Mail Adressen mit Javascript / E-Mailadresse verstecken mit Javascript
Mit folgendem Codeschnipsel kann man seine Mailadresse vor Spammern mittels Javascript verstecken:
<script>
<!–
var prefix = “deinname”;
var domain = “deinedomain.de”;
document.write(’<a xhref=\”mailto:’ + prefix + ‘@’ + domain + ‘\”>’);
document.write(prefix + ‘@’ + domain + ‘</a>’);
//–>
</script>
PopUp-Fenster zentrieren / PopUp mittig ausrichten
Posted on | September 27, 2008 | No Comments
PopUp-Fenster zentrieren / PopUp mittig ausrichten
So kann man ein popup-Fenster in der Mitte des Bildschirms ausrichten:
function popUp(){
var links = (screen.availWidth - {PopUp_Breite}) / 2;
var rechts = (screen.availHeight - {PopUp_Hoehe}) / 2;
window.open(”url.html”,”Fenster”,”width=800,height=600,left=links,top=rechts”);
}
PopUp-Fenster mit Javascript
Posted on | September 27, 2008 | No Comments
PopUp-Fenster mit Javascript
So kann auf einfachem Wege ein PopUp-Fenster bzw. neues Fenster mit Javascript öffnen:
function popUp()
{ window.open(”/datei_url.html”,”Fenster”,”width=800,height=600″);
}
Formular Eingaben mit Javascript prüfen
Posted on | September 7, 2008 | No Comments
Formular Eingaben mit Javascript prüfen
Angenommen man hat ein einfaches Formular mit Name, Strasse und Mailadresse. Dann kann man mit folgendem Script die Eingabe prüfen, so dass das Formular erst dann gesendet wird, wenn die Eingaben korrekt sind:
function checkInput()
{
var fehler = “”;
var TF = document.forms.testformular;
var mail = TF.email.value;
//prüfen ob Name leer ist
if(TF.name.value == “”)
{
fehler += “Sie muessen einen Firmennamen angeben”;
}
//prüfen ob strasse leer ist
if(TF.strasse.value == “”)
{
fehler += “\nSie muessen die Strasse angeben”;
}
//prüfen ob Mail leer ist
if(f.email.value == “” )
{
fehler += “\nSie muessen eine E-Mail Adresse angeben”;
}
//prüfen ob Mail ein @ enthält
if(mail.indexOf(”@”) == -1||mail.indexOf(”.”) == -1 )
{
fehler += “\nSie muessen eine gueltige E-Mail Adresse angeben”;
}
if (fehler != “”){
var fehlertext = “Folgende Fehler sind aufgetreten:\n”;
fehlertext += fehler
alert(fehlertext)
return false
}
return true
}
Das ganze bindet man dann folgendermaßen ins Formular ein:
<form name=”testformular” onSubmit=”return checkInput()” method=”POST” action=”test.php”>
keep looking »