<div> in <div> in netschaap [help!]

[DeFeCt]

Ja!

Wat ja? Ja wat ik wil is dus het volgende...
Ik heb een table met daarin wat muisovertjes en die moeten een div showen en hiden, maar ik heb in de div die geshowed en gehided moet worden ook weer div-jes staan, en netscape lijkt dat niet zo te snappen...
U raadt het al..

Wat doe ik fout ?!

code..<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>stukje script

function MM_showHideLayers() { //v2.0
var i, visStr, args, theObj;
args = MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
visStr = args[i+2];
if (navigator.appName == 'Netscape' && document.layers != null) {
theObj = eval(args[.i]);
if (theObj) theObj.visibility = visStr;
} else if (document.all != null) { //IE
if (visStr == 'show') visStr = 'visible'; //convert vals
if (visStr == 'hide') visStr = 'hidden';
theObj = eval(args[i+1]);
if (theObj) theObj.style.visibility = visStr;
} }
}

// stop hiding -->
</script>
<style type="text/css">
#dfc {position:absolute; z-index:1; left: 35px; top: 41px; visibility: visible; }
#layer1 {position:absolute; width:480px; height:295px; z-index:2; left: 0px; top: 0px; visibility: hidden; }
#layer2 {position:absolute; width:480px; height:295px; z-index:2; left: 0px; top: 0px; visibility: hidden; }
#layer3 {position:absolute; width:480px; height:295px; z-index:2; left: 0px; top: 0px; visibility: hidden; }
#layer4 {position:absolute; width:480px; height:295px; z-index:2; left: 0px; top: 0px; visibility: hidden; }
#layer5 {position:absolute; width:480px; height:295px; z-index:2; left: 0px; top: 0px; visibility: hidden; }
#layer6 {position:absolute; width:480px; height:295px; z-index:2; left: 0px; top: 0px; visibility: hidden; }
#layer7 {position:absolute; width:480px; height:295px; z-index:2; left: 0px; top: 0px; visibility: hidden; }
#layer8 {position:absolute; width:480px; height:295px; z-index:2; left: 0px; top: 0px; visibility: hidden; }
</style>

stukje html met mouseovers

<div id="MouseOverTable" style="position: absolute; left:25px; top:58px; z-index: 10;">
<table border="0" cellpadding="0" cellspacing="0" width="128">
<tr>
<td rowspan="5"></td>
<td><a href="#" onMouseOut="di20('bruibaarheidslab_small','art/bruibaarheidslab_small.gif'); MM_showHideLayers('document.layers[\'layer1\']','document.all[\'layer1\']','hide')" onMouseOver="di20('bruibaarheidslab_small','art/bruibaarheidslab_small_F2.gif'); MM_showHideLayers('document.layers[\'layer1\']','document.all[\'layer1\']','show')" >[img]"art/bruibaarheidslab_small.gif"[/img]</a></td>
<td></td>
<td><a href="#" onMouseOut="di20('callcenter_small','art/callcenter_small.gif'); MM_showHideLayers('document.layers[\'layer2\']','document.all[\'layer2\']','hide')" onMouseOver="di20('callcenter_small','art/callcenter_small_F2.gif'); MM_showHideLayers('document.layers[\'layer2\']','document.all[\'layer2\']','show')" >[img]"art/callcenter_small.gif"[/img]</a></td>
<td></td>
<td><a href="#" onMouseOut="di20('printstraat_small','art/printstraat_small.gif'); MM_showHideLayers('document.layers[\'layer3\']','document.all[\'layer3\']','hide')" onMouseOver="di20('printstraat_small','art/printstraat_small_F2.gif'); MM_showHideLayers('document.layers[\'layer3\']','document.all[\'layer3\']','show')" >[img]"art/printstraat_small.gif"[/img]</a></td>
<td>[img]"art/shim.gif"[/img]</td>
</tr>
</table>


stukje layers die getoont moeten worden....

<div id="layer1">
<div id="image" style="position: absolute; left:260px; top:58px; z-index: 1;">
[img]"art/bruikbaarheidslab.jpg"[/img]
</div>
<div id="tekst" style="position: absolute; left:30px; top:197px; z-index: 1;">
<h1>Bruikbaarheidslaboratorium</h1>
Gebruikers, opdrachtgevers en ontwikkelaars komen regelmatig bij elkaar om samen het
beste resultaat te behalen.
</div>
</div>

<div id="layer2">
<div id="image" style="position: absolute; left:310px; top:58px; z-index: 1;">
[img]"art/callcenter.jpg"[/img]
</div>
<div id="tekst" style="position: absolute; left:30px; top:197px; z-index: 1;">
<h1>Call center</h1>
Het call center behandelt zo'n 3500 telefoontjes per dag.Tot slot is het call center er voor de opvang van telefonie voor lokale banken,
outbound bellen en de verwerking van e-mails.
</div>
</div>

