nicht angemeldet
Elemente / "Layer" unsichtbar laden?
Ich habe zwei "Layer" (DIV-TAG-Bereiche), die über IDs ansprechbar sind: <div ID="seitenkopf"> ... </div> und die jeweils den Kopfbereich einer Seite für eine Bildschirm- bzw. eine Druckansicht darstellen.
Der Bildschirmkopfbereich soll natürlich beim Laden der Datei angezeigt werden, der Bereich für die Druckansicht aber zunächst nicht (Erst nach Click auf einen Button wechseln die Layer ihren Status sichtbar/unsichtbar).
Der Wechsel funktioniert mit folgender auf Buttonclick reagierender Funktion:
function druckversion()
{
if (document.all.seitenkopf.style.display == "block")
{
document.all.seitenkopf.style.display = "none";
document.all.druckseitenkopf.style.display = "block";
else
{
document.all.seitenkopf.style.display = "block";
document.all.druckseitenkopf.style.display = "none";
}
}
Probleme gibt es beim Starten der Seite:
Solange die Seite, die einige Bilder enthält, geladen wird, werden beide Layer angezeigt. Eine zusätzliche initialisierende Funktion, die mit dem Ereignis <body onload=inittest();> aufgerufen wird, macht den zunächst zu versteckenden Druckseitenkopf zwar unsichtbar:
function inittest()
{
document.all.seitenkopf.style.display = "block";
document.all.druckseitenkopf.style.display = "none";
}
aber zu einem viel zu späten Zeitpunkt. Durch einen direkten Aufruf der Funktion inittest() im head-Bereich ließ sich der Druckseitenkopf dagegen gar nicht verstecken.
Frage: Wie können Elemente oder Layer von Beginn an unsichtbar geladen werden, bzw. welche anderen früheren Ereignisse können genutzt werden?
-
einfach in den <div>-tag folgendes einstzen:
style="display:none"mfg michi
-
einfach in den <div>-tag folgendes einstzen:
style="display:none"mfg michi
hat geklappt, danke
-