Problem beim Ausblenden eines Objekts

sharK223 · 8. August 2009

Hi Tutorials.de/forum/ besucher

Ich habe ein problem mit meinem Javascript-code.
Aus reiner langeweile und neugirde heraus wollte ich meine Seite mit einem
Iframe verdecken und es mit einem Javascript code bei Klick auf dem iframe
aufdecken.
Doch igentwie klappt das nicht, es passirt einfach nix.
Geht das mit iframes oder muss ich das mit einem <dif>-tag machen?

Hier der Code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  
  <script type="text/javascript">
  funktion init()
  {
  var iframe = getElementById('vordergrund');//läd den Iframe in den Speicher
  }
  function down() //Deckt den Hintergrund auf!
  {
  iframe.style.visibility = "hidden";//Setzt die sichtbarkeit des Iframes auf versteckt
  }
  window.onload
  {
  init();
  }
  </script>
  
  
  </head>
  <body bgcolor="#303030" style="margin:0;">
    <iframe style="border:0; visibility="visible" src="lol.html" height="100%" width="100%" id="vordergrund" onclick="javascript:down();" ></iframe>
  </body>
</html>

Maik · 8. August 2009

Hi,

beim Überfliegen des Codes sind mir darin schon mal drei Fehler aufgefallen:

function wird nicht mit einem "k" geschrieben.
Die getElementById()-Methode erwartet das document-Objekt.
Im style-Attribut ist dir ein Syntaxfehler unterlaufen - aus

Code:

style="border:0; visibility="visible"

wird

Code:

style="border:0; visibility:visible"

Ich denke aber, dass du hier mit einem <div>-Block besser aufgestellt bist, was die praktikable Umsetzung in den Browsern betrifft, da für den erfolgreichen onclick-Event der iFrame einen Rahmen benötigt, um darauf klicken zu können, denn der Eventhandler bleibt im unmittelbaren Anzeigebereich des iFrames wirkungslos.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>

  <script type="text/javascript">
  function down() {
          box = document.getElementById('vordergrund');
          box.style.visibility = "hidden";
  }
  </script>

  </head>
  <body bgcolor="#303030">
    <div style="visibility:visible;width:100%;height:100%;background:#101010;" id="vordergrund" onclick="down();"></div>
  </body>
</html>

Und wähle bitte zukünftig einen aussagekräftigeren Betreff wie ein nichtssagendes "javascript problem" - vielen Dank!

mfg Maik

Problem beim Ausblenden eines Objekts

sharK223

Mitglied

Maik

Neue Beiträge