Per Javascript Eingabe Fenster Aufrufen und Hintergrund Sperren
Hallo zusammen,
ich habe ein Problem mit Javascript und hoffe ihr könnt mir Helfen.
Ich rufe per onclick ein function auf die ein Eingabe Fenster öffnet soweit so gut.
onclick="eingabefenster()"
Nun das Problem ich würde gerne den Hintergrund Sperren so das nur im Eingabe Fenster gearbeitet werden kann!
dann hat man die möglichkeit eine Eingabe zu machen oder man geht auf Abrechen und der Hintergrund ist wieder Frei.
Ich hoffe ihr könnt mir weiterhelfen.
grüße
Compane
ich habe ein Problem mit Javascript und hoffe ihr könnt mir Helfen.
Ich rufe per onclick ein function auf die ein Eingabe Fenster öffnet soweit so gut.
onclick="eingabefenster()"
Nun das Problem ich würde gerne den Hintergrund Sperren so das nur im Eingabe Fenster gearbeitet werden kann!
dann hat man die möglichkeit eine Eingabe zu machen oder man geht auf Abrechen und der Hintergrund ist wieder Frei.
Ich hoffe ihr könnt mir weiterhelfen.
grüße
Compane
Please also mark the comments that contributed to the solution of the article
Content-Key: 70703
Url: https://administrator.de/contentid/70703
Printed on: April 23, 2024 at 14:04 o'clock
2 Comments
Latest comment
Hallo,
dazu würde ich ein
und ein
und per Javascript dann:
erstellen. Es würde also ein Bild über deine Seite gelegt werden so dass der Nutzer immer nur auf das Bild klickt wenn er vom Formular abweicht. Das eigentliche Eingabeformular wird dann über dieses Bild gelegt werden.
Die funktion Abbrechen() setzt dann die visibility Eigenschaft auf "hidden" und alles ist wieder freigegeben.
Tipp: Wenn Du als Bild ein 4x4 Pixel großes Graues Bild mit 50% Durchsichtigkeit nimmst ergibt sich daraus ein toller Effekt.
Hilft Dir das weiter?
dazu würde ich ein
<div id="bgblock" style="position:absolute; top:-1000; left:-1000; visibility:hidden">
<img src="grau.jpg">
</div>
und ein
<div id="eingabeformular" style="position:absolute; top:-1000; left:-1000; visibility:hidden; width:500; height=250;">
<form ...>
<input type="text">
</form>
</div>
und per Javascript dann:
function Eingabefenster() {
document.getElementById("bgblock").style.top = 0;
document.getElementById("bgblock").style.left = 0;
document.getElementById("bgblock").style.width = document.width;
document.getElementById("bgblock").style.height = document.height;
document.getElementById("bgblock").style.visibility = "visible";
document.getElementById("eingabeformular").style.top = 0;
document.getElementById("eingabeformular").style.left = 0
document.getElementById("eingabeformular").style.width = (document.width / 2) - (500 / 2);
document.getElementById("eingabeformular").style.height = (document.height / 2) - (250 / 2);
document.getElementById("eingabeformular").style.visibility = "visible";
}
erstellen. Es würde also ein Bild über deine Seite gelegt werden so dass der Nutzer immer nur auf das Bild klickt wenn er vom Formular abweicht. Das eigentliche Eingabeformular wird dann über dieses Bild gelegt werden.
Die funktion Abbrechen() setzt dann die visibility Eigenschaft auf "hidden" und alles ist wieder freigegeben.
Tipp: Wenn Du als Bild ein 4x4 Pixel großes Graues Bild mit 50% Durchsichtigkeit nimmst ergibt sich daraus ein toller Effekt.
Hilft Dir das weiter?