Franziskus: iframe mit scrolling=no und frameborder=0 dynamisch erstellen

Hallo zusammen,

ich baue meine gesamte Website dynamisch auf. Nun möchte ich auch iframes einbinden, die jedoch keine Scrollbalken und Border zeigen sollen. Dazu möchte ich die Scrolling-Option auf "no" und die Frameborder-Option auf "0" stellen. Dies versuchte ich durch Hinzufügen eines Attributes. Leider funktioniert das nicht (IE6), soll heissen, die Scrollbalken und der Rand werden angezeigt. Jedoch ohne Fehlermeldung.

Kann mir dabei jemand einen Tipp geben?

Gruss und Dank
Franz

Mein Code:

<BODY onload="make()">
<SCRIPT LANGUAGE="JavaScript">
<!--
 function make() {
  var tmp = document.getElementById("content");
  var elm = document.createElement("iframe");
  tmp.appendChild(elm);
  elm.setAttribute("id", "test");
  elm.setAttribute("name", "iframe");
  elm.setAttribute("src", "http://de.selfhtml.org/html/frames/anzeige/bild.jpg");
  elm.setAttribute("scrolling", "no");
  elm.setAttribute("frameborder", "0");
  with (elm.style) {
   position = "absolute";
   left = "100px";
   top = "100px";
   width = "300px";
   height = "300px";
  }
 }
//-->
</SCRIPT>
<div id="content"></div>
</BODY>

  1. Hallo Franziskus,

    function make() {
      var tmp = document.getElementById("content");
      var elm = document.createElement("iframe");
      tmp.appendChild(elm);
      elm.setAttribute("id", "test");
      elm.setAttribute("name", "iframe");
      elm.setAttribute("src", "http://de.selfhtml.org/html/frames/anzeige/bild.jpg");
      elm.setAttribute("scrolling", "no");
      elm.setAttribute("frameborder", "0");
      with (elm.style) {
       position = "absolute";
       left = "100px";
       top = "100px";
       width = "300px";
       height = "300px";
      }
    }

    Probier es mal mit direkter Zuweisung der Werte, anstatt über die Methode setAttribute. Mit dem style-Attribut praktizierst du das ja auch bereits ohnehin. Ansonsten setz bei Verwendung der setAttribute-Methode auch einen dritten Übergabeparameter "false", damit dem IE die Groß- oder Kleinschreibung des Atrributs egal ist.

      
       elm.id = "test";  
       elm.name = "iframe";  
       elm.src = "http://de.selfhtml.org/html/frames/anzeige/bild.jpg";  
       elm.scrolling = "no";  
       elm.frameborder = "0";  
    
    

    Gruß Gernot