visibility

[BRo]

Kann ich einen div-Bereich nicht visibility:collapse bzw. hide verstecken??

Hab das so geschrieben:
Auszug aus css:
div#Seite1 {
margin-right:80px;
margin-left:80px;
margin-top:150px;
margin-bottom:30px;
border:dashed red 1px;
height:50em;
background-color:black;
visibility:visible;
}

div#Seite2 {
margin-right:80px;
margin-left:80px;
margin-top:150px;
margin-bottom:30px;
border:dashed red 1px;
height:50em;
background-color:silver;
visibility:collapse;

}

Auszug aus script:

function Seite1() {

document.getElementById["Seite2"].style.visibility = collapse;
document.getElementById["Seite3"].style.visibility = collapse;
document.getElementById["Seite1"].style.visibility = visible;

}
function Seite2() {

document.getElementById["Seite2"].style.visibility = visible;
document.getElementById["Seite3"].style.visibility = collapse;
document.getElementById["Seite1"].style.visibility = collapse;

Auszug aus dem body:
<div id="Seite1">

</div>

<div id="Seite2">

</div>

<div id="Seite3">

</div>

Jetzt sagt meine Fehlerkonsole:

Warnung: Element referenziert durch ID/NAME im globalen Geltungsbereich. Verwenden Sie stattdessen den W3C-Standard document.getElementById().
Zeile: 1

was heisst das??

MfG BRo

[wucher wichtel]

Hallo!

document.getElementById["Seite1"].style.visibility = collapse;

document.getElementById().

Achte auf die Klammern :-)

ciao, ww

[BRo]

Ohh flüchtigkeit^^

naja davon ma abgesehen:

Mein Browser kann damit umgehen (Mozilla 5)
naja aber trotzdem sagt er:
Warnung: Element referenziert durch ID/NAME im globalen Geltungsbereich. Verwenden Sie stattdessen den W3C-Standard document.getElementById().
Zeile: 1

warum??

[wucher wichtel]

Hallo!

warum??

Weil du die Werte der CSS-Eigenschaften als Strings übergeben musst.

ciao, ww

[BRo]

Weil du die Werte der CSS-Eigenschaften als Strings übergeben musst.

Jetzt sind es Strings aber die Fehlermeldung ist die gleiche..
Quelltext:
div#Seite1 {
margin-right:80px;
margin-left:80px;
margin-top:150px;
margin-bottom:30px;
border:dashed red 1px;
height:50em;
background-color:black;
visibility:visible;
top:150px;
left:80px;
}

div#Seite2 {
margin-right:80px;
margin-left:80px;
margin-top:150px;
margin-bottom:30px;
border:dashed red 1px;
height:50em;
background-color:silver;
visibility:collapse;
top:150px;
left:80px;
}
------------------------------------------------------
function Seite1() {

document.getElementById("Seite2").style.visibility = "collapse";
document.getElementById("Seite3").style.visibility = "collapse";
document.getElementById("Seite1").style.visibility = "visible";

}
function Seite2() {

document.getElementById("Seite2").style.visibility = "visible";
document.getElementById("Seite3").style.visibility = "collapse";
document.getElementById("Seite1").style.visibility = "collapse";

}

Fehelerkonsole:
Warnung: Element referenziert durch ID/NAME im globalen Geltungsbereich. Verwenden Sie stattdessen den W3C-Standard document.getElementById().

[Mathias Brodala]

Hallo BRo.

function Seite1() {

document.getElementById("Seite2").style.visibility = "collapse";
document.getElementById("Seite3").style.visibility = "collapse";
document.getElementById("Seite1").style.visibility = "visible";

}
function Seite2() {

document.getElementById("Seite2").style.visibility = "visible";
document.getElementById("Seite3").style.visibility = "collapse";
document.getElementById("Seite1").style.visibility = "collapse";

}

Fehelerkonsole:
Warnung: Element referenziert durch ID/NAME im globalen Geltungsbereich. Verwenden Sie stattdessen den W3C-Standard document.getElementById().

Siehe nebenan: die Funktionsnamen kollidieren mit einer der Eigenarten des IEs.

Einen schönen Donnerstag noch.

Gruß, Mathias

[BRo]

Ich benutze den IE gar nicht.. ich benutze Mozilla..
aber ich bin immerhin schon weiter gekommen.
Ich habe schonmal keine Fehlermeldung mehr aber dafür führt Mozilla das nicht richtig aus.
Immer nur ein div wird richtig angezeit, der andere ist entweder komplett schwarz oder orange!!
Ausserdem wird er ,wenn ich runterscrolle so weit wie ich runtergescrollt habe orange (wenn er schwarz ist)

Kann mir das jmd erklären?

MfG BRo
nochmal Quelltext:
<style type="text/css">

div#Seite1 {
position:absolute;
border:dashed red 1px;
width:45em;
height:50em;
background-color:black;
visibility:visible;
top:150px;
left:80px;
}

div#Seite1 h1,h2,h3 {
font-size:2em;
color:red;
text-decoration:underline;
text-align:center;

}

div#Seite2 {
width:45em;
position:absolute;
border:dashed red 1px;
height:50em;
background-color:silver;
visibility:collapse;
top:150px;
left:80px;
}

div#Seite2 h1,h2,h3 {
font-size:2em;
color:red;
text-decoration:underline;
text-align:center;
background-color:blue;
}

div#Seite3 {
width:45em;
position:absolute;
border:dashed red 1px;
height:50em;
visibility:collapse;
top:150px;
left:80px;
background-color:blue;
}

div#Seite3 h1,h2,h3 {
font-size:2em;
color:red;
text-decoration:underline;
text-align:center;
}

</style>
<script type="text/javascript">

function Seite1() {
document.getElementById("Seite2").style.visibility = "collapse";
document.getElementById("Seite3").style.visibility = "collapse";
document.getElementById("Seite1").style.visibility = "visible";
}

function Seite2() {
document.getElementById("Seite2").style.visibility = "visible";
document.getElementById("Seite3").style.visibility = "collapse";
document.getElementById("Seite1").style.visibility = "collapse";

}

function Seite3() {
document.getElementById("Seite2").style.visibility = "collapse";
document.getElementById("Seite3").style.visibility = "visible";
document.getElementById("Seite1").style.visibility = "collapse";

}

</script>

[BRo]

Ich seh gerade, das es mit Opera funktioniert...
Warum nicht mit Mozilla??

MfG BRo

[Gunnar Bittersmann]

Hello out there!

Kann ich einen div-Bereich nicht visibility:collapse bzw. hide verstecken??

'hidden'. [CSS2 §11.2] Ich würde mich nicht darauf verlassen, dass alle Browser 'collapse' interpretieren.

document.getElementById["Seite2"].style.visibility = collapse;

"Seite2" möchte gern Parameter der Methode 'getElementById' sein. In was für Klammern stehen Parameter?

See ya up the road,
Gunnar