<div id="layer3">
<div id="image" style="position: absolute; left:310px; top:58px; z-index: 1;">
[img]"art/printstraat.jpg"[/img]
</div>
<div id="tekst" style="position: absolute; width:275px; left:30px; top:187px; z-index: 1;">
<h1>Printstraat/passenfabriek</h1>
Je kunt je voorstellen dat het maken van passen en het drukken van de afschriften een mega-klus is.
Om een beeld te geven van de omvang: per dag worden in de printstraat 1 miljoen afschriften gedrukt
en in de passenfabriek 18 duizend passen gemaakt. <br>
Ook mailings en andere grote printklussen worden hier verzorgd, net zoals de verzekeringen van ****.
</div>
</div> [/quote]tja ga er maar aanstaan op je vrijdagmiddag

ik reken op jullie....


Ooit was er eens de mogelijkheid om code tussen [code] tags te zetten zodat alles leesbaar bleef...
wat is er toch met die goeie oude tijd gebeurt?

[XangadiX]

AAAARGH...
uhm...

ik betuig alleen steun oke, ik moet helaas afhaken na de tweede alinea code...

succes

[Verwijderd]

Zie gewoon even http://www.dansteinman.com/dynduo

Voorbeelden zat daaro!

[DeFeCt]

Hmmm iemand ook nog een echt antwoord ??
Misschien schrik ik iedereen een beetje af door de hoeveelheid code ??

Waar het op neer komt in het kort.....

<div id="layer3">
<div id="image" style="position: absolute; z-index: 1;">
[img]"art/printstraat.jpg"[/img]
</div>

layer3 staat boven in gedefineerd als hidden maar in netscape laat ie dus gewoon zien wat er tussen de div id=layer3 staat en zo ook voor de andere layers die hidden zouden moeten zijn....

echt niemand ?

[Hangloozz]

ok, Defect nou ben jij aan de beurt

probeer es je style-properties in een CSS te zetten en aan te roepen met een class in de div's.
Ik heb gemerkt dat vooral z-index nog wel eens troubles in netscape omhoog brengt.

[Clay]

Netscape vindt het niet tof omdat je een hele berg divjes in divjes gebruikt. wat ik altijd heb is dat ik dat in netscape maar 1 keer mag doen, dus

<div>
<div>
</div>
</div>

en daarna mag ik van netscape geen layer nesting meer gebruiken.
Ik zie ook niet waar die mouseovertable div gesloten wordt...

Dus waar het wat mij betreft op neer komt, dump al die divjes in divjes, want dat trekt netscape op deze manier niet. maak gewoon enkele divjes, en zet de content in een table, want al die geneste divjes zijn niet nodig. En voor dat showhide scriptje kan je beter ergens een andere halen, want deze is ruk.

<SCRIPT LANGUAGE="javascript">

ie4 = (document.all)? true:false;
ns4 = (ie4)? false:true;

function showHide(what, how)
{ if(ie4)
{ document.all[what].style.visibility = (how)? 'visible':'hidden';
}

if(ns4)
{ document.layers[what].visibility = (how)? 'visible':'hidden';
}
}
</SCRIPT>

en dan in de mouseovers:
om te showen:
javascript:showHide('layernaam', true);

om te hiden:
javascript:showHide('layernaam');

zoals altijd onder voorbehoud, omdat ik dit uit mijn hoofd tiep. maar het principe werkt.

[edit]
waarom hebben ze die code tag eigenlijk verneukt? ik krijg allemaal troep erbij als ik dat wil begruiken, blockquote en font html tags

[DeFeCt]

<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 31 oktober 2000 11:03 schreef Clay het volgende:
Netscape vindt het niet tof omdat je een hele berg divjes in divjes gebruikt. wat ik altijd heb is dat ik dat in netscape maar 1 keer mag doen[/quote]Ik doe niet anders :)<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 31 oktober 2000 11:03 schreef Clay ook het volgende:
Ik zie ook niet waar die mouseovertable div gesloten wordt...[/quote]Klopt! Heb ik niet mee gecopy paste, netzo als je geen html etc. ziet,
maar geloof me, hij staat er echt.<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 31 oktober 2000 11:03 schreef Clay ook nog het volgende:
Dus waar het wat mij betreft op neer komt, dump al die divjes in divjes, want dat trekt netscape op deze manier niet. maak gewoon enkele divjes, en zet de content in een table, want al die geneste divjes zijn niet nodig. [/quote]Dat heb ik (nahja mijn collega ) nu ook gedaan en idd that's the way...
1 divje en daarin de boel in table's<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 31 oktober 2000 11:03 schreef Clay tot slot nog het volgende:
En voor dat showhide scriptje kan je beter ergens een andere halen, want deze is ruk.[/quote]Ik zal er naar kijken!
Bedankt voor de genomen moeite...
eigen scriptjes roelen natuurlijk altijd boven DW :)<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 31 oktober 2000 11:03 edit'e Clay het volgende:
[edit]
waarom hebben ze die code tag eigenlijk verneukt? ik krijg allemaal troep erbij als ik dat wil begruiken, blockquote en font html tags :([/quote]Dat ben ik helemaal met je eens en heb ik mezelf ook al meerdere malen afgevraagd...
Idd erg irri!
Welke mod kan hier iets aan doen? Tom?
Of moeten we een smeekbede loslaten in lieve adjes?