Suche


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”>

AJAX - Request erstellen und testen

Posted on | August 18, 2008 | No Comments
AJAX - Request erstellen und testen

Mit folgendem Code kann man einen XMLHTTP-Request erstellen, der auch im alten Internet Explorer greift:

//XMLHTTPREQUEST
function getRequest()
{

if (window.XMLHttpRequest) {

//Code für Firefox - XMLHttpRequest ist nicht als ActiveX eingebunden

return new XMLHttpRequest();

}


else {


if(window.ActiveXObject) {

//XMLHTTP als ActiveX im Internet Explorer ab 6
return new ActiveXObject(”Msxml2.XMLHTTP”);
}

else {
return null;
}

}

Browser bestimmen / browserspezifisches Stylesheet

Posted on | August 15, 2008 | No Comments
Browser bestimmen / browserspezifisches Stylesheet

Um ein Stylesheet je nach verwendetem Browser einzubinden, kann folgende Javascriptfunktion eingesetzt werden:

function switchCSS() {

//Browser bestimmen
if(navigator.userAgent.indexOf(’Mozilla’) != -1)
{
//Weiter mit den Mozillas
document.writeln(”<link href=’css/mozilla.css’ type=’text/css’ rel=’stylesheet’>”);

}

else if(navigator.userAgent.indexOf(’Internet Explorer’) != -1)
{
//Weiter mit IE
document.writeln(”<link href=’css/ie.css’ type=’text/css’ rel=’stylesheet’>”);
}

else
{
//default
document.writeln(”<link href=’css/default.css’ type=’text/css’ rel=’stylesheet’>”);
}
}

Confirm Meldung im Link / Bestätigungsmeldung

Posted on | August 15, 2008 | No Comments
Confirm Meldung im Link / Bestätigungsmeldung

Um sich vom User bestätigen zu lassen, dass er tatsächlich die hinter dem Link liegende Seite aufrufen will, kann man eine Bestätigungsmeldung (Confim()-Funktion) einbauen:

« go back