IE + setAttribute mit dynamischen Parametern?

Torty

Hallo,
ich hänge mal wieder an einem IE-typischen Bug.
Wenn man im IE per JS DOM-Objekte erzeugt so kann man diesen Attribute verpassen. Dies geschieht im standard-konformen Weg so:

Code

...
  var newDIV = document.createElement("DIV");
  newDIV.setAttribute('onclick', 'dosomething("now");');
...

Nun hat der IE Fehler in diesen Routinen und ignoriert das .setAttribute(), wenn das Attribut wie hier ein Event darstellt. Also .setAttribute('width', "100px"); das würde gehen, aber eben keine Events.

Als alternativen Weg habe ich auf dieser Seite diese Variante gefunden:

Code

...
  function dosomethingIEnow(e) {
    dosomething("now");
  }
...
  var newDIV = document.createElement("DIV");
  newDIV.onclick = dosomethingIEnow;
...

So weit - so umständlich.

In meinem Fall bräuchte ich jedoch solch eine dynamische Definition.

Code

...
  var newImg = document.createElement("Img");
  newImg.setAttribute('onclick', "changePreviewImage("+ idx + ");");
...

Wobei idx eine Schleifenvariable darstellt.

Wie mach ich das also für den IE, damit er die korrekte Event-Funktion inklusive der korrekten idx erhält?

Torty

GreenRover

newDIV.event('onclick', 'dosomething("now");')

versuchs mal so

Torty

Nein klapt nicht. Die Methode event ist ihm nicht bekannt.
Hier mal meine Testdatei:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  <style type="text/stylesheet">
      #gallery_thumbnail {
        position: absolute;
        top: 50px;
        left: 85px;
      }  
  </style>

  <script type="text/javascript">

    function changePreviewImage(x) {
        alert(x);
    }
    //-----------------------

    function testIt() {
      var anker         = window.document.getElementById("anker");

      var newDiv        = document.createElement("DIV");
      newDiv.className  = "gallery_thumbnail"; 

      var newURL        = "http://www.forum-hilfe.de/images/avatars/1630311165429eb0edd433f.jpg"; 
      var newImg        = document.createElement("Img");
      newImg.src        = newURL;
      newImg.width      = 87;
      newImg.height     = 130;

      if (!window.opera && document.all) {
          newImg.event('onlick', 'changePreviewImage("5");');
      }
      else {
          newImg.setAttribute('onclick', 'changePreviewImage("5");');
      }
      newDiv.appendChild(newImg);      
      anker.appendChild(newDiv);

    }
    //-----------------------

  </script>
</head>
<body id="anker">


  <div id="abc">
    <input type="button" value="test it" onclick="testIt();" />
  </div>

</body>
</html>

Alles anzeigen

Torty

Tags