[JS] Iframe sluiten

donderdag 11 februari 2010 20:46

Acties:

0 Henk 'm!

Topicstarter

Ik wil graag een iframe sluiten met een knop die in het iframe zelf zit.

Het volgende heb ik geprobeerd.

JavaScript:

<html>
<head>
    <script language="JavaScript">
        function closeIframe(id) {
          elem = parent.getElementById(id) 
          elem.style.display='none';
        }
    </script>
</head>
<body>
    <a href="#" onclick="closeIframe('frame')">Close</a>
</body>
</html>

JavaScript:

function closeIframe(id) {
   var iframe = document.getElementById(id);
   iframe.parentNode.removeChild(iframe);
}

<a href="#" onclick="window.parent.closeIframe(frame)">Close</a>

Of kan dit helemaal niet?

EDIT [ en { goedgezet

[ Voor 4% gewijzigd door lukjah op 11-02-2010 20:55 ]

donderdag 11 februari 2010 20:50

Acties:

0 Henk 'm!

Haan

dotnetter

Heb je de code rechtstreeks in je post geplakt? Want '[' ipv '{' gaat natuurlijk nooit werken

Kater? Eerst water, de rest komt later

donderdag 11 februari 2010 20:52

Acties:

0 Henk 'm!

Saeverix

Haan is scherp, want dat was me nog niet eens opgevallen.

Mijn vraag is: Waarom moet die knop in de Iframe zelf zitten? Als dat niet beslist noodzakelijk is dan is de oplossing een stuk makkelijker...

People who live in glass houses shouldn't throw stones.

donderdag 11 februari 2010 20:54

Acties:

0 Henk 'm!

lukjah

Topicstarter

Foutje bij het kopiereen, ik had de '{' niet gekopieerd en heb het er dus fout bijgetypt

. Maar in de code staat wel '{'.

donderdag 11 februari 2010 20:55

Acties:

0 Henk 'm!

lukjah

Topicstarter

Saeverix schreef op donderdag 11 februari 2010 @ 20:52:
Haan is scherp, want dat was me nog niet eens opgevallen.

Mijn vraag is: Waarom moet die knop in de Iframe zelf zitten? Als dat niet beslist noodzakelijk is dan is de oplossing een stuk makkelijker...

Dat weet ik, maar ik wil hem wel graag erin, omdat het iframe fullscreen is.

donderdag 11 februari 2010 21:03

Acties:

0 Henk 'm!

DanielG

i = 0x5f3759df - (i>>1); ☠₧ℳ🀪❣

Een iframe kan naar zichzelf refferen via "window.frameElement".
Dus in je iframe op de knop zetten "window.frameElement.style.display='none'; ".

De reden waarom je code niet werkt zit hem waarschijnlijk in de "onclick="window.parent.closeIframe(frame)", closeIframe(frame) moet closeIframe('frame') zijn aangezien je een string mee moet geven voor de id.
(deze foutmelding had je zelf in een javascript debugger zoals firebug kunnen zien)

[ Voor 50% gewijzigd door DanielG op 11-02-2010 21:06 ]

http://xyproblem.info/

donderdag 11 februari 2010 21:06

Acties:

0 Henk 'm!

lukjah

Topicstarter

Geweldig! dat was het, ik ben je zeeeer dankbaar.

donderdag 11 februari 2010 21:08

Acties:

0 Henk 'm!

Creepy

Tactical Espionage Splatterer

Javascript hoort toch echt in Webdesign, Markup & Clientside Scripting en niet in Programming.
En los daarvan: krijg je nu een foutmelding? Zo ja, welke? En wat heb je zelf dan al geprobeerd?

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney

donderdag 11 februari 2010 21:08

Acties:

0 Henk 'm!

DanielG

i = 0x5f3759df - (i>>1); ☠₧ℳ🀪❣

Geen probleem, was toevallig vandaag zelf lang bezig met iframe + javascript voor werk.
Maar het gebruik van een javascript debugger is zeer handig, als ik jou was zou ik een beetje debug werk gaan leren.

http://xyproblem.info/

zaterdag 13 februari 2010 21:54

Acties:

0 Henk 'm!

maarud

edit: laat maar, ik kom er wel uit

[ Voor 93% gewijzigd door maarud op 13-02-2010 21:59 ]

zondag 14 februari 2010 13:57

Acties:

0 Henk 'm!

Kirth

Ik zou persoonlijk de iframe in een tag met id zetten. Dan via javascript het volgende doen: tag_met_id.innerHTML = "". Of het werkt en/of geldig is is natuurlijk een heel andere kwestie.

zondag 14 februari 2010 23:37

Acties:

0 Henk 'm!

pieturp

gaffa!

Kirth schreef op zondag 14 februari 2010 @ 13:57:
Ik zou persoonlijk de iframe in een tag met id zetten. Dan via javascript het volgende doen: tag_met_id.innerHTML = "". Of het werkt en/of geldig is is natuurlijk een heel andere kwestie.

Dat werkt natuurlijk niet. De innerHTML van je pagina met niks vervangen geeft gewoon een lege pagina...
Bovendien is je tag_met_id geen variabele en moet je de DOM aanspreken:

JavaScript:

1	document.getElementById('tag_met_id').innerHTML = ''; // het element met het id "tag_met_id" leeg maken

[ Voor 20% gewijzigd door pieturp op 14-02-2010 23:40 ]

... en etcetera en zo

woensdag 17 februari 2010 20:43

Acties:

0 Henk 'm!

Xantios

Moeten we Lukjah er niet op wijzen dat iframes evil zijn?

woensdag 17 februari 2010 21:16

Acties:

0 Henk 'm!

Haan

dotnetter

Xantios schreef op woensdag 17 februari 2010 @ 20:43:
Moeten we Lukjah er niet op wijzen dat iframes evil zijn?

Begin jij dan eerst maar eens met toelichten waarom je dat vindt..

Kater? Eerst water, de rest komt later

woensdag 17 februari 2010 21:27

Acties:

0 Henk 'm!

DanielG

i = 0x5f3759df - (i>>1); ☠₧ℳ🀪❣

Xantios schreef op woensdag 17 februari 2010 @ 20:43:
Moeten we Lukjah er niet op wijzen dat iframes evil zijn?

Niet altijd, ligt aan de context. Aangezien wij die niet weten kunnen we ook niet zeggen of ze evil zijn of niet in deze implementatie (maar ik zou ze idd wel zoveel mogelijk willen vermijden

http://xyproblem.info/

Pagina: 1

Reageer

Onderwerpen