Layer show/hide vanuit een ander frame - Softwareontwikkeling

zondag 26 januari 2003 02:36

Acties:

To infinity and beyond...

Topicstarter

Op mijn 'moederpagina' heb ik een Iframe. Vanuit dit Iframe wil ik layers kunnen hiden/showen op de moederpagina. De layers staan echter wel in de Iframe pagina. Alle layers met de moederpagina laden wordt veel een beetje veel dus dat is geen optie.

zondag 26 januari 2003 02:51

Acties:

Verwijderd

is niet moeilijk.. geef die layers een id, en plak in je scriptje:

code:

function hidelayer1()
{
layer1.visible = false
# het kan ook zijn dat het moet zijn layer1.visibility = false, en anders doe je:
# layer1.style = "opacity(=0" maar dan moet je wel die layer een style meegeven, met
# divjes kan dat, weet niet of dat met layers ook kan.. dan moet je je div/layer zo definieren:
<div id=layer1 style="filter:opacity(100)" geloof ik.. en anders moet je gewoon ff op filters zoeken bij google..
}

function showlayer1()
{
layer1.visible = true
}

en dan vanuit een onmouseover of onclick of whatever, een javascriptje ofzo, die functies aanroepen..

staan je layers echter in een andere pagina, dan moet je echt met javascripts gaan klooien, maar het is te doen.. als dit het geval is, dan zou ik als ik jou was ff een boek dhtml en javascript kopen, aangezien dit wat moeilijker is (en de boeken zijn altijd handig)..

zondag 26 januari 2003 10:34

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 26 January 2003 @ 02:51:
is niet moeilijk.. geef die layers een id, en plak in je scriptje:
code:
1
[...]
en dan vanuit een onmouseover of onclick of whatever, een javascriptje ofzo, die functies aanroepen..

staan je layers echter in een andere pagina, dan moet je echt met javascripts gaan klooien, maar het is te doen.. als dit het geval is, dan zou ik als ik jou was ff een boek dhtml en javascript kopen, aangezien dit wat moeilijker is (en de boeken zijn altijd handig)..

Djeez, koop zelf een boek, want dit slaat nergens op. visible? met opacity (IE only!)?

Als ik het goed begrijp wil TS de inhoud van een <div> in zijn iFrame overhevelen naar een <div> in de moederpagina (de parent dus

), en die div vervolgens laten zien.
Here goes (functie in de iFrame):

JavaScript:

function showdiv() {
  parent.document.getElementById('div_in_parent').innerHTML = document.getElementById('div_in_iframe').innerHTML;
  parent.document.getElementById('div_in_parent').style.visibility = 'visible';
}