in reply to Free Nodelet Hack: Nodelets on the left
in thread Nodelets on the left?

No need for a loop there, just retrieve the element you want directly.

<script type="text/javascript">
( function() {
    var td = document.getElementById( 'nodelet_container' ).parentNode
+;
    var tr = td.parentNode;
    tr.insertBefore( td, tr.firstChild );
} )();
</script>

[download]

Makeshifts last the longest.

Replies are listed 'Best First'.
Re^2: Free Nodelet Hack: Nodelets on the left
by Argel (Prior) on Nov 09, 2006 at 01:36 UTC
    Looks like IE6 is blowing up on the insertBefore -- I get a pop-up message saying the page cannot be displayed (either that or we have some software that thinks the script is doing something dangerous). Anyone have any ideas how to get this to work with IE? Or why ikegami's works (node 582545) but this one fails? I tried googling for answers and various code tweaks but I never really made any progress. :-(

    Update:Ooops! By "work" I meant why does his not blow up in Interent Explorer? In other words, what's different about his insertBefore? You're right -- it doesn't move the nodelets. Sorry for the confusion!!!

[reply]

      According to the note in ikegami’s node, his code shouldn’t work in IE6 either. Does it work if you change it to the following?

      tr.insertBefore( tr.removeChild( td ), tr.firstChild );

      [download]

      Makeshifts last the longest.

[reply]
[d/l]

        I particularly like your++ short functional solution.

        As for the IE problem… it seems it is more averse to the remove of the original node (also implicite in the original solution with insertBefore.)

        So here is a workaround for the IE, avoiding the remove by inserting a cloneNode and display:none the original node.

        <script type="text/javascript">
( function() {
    var td = document.getElementById( 'nodelet_container' ).parentNode
+;
    var tr = td.parentNode;
    tr.insertBefore( td.cloneNode(true), tr.firstChild );
    td.style.display= "none";
} )();
</script>

        [download]

        This being a workaround has a shortcoming: The script interferes (aborts) the cloneNode, effectively cutting the nodelet tower under "Free Nodelet" at its base. So the "Free Nodelet" has to be the last (highest number) in your nodelet settings.

        Mixed users (FF/IE/...) might use this out of the box, or can use a browser switch as in:

        <script type="text/javascript">
( function() {
    var td = document.getElementById( 'nodelet_container' ).parentNode
+;
    var tr = td.parentNode;
    if (document.all) { // IE
        tr.insertBefore( td.cloneNode(true), tr.firstChild );
        td.style.display= "none";
    } else {  // w3c
        tr.insertBefore( td, tr.firstChild );
    }
} )();
</script>

        [download]

        also avoiding the free nodelet cut in non-IE.

[reply]
[d/l]
[select]

In Section Perl Monks Discussion