Bug with Broken Ordered list in IE9

klalex — Sat, 11 Jun 2011 12:19:31 +0000

Recently I’ve been working with ordered lists. And found strange behavior in IE9 when one ordered list is hiding and new one is showing – instead of usual order 1,2,3.. it showed all zeros. And it actually doesn’t matter what list style type you choose – decimal, lower alpha or other.

Let me show you an example in case you do not have the same problem as well on your project:

<html>

<head>

<script type="text/javascript">

window.onload = function() {

        document.getElementById(‘lnk-one’).onclick = function() {

                document.getElementById(‘two’).style.display = ‘none’;

                document.getElementById(‘one’).style.display = ‘block’;

        };

        document.getElementById(‘lnk-two’).onclick = function() {

                document.getElementById(‘one’).style.display = ‘none’;

                document.getElementById(‘two’).style.display = ‘block’;

        };

}

</script>

</head>

<body>

<a href="#" id="lnk-one">One</a> <a href="#" id="lnk-two">Two</a>

<div id="one">

        <ol>

                <li>one</li>

                <li>two</li>

        </ol>

</div>

<div id="two" style="display:none">

        <ol>

                <li>three</li>

                <li>four</li>

        </ol>

</div>

</body>

</html>

If you open this HTML in IE9 and then click at first on “Two” link and then “One” you will see the issue:

Looks like order breaks in IE9 when one order is hidding then appears new one and then previous one is showing again. To quickly fix you need to place empty element say

in the end of the body and when you show ordered list just assing space to this element inner html. Here you are previous html page fixed:

<html>

<head>

<script type="text/javascript">

window.onload = function() {

        document.getElementById(‘lnk-one’).onclick = function() {

                document.getElementById(‘two’).style.display = ‘none’;

                document.getElementById(‘one’).style.display = ‘block’;

                document.getElementById(‘empty’).innerHTML = ‘ ‘;

        };

        document.getElementById(‘lnk-two’).onclick = function() {

                document.getElementById(‘one’).style.display = ‘none’;

                document.getElementById(‘two’).style.display = ‘block’;

                document.getElementById(‘empty’).innerHTML = ‘ ‘;

        };

}

</script>

</head>

<body>

<a href="#" id="lnk-one">One</a> <a href="#" id="lnk-two">Two</a>

<div id="one">

        <ol>

                <li>one</li>

                <li>two</li>

        </ol>

</div>

<div id="two" style="display:none">

        <ol>

                <li>three</li>

                <li>four</li>

        </ol>

</div>

<div id="empty"></div>

</body>

</html>

It’s important to place empty

after ordered lists. If you place it before – it won’t work.

Unlimited products in stock in osCommerce

klalex — Thu, 02 Apr 2009 00:44:55 +0000

Strange that this option isn’t available in osCommerce. Maybe I missed something but there is only ability to set number of products in admin – no option to set it for unlimited number. What if I sell service? It’s definitely unlimited (well until I’ll be in business).

Of course, the easiest way will be run something like this:

UPDATE products SET products_quantity = 1000000000

But I’m not happy with this solution. Will spend some time tomorrow investigating it.

Alex's Rocket » issue

Bug with Broken Ordered list in IE9

Unlimited products in stock in osCommerce