Question

The website I’m creating is http://www.industrialmerchants.com

The problem portion of my script is the following:

var collapseAll = document.createElement('img');
    collapseAll.src = collapseAllSrc;
    collapseAll.className = "collapseAll";
    collapseAll.style.cssFloat = "right";

    imUI(".menuBrowser .sideModuleHeader").append(collapseAll);

(imUI is the noConflict variable I’m using. If you are wondering why I use this verbose method of creating a DOM element, it is because this was my last ditch effort to get this code to work.)

For some bizarre reason, nothing is appended to the selected div. The div is definitely being selected because the length property is returning 1. To make things even more confusing, I have another “module” with a nearly identical DOM structure. When I alter the selector to include the .sideModuleHeader div from both modules, the image is inserted in the second module but not the first. Any ideas?

Answer 1

It does get added, but a few lines later you have:

toggleButtons = imUI(".menuBrowser img").remove(".collapseAll")...

which then immediately deletes it.