Layer-Possition

[Torwächter]

Hallo zusammen,
ich möchte ein Layer in der Mitte des angezeigten Teils einer Seite anzeigen, nur wie ?
Ich habe einen "Hilfe" Button. Wenn man darauf klickt soll das Layer angezeigt werden.
Mein Problem:  Der Button befindet sich sehr weit unten (man muss also scrollen), doch das Fenster erscheint oben.
Stell ich nun die Possition nach unten, wird es zwar auf Seite A richtig angezeit, doch in Seite B befinden sich der Button viel weiter oben.
Achja es handelt sich um eine Template.
Wie also kann ich ein Layer öffnen, wo der Button geklickt wurde ?
oder fällt euch eine andere Lösung ein ?

Viele Grüße
Torwächter

[MichelM]

Auch hallo,

das ganze macht nur Sinn, wenn Du den Quellcode mal darstellst.
Generell ist ein fixe Positionierung, lege zwei Layer übereinander und setze das Hilfelayer auf style="visibility:hidden;" oder für NS4.x auf visiblity=hide.
Zentrieren geht ganz einfach, idem Du ein SPAN-Tag als Layer verwendest.
<P style="text-align:center;"> <span></span> <P>
Das <CENTER>-Tag könnte auch zur Anwendung kommen, leider kann das nicht jeder Browser.
Am einfachsten ist halt eine Tabelle zum Zentrieren.
Im übrigen gehört ein Hilfe-Button nach rechts oben, weil in fast jeder Software der Hilfe-Aufruf rechts ist.
Sucht ein user nach Hilfe, geht der Blick erstmal nach rechts oben.
Machst Du den Button nach unten, kannst Du die Hilfe-Funktion auch ganz weglassen.

Also, dann denk noch mal drüber nach ;-)

IdS gute Nacht

Michael

[PS:]

PS:

hab noch was vergessen:
onclick="Hilfe();" im Button-Tag
onload="geladen=true;" im Body-Tag

im script-Tag dann (layerid steht für die id=layerid und name=layerid im Hauptlayertag e.g. <DIV id=HauptLYR name=HauptLYR></DIV> case-sensitib und erst nach onload verfügbar.

var geladen=false;
function Hilfe(){

if(document.all&&!document.getElementById&&geladen==true){
document.layerid.style.visibility="hidden";
document.hilfe.style.visibility="inherit";}
else if(document.getElementById&&geladen==true){
document.getElementById('layerid').style.visibility="hidden";
document.getElementById('hilfe').style.visibility="inherit";}
else if(document.layers&&!document.getElementById){
document.layerid.visibility="hide";
document.hilfe.visibility="show";}
}

function Haupt(){

if(document.all&&!document.getElementById&&geladen==true){
document.layerid.style.visibility="inherit";
document.hilfe.style.visibility="hidden";}
else if(document.getElementById&&geladen==true){
document.getElementById('layerid').style.visibility="inherit";
document.getElementById('hilfe').style.visibility="hidden";}
else if(document.layers&&!document.getElementById){
document.layerid.visibility="show";
document.hilfe.visibility="hide";}
}

rückgängig machen am besten mit zurück-Link im Hilfelayer.

<a href="#" onclick="Haupt()";>zurück</a>

hoffe, es kalppt, hab das jetzt mal schnell aus dem Kopf geschrieben,
also ich geh jetzt schlafen..

[Torwächter]

Danke euch beiden, aber mir ist eine einfachere Lösung eingefallen:
Mit diesem Link:
<a href="#layer" OnClick="javascript:show()">Layer zeigen</a>
öffne ich das Layer und spring gleich hin.

Achja, der Hilfe-Button ist deswegen unten, da es ich um eine Anmeldung handelt und zum untersten Feld (muss ganz unten hin) könnte sich eine Frage stellen, so kann man ein (?) klicken.

Viele Grüße
Torwächter