Javascript "Visibility"

[Pistolpit]

Hey jo,

neuer Tag neues Problem.

hat jemand schon mal mit den visibility Tags (CSS) gearbeitet.

#pos1 {position:absolute; visibility:visible;}

weiß jemand wie ich die über javascript ändern kann.

möglichst für netscape und MSIE

Grüße Pistolpit

[1770]

Hi,

am besten mal wieder SelfHTML... Oder schau dir den Quelltext von www.sanimed.de an (Menü). Hab ich vorhin schonmal gepostet, irgendwo... Hmm. Is aber echt am besten, sonst tipp ich mir die Finger wund wenn ich das alles hier aufführen soll. Da is sowohl visibility als auch positionsbestimmung mit drin. Für beide Browser...

Hoffentlich hilfts,

[Pistolpit]

sorry da is nix mit visibility drin auf der homepage von sanimed hab's mir gerade mal reingezogen

[BigMac]

Schaus Dir einfach bei SelfHTML an... optional kannst Du aber auch mit den CSS Angaben display:none oder display:block arbeiten. Dort wird dann der Teil nicht nur einfach versteckt, sondern richtig ausgeblendet (also er belegt keinen Platz mehr auf der Seite selbst wenn er unsichtbar ist).

[Babe]

Du sprichst das Element an mit:

onEvent="document.all.NameDesElements.style.visibility='visible'"

Das Element ist in meinem Fall ein <div>. Du kannst Dir das anschauen unter

diesem hier. Allerdings ist document.all die Syntax vom IE. Wie Du das für die diversen netscapes klarkriegst, mußt Du dann schauen.

Babe

[BigMac]

Ich würde es anders machen.. und zwar mit

document.getElementById('test').style.display = "none";

Natürlich kannst Du auch anstatt display visibility benutzen.

Bei dem getElementById Verfahren braucht das <div> aber eine ID... also so.. <div id="test">.

getElementById ist W3C Konform und wird von allen aktuellen Browsern unterstüzt. (IE 5.x und Netscape 6.x). Für die älter Browsergeneration musst du document.all nehmen (IE 4 und drunter) oder document.layers (Netscape 4 und drunter).

[Pistolpit]

jo hab's jetzt soweit!

arbeite momentan mit document.all.element.style visibility ="visible"

das funktioniert auch einwandfrei. Aner jetzt kommt bei mir das nächste Problem.

ich will 6 Bilder unabhängig voneinander ein und ausblenden.

Da hängt noch ein ganz normaler Mouseover mit drin (Bilder tauschen halt)

will jetzt meine elemente dynamisch ansprechen.

Hänge gerade an folgendem Problem:

übergebe an meine externe Funktion (extra js. Datei) folgendes

show(Pos1) // Elementname

in meiner Funktion

function show(element)

{

document.all.element.style.visibility= "hidden";

}

das funktioniert aber nicht Fehlermeldung

Jeah! Und was jetzt?

Kann mir jetzt noch jemand weiterhelfen?

Grüße Pistolpit

[Pistolpit]

Hi,

hab mich in meinem letzten Beitrag wohl etwas unklar ausgedrückt.

Hab auch in der Zwischenzeit etwas geändert. Neuester Stand:

Aufruf meiner Funktion:

<div id="pos0">blablabla</div>

<a href="" onClick="show(pos0)"></a>

externe js Datei

function show(was)

{

with(parent.mitte.document.all)

{

was.style.visibility = "hidden";

}

}

Das funktioniert aber nur im selben Frame. Sollte aber Frameübergreifend funktionieren.

Fehlermeldung: Pos0 bzw. Element undefiniert.

Wenn ich dann direkt aus der Funktion undynamisch den Aufruf mache funktionierts :-p

Ja das wäre meine erste Frage. Wie kriege ich das in den Griff.

Zweite Frage:

Wie kann ich in meiner Funktion den Inhalt von "WAS" dynamisch bestimmen? Sprich dynamisch durschalten von pos0,...,pos5?

So klarer kann ich mein Problem gerade nicht beschreiben.

Grüße Pistolpit

[Babe]

Also das mit den Frames: Hast Du vielleicht ein <base target> angegeben? Darüber bin ich auch schon mal verzweifelt.

Babe