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

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 70703

Url: https://administrator.de/forum/per-javascript-eingabe-fenster-aufrufen-und-hintergrund-sperren-70703.html

Ausgedruckt am: 31.12.2024 um 23:12 Uhr

2 Kommentare

Neuester Kommentar

Hallo,

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?