Topic: createElement("div") + IE? (Page 1 of 1)

In regards to the following code, is it normal that IE doesnt support this feature, or am I simply doing something wrong? This code works in Firefox. Am I forced to make a second version which writes elements using innerHTML ?

divHandler = createDiv("corner4",10,30,30,30,null,null,50);
 document.body.appendChild(divHandler);



function createDiv(name,left,top,width,height,background,onmouseup,zIndex) {
 divHandle = document.createElement("div");
 divHandle.style.position = "absolute";
 divHandle.style.top = top + "px";
 divHandle.style.left = left + "px";
 divHandle.style.width = width + "px";
 divHandle.style.height = height + "px";

 if(zIndex) divHandle.style.zIndex = zIndex;
 if(background) divHandle.style.background = background;
 if(onmouseup) divHandle.style.onmouseup = onmouseup;

return divHandle;
}

works for me in IE 6.0.2900.blah.blah.blah xpsp2

Thanks for the speedy reply p01

I dont know wether to be relieved or even more angry at IE's debugging.

Does this page work for you in your version of IE? I have IE 6.0.2 aswell, but on win2k, could be a bug.

Do you see a big blue div?
http://www.icklepix.com/window/indexObjects.htm

(Nothing is clickable just yet in either browser, the above should display two boxes).

if your curious here is a working version which doesnt use objects and can only have one dialog box at a time:

http://www.icklepix.com/window/index1.htm

Could it be something to do with appending to the body? or returning the div object?

edit: url typo.

(Edited by Hugh on 04-18-2006 15:44)

Found this recently p01, seems like your kinda bag
http://www.theprodukkt.com/kkrieger.html
its a 96kb assembly game, amazing, you've probably seen it though.

BTW divHandle.style.onmouseup = onmouseup

Should be
divHandle.onmouseup = onmouseup



.:[ Never resist a perfect moment ]:.

Well spotted, unfortunatly that wasnt the problem.

The IE debugger says

line 33, char 5, Code 0, Object does not support this property or method.

There is nothing at this point in any of the associated files, the nearest thing to it is:

for(i=0;i<divHandler.length;i++) document.body.appendChild(divHandler[i]);

in create.js

I've got the same error as you in IE

Have only checked create.js. When I do :

javascript:alert( divHandle );void( 0 );

I get an array with 5 Objects, as expected, but when I do :

javascript:alert( i );void( 0 );

it says [ object ] while it should display a number between 0 and 5.


Yep I already knew Kkrieger. It's done in C++, not assembly. But it's pretty impressive anyway

Oh christ, I have a form named i for input, I've been wrecking my head over this for ages, thanks man !

Thats done in C++ ? thats mad, I know hello world with all the standard libs is like 100kb :P

Am on track now, thanks again guys !

I have yet another problem now :

divHandle is a div created from within an object, with an id.

divHandle.onmouseup = dothis();

works, but I want to pass the id of the object so I know what div has been clicked

divHandle.onmouseup = dothis(this.id);

The above returns the div's "this" and not the object where it was spawned from and can't find .id, basically the command is being run from the div itself.

Anyone know how I could get around this? I was thinking it would have to revolve around the eval command somehow, but I couldnt figure it out and a listener isnt very practical.

is it possible to access a div's parent?

[quickReply_that_might_need_cross_browser_hacks_in_crappy_browsers]

When hooking an a function to an event handler, you must pass the handle of function, no a call to a function, so the syntax should be :

function dothis( evt )
{
    var evt = evt||event,
        element = evt.target||evt.srcElement||this;

    alert( element.id +'\n'+ element.parentNode )
}

divHandle.onmouseup = dothis;

/!\ the code above is probably not 100% correct, but I can't be bothered to check it at ~2 o'clock after a few beers and before a short night.

Sure it's possible to acces the parent of a node, just use the parentNode property.

Anyway, hope that helps.

[/quickReply_that_might_need_cross_browser_hacks_in_crappy_browsers]



(Edited by poi on 04-19-2006 01:56)

Haha gotta love IE
btw, having access to the Asylum on my mobile rocks!

/TwoD

Hadn't even thought of an event ! Many thanks again, ye see this to be an interface for a final year project, so 1 thanks = 20+ regular thankss. I'm gonna keep an eye out see if I can help you with anything in further posts, although I think you completely out rank me in any progamming way

If that fails I might be able to do it with parentNode, though it could get very messy.

It works just fine btw !