border blijft staan bij style.visibilty hidden

[Verwijderd]

Bij het hidden maken van twee Div's blijft bij 1 van die twee toch de border zichtbaar. Het is de bedoeling dat beide Div's verdwijnen. Dit gebeurt dus wel in IE, maar in FF en OP blijft bij 1 van de Div's de border staan. Weet iemand hoe ik er voor kan zorgen dat ook in FF en OP de border verdwijnt?

Hier is het te zien: www.daanooms.nl (klik rechtsonder op "reveal background"

Ik gebruik dit:

code:

        <a href=" " class="link" onmouseover=               "MM_changeProp('mmets','','style.visibility','hidden','DIV');MM_changeProp('dehaas','','style.visibility','hidden','DIV')" onmouseout="MM_changeProp('mmets','','style.visibility','visible','DIV');MM_changeProp('dehaas','','style.visibility','visible','DIV')">
reveal background</a>
        </div>

En dit is de css van de twee Div's

code:

div#mmets {margin-top:20px; width:360px; height:288px; float:left; border:medium double rgb(250,0,255); text-align:left;}
div#dehaas {margin-top:40px; margin-left:6px; width:340px; height:250px; float:left; z-index:1; border:2px solid red;}

[ Voor 24% gewijzigd door Verwijderd op 12-03-2006 19:54 ]

[crisp]

Zowel Firefox 1.5 als Opera 9 (beta preview) doen het hier prima

[Verwijderd]

hier niet, maar komt ie niet in gedrang met de name van je embed? Ik weet niet wat je MM_changeProp functie precies doet, en ik heb ook niet zo'n zin om het uit te zoeken eigenlijk

een beetje input van jezelf mag ook wel...

[Verwijderd]

Dit is de Div waarvan de border niet hidden wil:

code:

    <div id="mmets">
        <script type="text/javascript">
        <!-- 
        var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
        if(hasRightVersion) {  // if we've detected an acceptable version
            var oeTags = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
         + 'width="360" height="288"'
         + 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
         + '<param name="movie" value="http://www.daanooms.nl/mmets.swf" /><param name="loop" value="true" /><param name="quality" value="high" /><param name="wmode" value="transparent">'
         + '<embed src="http://www.daanooms.nl/mmets.swf" wmode="transparent" loop="true" quality="high" bgcolor="#000000" '
         + 'width="360" height="288" name="mmets" align="middle"'
         + 'play="true"'
         + 'loop="true"'
         + 'wmode="transparent"'
         + 'quality="high"'
         + 'allowScriptAccess="sameDomain"'
         + 'type="application/x-shockwave-flash"'
         + 'pluginspage="http://www.macromedia.com/go/getflashplayer">'
         + '<\/embed>'
         + '<\/object>';
            document.write(oeTags);   // embed the flash movie
         } else {  // flash is too old or we can't detect the plugin
          var alternateContent = '<p>[img]"http://www.daanooms.nl/images/waarschuwingmmets.jpg"></p>'
[/img]<a class="waarschuwing" href=http://www.macromedia.com/go/getflash/>Get Flash</a></p>';
         document.write(alternateContent);  // insert non-flash content
         }
        // -->
        </script>

        <noscript>
        <p>[img]"http://www.daanooms.nl/images/waarschuwingmmets.jpg"[/img]</p> 
        <p style="text-align: left;"><a class="waarschuwing" href="http://www.macromedia.com/go/getflash/">Get Flash</a></p>        
        </noscript>
  </div>

Met de css:

code:

div#mmets {margin-top:20px; width:360px; height:288px; float:left; border:medium double rgb(250,0,255); text-align:left;}

En de changeprop:

code:

function MM_changeProp(objName,x,theProp,theValue) { //v6.0
  var obj = MM_findObj(objName);
  if (obj && (theProp.indexOf("style.")==-1 || obj.style)){
    if (theValue == true || theValue == false)
      eval("obj."+theProp+"="+theValue);
    else eval("obj."+theProp+"='"+theValue+"'");
  }
}

En hoe die wordt geroepen:

code:

<a href=" " class="link" onmouseover="MM_changeProp('mmets','','style.visibility','hidden','DIV');MM_changeProp('dehaas','','style.visibility','hidden','DIV')" onmouseout="MM_changeProp('mmets','','style.visibility','visible','DIV');MM_changeProp('dehaas','','style.visibility','visible','DIV')">
reveal background</a>

En ik snap niet waarom de border blijft staan.

[ Voor 123% gewijzigd door Verwijderd op 12-03-2006 22:31 ]

[André]

Er staat 1 argument te veel in je aanroep, de functie gebruikt er maar 4. En wat heb je zelf al geprobeerd? Je kunt de visibility:hidden eens veranderen in display:none bijvoorbeeld.

[Verwijderd]

Het rare is namelijk dat die Div ernaast het wel doet. En ze voor de rest hetzelfde worden aangeroepen.

Div ernaast:

code:

<div id="dehaas"><a href="" onclick="winBRopen('http://www.daanooms.nl/dehaas/index.htm','dehaas','577','477','no');return false">
[img]"http://www.daanooms.nl/images/dehaasklein.jpg"[/img]</a></div>

code:

div#dehaas {margin-top:40px; margin-left:6px; width:340px; height:250px; float:left; z-index:1; border:2px solid red;}

En met display:none blijft de border ook staan. Edit: en in IE gaat dan bij MouseOut de zaak verschuiven.

[ Voor 43% gewijzigd door Verwijderd op 12-03-2006 22:51 ]

[Verwijderd]

Wanneer ik in de css van de betreffende Div (id="mmets") meegeef: visibility:hidden en ik laad de pagina dan is de Div, inclusief border, niet te zien. Wanneer ik vervolgens over de link beweeg (changeprop) dan verschijnt de Div, maar zonder border..??...Dus schijnbaar voelt de border zich niet groepen...

Verwijderd schreef op zondag 12 maart 2006 @ 22:10:
hier niet, maar komt ie niet in gedrang met de name van je embed?

Inderdaad..twee keer dezelfde naam gebruikt.

[ Voor 42% gewijzigd door Verwijderd op 13-03-2006 01:36 ]

[Verwijderd]

Nog 1 dingetje. In IE komt de border om de naastgelegen Div een stuk of twee pixels onder het plaatje. Ik heb al wat gezocht en wel wat dingen gelezen of margin problemen, maar ik heb het niet kunnen vertalen naar mijn Div. Vandaar mijn vraag weet iemand waarom alleen in IE de border 2px onder het plaatje loopt?

Zie zwarte plaatje met haas, rode border: www.daanooms.nl
CSS

code:

div#dehaas {margin-top:40px; margin-left:6px; width:340px; height:250px; float:left; z-index:1; border:2px solid red;}

HTML

code:

<div id="dehaas"><a href=""onclick="winBRopen('http://www.daanooms.nl/dehaas/index.htm','dehaas','577','477','no');return false">
[img]"http://www.daanooms.nl/images/dehaasklein.jpg"[/img]</a></div>

[ Voor 13% gewijzigd door Verwijderd op 13-03-2006 01:43 ]

[Verwijderd]

geef eens "display: block" aan het plaatje...

en echt: ga eens zoeken, want dit is zo basic dat het 0 moeite is om het antwoord te typen, maar da's ook de enige reden dat ik het nog doe. Uit je posthistory blijkt ook niet veel inzet om anderen te helpen en (al) je topics zijn echt zoekvragen of standaard debug dingetjes die je met wat onderzoek zo op kan lossen

[ Voor 81% gewijzigd door Verwijderd op 13-03-2006 08:18 ]