skel.min.js issue - node not found

[syedaliaziz]

skel.min.js issue - node not found

[1234kamran]

I am facing the same issue, any help would be appreciated.

Thanks in advance

[jmalatia]

Not sure if this is your problem, but using IE10 in IE7 mode, I'm seeing this error.... (also causing normal IE6/IE7 to display "mobile" view as it hits this error and stops skelJS when using a non-minify version --- there are also a couple stray "," on some arrays in the last position that could be cleaned up as well... IE will show those errors in this mode as well. )

I think it is this code section in non-minify:
// Creates a new style element
// Args: string s (Style rules)
// Return: DOMHTMLElement (Style element)
newInline: function(s) {

            var o;

            if (_.vars.IEVersion <= 8)
            {
                o = document.createElement('span');
                    o.innerHTML = '&nbsp;<style type="text/css">' + s + '</style>';
            }
            else
            {
                o = document.createElement('style');
                    o.type = 'text/css';
                    o.innerHTML = s;
            }

            return o;

        },

[ajlkn]

@syedaliaziz Mind trying it again with the unminified version? Should give me the exact line.

@jmalatia Had to drop IE7 support a while back (for like, a billion reasons).

[jmalatia]

RE: @jmalatia Had to drop IE7 support a while back (for like, a billion reasons).

What browsers does skeljs support? IE8 faults on that same line/error as well... plus the code looks like it is trying to accommodate IE8 and lower in that code section.... I agree as it's a problem to design for the older browsers, but according to these stats IE8 is still the most used IE browser. http://www.w3schools.com/browsers/browsers_explorer.asp

newInline: function(s) {

            var o;

            if (_.vars.IEVersion <= 8)
            {
                o = document.createElement('span');
                    o.innerHTML = '&nbsp;<style type="text/css">' + s + '</style>';
            }
            else
            {
                o = document.createElement('style');
                    o.type = 'text/css';
                    o.innerHTML = s;
            }

            return o;

        },

[ajlkn]

Hmm, it should work fine in IE8. Does this break in IE8 for you?

http://html5up.net/uploads/demos/zerofour/

On 10/29/2013 4:52 PM, jmalatia wrote:

RE: @jmalatia Had to drop IE7 support a while back (for like, a billion reasons).

What browsers does skeljs support? IE8 faults on that same line/error as well... plus the code looks like it is trying to accommodate IE8 and lower in that code section.... I agree as it's a problem to design for the older browsers, but according to these stats IE8 is still the most used IE browser. http://www.w3schools.com/browsers/browsers_explorer.asp

 newInline: function(s) {

             var o;

             if (_.vars.IEVersion <= 8)
             {
                 o = document.createElement('span');
                     o.innerHTML = '&nbsp;<style type="text/css">' + s + '</style>';
             }
             else
             {
                 o = document.createElement('style');
                     o.type = 'text/css';
                     o.innerHTML = s;
             }

             return o;

         },

---

Reply to this email directly or view it on GitHub:
#18 (comment)

[jmalatia]

I don't actually have a computer with IE8, just IE7. But using IE10 in Compatibility IE8 Mode, it does not seem to be loading skelJS completely. See below screenshot. I tried testing using http://browsershots.org/, but it said html5up.net robots.txt disallows it from working...

[ajlkn]

Using the same setup on a few machines (IE10 emulating IE8) and can't
replicate the issue; everything loads fine. This is also the first I've
heard of this particular error so is it possible something on your end
is causing it?

On 10/29/2013 5:22 PM, jmalatia wrote:

I don't actually have a computer with IE8, just IE7. But using IE10 in Compatibility IE8 Mode, it does not seem to be loading skelJS completely. See below screenshot. I tried testing using http://browsershots.org/, but it said html5up.net robots.txt disallows it from working...

---

Reply to this email directly or view it on GitHub:
#18 (comment)

[syedaliaziz]

First thanks all for prompt response.

@n33
Yes i have tried it with unminified version - still getting the same error but on line 472 of skel.js
"Uncaught NotFoundError: An attempt was made to reference a Node in a context where it does not exist."

Kindly help

Detail snap attached:

[ajlkn]

Hmm. What does your HTML look like?

On 10/30/2013 12:06 AM, syedaliaziz wrote:

First thanks all for prompt response.

@n33
Yes i have tried it with unminified version - still getting the same error but on line 472 of skel.js
"Uncaught NotFoundError: An attempt was made to reference a Node in a context where it does not exist."

Kindly help

Detail snap attached:

---

Reply to this email directly or view it on GitHub:
#18 (comment)

[syedaliaziz]

Actually Im using Prologue template in my MVC 4 project.

I including css/js in BundleConfig.cs like:

bundles.Add(new StyleBundle("/Content/Prologue/css").Include(
"/Content/Prologue/skel-noscript.css"
, "/Content/Prologue/style.css"
, "/Content/Prologue/style-wide.css"
));

bundles.Add(new ScriptBundle("/bundles/Prologue/JS").Include(
"/Scripts/Prologue/jquery.js"
, "/Scripts/Prologue/skel.js"
, "/Scripts/Prologue/skel-panels.js"
, "~/Scripts/Prologue/init.js"
));

and the HTML of my page look like

@*

    <!-- Logo -->
        <div id="logo">
            <span class="image avatar48"><img src="~/Images/avatar.jpg" alt="" /></span>
            <h1 id="title">Jane Doe</h1>
            <span class="byline">General Physician</span>
        </div>

    <!-- Nav -->
        <nav id="nav">
            <ul>
                <li><a href="#top" id="top-link" class="skel-panels-ignoreHref"><span class="icon icon-home">Intro</span></a></li>
                <li><a href="#portfolio" id="portfolio-link" class="skel-panels-ignoreHref"><span class="icon icon-th">Portfolio</span></a></li>
                <li><a href="#about" id="about-link" class="skel-panels-ignoreHref"><span class="icon icon-user">About Me</span></a></li>
                <li><a href="#contact" id="contact-link" class="skel-panels-ignoreHref"><span class="icon icon-envelope">Contact</span></a></li>
            </ul>
        </nav>

</div>

<div class="bottom">

    <!-- Social Icons -->
        <ul class="icons">
            <li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
            <li><a href="#" class="icon icon-facebook"><span>Facebook</span></a></li>
            <li><a href="#" class="icon icon-github"><span>Github</span></a></li>
            <li><a href="#" class="icon icon-dribbble"><span>Dribbble</span></a></li>
            <li><a href="#" class="icon icon-envelope"><span>Email</span></a></li>
        </ul>

</div>

*@

dont know why this editor is trim these first two div tags
snap attached:

Thanks for your help.

[syedaliaziz]

any solution to this issue??
kindly help

[ajlkn]

Fixed in 0.4.3.

[syedaliaziz]

thanks it's working now (Y)