[CSS - FLASH - DIV] Door div klikken IE maar niet in FF

[Verwijderd]

Hey ik heb een flash site gemaakt en vanuit die flash site lanceer ik een div over de ganse hoogte en breedte van het scherm die bij het begin van de site op display:none staat. Dit is gewoon een div waar variabele content inkomt en ik dus zo handig kan displayen.

Als ik in mijn flash op de knop duw om dit te starten doe ik volgend javascript:

code:

function shownieuws(){    
nieuws.style.display = "block";     
}

En de div is zichtbaar, om deze te sluiten doe ik net het tegenovergestelde.

Nu is het probleem:

Vanaf het begin ligt er dus een onzichtbare div over heel mijn scherm, in IE kan ik daar "doorklikken" om mijn flash knoppen te besturen, maar in FF gaat dit niet!

Kan ik een div ook transparent zetten ofzo (zoals wmode voor flash?) zodat ik in FF er ook "door" kan klikken? Het komt er dus op neer dat ik in FF de site niet kan besturen.

Iemand een oplossing voor dit probleem?

Alvast erg bedankt!

[TERW_DAN]

pak ipv style.display eens style.visibility. Verder kun je ook nog de z-index aanpassen, zodat die achter het flashobject staat, zodra je deze ervoor wilt hebben verhoog je de z-index.

[Verwijderd]

Dat zou idd moeten lukken, maar er is blijkbaar iets verkeerd met mijn js functie, ik weet alleen niet wat. Het moet iets zijn met de regels met de z-index, want zonder die regels krijg ik geen foutmelding.

code:

<SCRIPT LANGUAGE=JavaScript>
function shownieuws(){    
nieuws.style.visibility = "visible"; 
nieuws.style.z-index: "9999";    
}
function hidenieuws(){    
nieuws.style.visibility = "hidden";  
nieuws.style.z-index: "1";    
}
</SCRIPT>

[TeeDee]

Zoek eens even op het grote internet of z-index wel begrepen wordt in Javascript.

[Niemand_Anders]

z-index verwacht daarbij ook een integer (getal) en geen string. MSIE is erg meegaand met de developer, maar Firefox houd zich strak aan de standaarden en zegt dat "9999" geen geldige waarde is voor z-index.

[TERW_DAN]

TeeDee schreef op vrijdag 22 februari 2008 @ 10:37:
Zoek eens even op het grote internet of z-index wel begrepen wordt in Javascript.

Dat doet hij niet als ik me niet vergis. Daarvoor moet je zIndex gebruiken, anders gaat het fout, tenminste, ik kan geen z-index vinden als ik z-index gebruik, wel als ik zIndex gebruik (in JS dan).

[TeeDee]

Terw_Dan schreef op vrijdag 22 februari 2008 @ 12:52:
[...]

Dat doet hij niet als ik me niet vergis. Daarvoor moet je zIndex gebruiken, anders gaat het fout, tenminste, ik kan geen z-index vinden als ik z-index gebruik, wel als ik zIndex gebruik (in JS dan).

Dat weet ik, dat weet jij, maar Nicktrax blijkbaar niet.

[Bosmonster]

wat is 'nieuws'. Of bedoel je getElementById('nieuws') misschien?

Verder ontbreekt de contenttype voor je script tag:

code:

<script type="text/javascript">
function shownieuws(){    
   document.getElementById('nieuws').style.display = "block";  
}
function hidenieuws(){    
   document.getElementById('nieuws').style.display = "none";  
}
</script>

[ Voor 90% gewijzigd door Bosmonster op 22-02-2008 13:05 ]

[Verwijderd]

Je kan hem ook gewoon "naast" je scherm plaatsen. (negatieve x/y) En dan met javascript op de juiste plaats zetten.

[TERW_DAN]

TeeDee schreef op vrijdag 22 februari 2008 @ 12:57:
[...]

Dat weet ik, dat weet jij, maar Nicktrax blijkbaar niet.

Daarom zeg ik het ook

Verwijderd schreef op vrijdag 22 februari 2008 @ 14:41:
Je kan hem ook gewoon "naast" je scherm plaatsen. (negatieve x/y) En dan met javascript op de juiste plaats zetten.

Dat kan ook, maar of je het nu over de X, de Y of de Z as verplaatst maakt in principe niet zo gek veel uit. Je script blijft in essentie hetzelfde.

[f.v.b]

Verwijderd schreef op vrijdag 22 februari 2008 @ 10:30:
Dat zou idd moeten lukken, maar er is blijkbaar iets verkeerd met mijn js functie, ik weet alleen niet wat. Het moet iets zijn met de regels met de z-index, want zonder die regels krijg ik geen foutmelding.

code:

<SCRIPT LANGUAGE=JavaScript>
function shownieuws(){    
nieuws.style.visibility = "visible"; 
nieuws.style.z-index: "9999";    
}
function hidenieuws(){    
nieuws.style.visibility = "hidden";  
nieuws.style.z-index: "1";
}
</SCRIPT>

Probeer je nu CSS syntax (dubbele punt) in javascript te gebruiken?

Probeer eens nieuws.style.z-index = 1;

[H004]

en nu alle informatie combineren

JavaScript:

<script type="text/javascript"> // Language is depricated
function shownieuws(){    
   document.getElementById('nieuws').style.visibility = "visible"; 
   document.getElementById('nieuws').style.zIndex = 1000;  // Integer ipv string 
}
function hidenieuws(){    
   document.getElementById('nieuws').style.visibility = "hidden";  
   document.getElementById('nieuws').style.zIndex = 1; // Integer ipv string   
}
</script>

[ Voor 0% gewijzigd door H004 op 23-02-2008 12:35 . Reden: typo ]