How to create custom HTML elements - html

I am doing this tutorial here
I simply copied and pasted the code below.
var XFoo = document.register('x-foo');
document.body.appendChild(new XFoo());
I immediatly get an error saying that:
Uncaught TypeError: Object #<HTMLDocument> has no method 'register'
I do not know why nor what I am doing wrong. I am using the Chrome browser.

I implemented Custom Elements in Chrome so I might be able to help.
Starting with Chrome 33, document.register has been renamed document.registerElement.
Up to Chrome 32, the most likely reason you would get that error is if the Experimental Web Platform Features flag is not enabled. Cut and paste chrome://flags into the Omnibox and hit enter to check. After changing flags, you have to restart your browser for the changes to take effect.
HTH!

Only firefox and chrome are known to support it yet. If you are trying it in IE, Safari or Opera then you are out of luck.

Related

Firebug Failed to load given url

Images are loaded on my html pages. But Firebug shows that it failed to load given url when I hover on the element on firebug panel.
That's obviously a bug in Firebug 2.x. I only found the related issue #3540, so you might want to file a new issue for it.
Having said that, Firebug as extension is going away with one of the upcoming versions of Firefox. It is implemented as theme for the Firefox DevTools instead, which don't have this issue. So, I suggest to use those instead.

Slider is all of a sudden not working on site

I have not changed anything on my website and all of a sudden the front page slider is not working.
http://solutionsfortravel.com/
Can someone please give an recs as to why?
Thanks
You have a lot of errors in the console - you can use Google Chrome's developer tools to look for missing files and Javascript errors.
https://developer.chrome.com/devtools
You can also get similar tools in Firefox, Opera and Internet Explorer (other browsers are available)
A quick look at the console shows this error, which is to do with some kind of slider library judging by it's name.
jquery.nivo.slider.pack.js?ver=3.3.5:12 Uncaught TypeError: d is not a function
You should really try and fix all the errors you're getting though
In Google Chrome developers, console part shows the error:
Uncaught TypeError: $(...).datepicker is not a function
Try to resolve this problem with datepicker

TinyMCE Uncaught ReferenceError: ext is not defined

I am including tinyMCE from CDN using this simple code:
$('head').append('<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>');
tinymce.init({selector: '#selector_id'});
It works fine without any warnings/errors in most browsers (FF, IE, Opera)
In Chrome it works too, but console shows this error: 'Uncaught ReferenceError: ext is not defined - include.postload.js:539'.
I tried including different available versions (4, 4.0, 4.1), but error persits.
I also tried to include script directly in header, without JS, but it didn't help either.
What can be the reason for that error? and how can I get rid of it?
It's a bug in Adblock Plus, closed 3 days ago, so hopefully the fix will be available soon. It was mentioned on a forum that the problem persists even when ABP is disabled, which is a bit disappointing.
Are you using an Ad-Blocker (e.g. Adblock Plus)?
I had the same error and got rid of it when I temporarily deactivated the browser extension.
I assume from time to time these extensions have problems with new browser versions
(e.g. here).

Chrome Console Bug When Debugging Javascript

Chrome console tells you what line in the parsed file JavaScript syntax errors are located. Every once in a while, when I click on the link to take me to see the actual code of where the error is, I get a blank screen in the console. If I open up the same page inside Firefox with Firebug, I can see the error code without any issues.
Is this a known error in Chrome? If so, are there any ways to remedy it?
Here is an official list of known issues with Google Chrome. It doesn't seem like that is one of the known issues. I would try again and see if it happens again.

Soundcloud HTML5 Player Not Showing Up in IE9

I've put a Soundcloud HTML5 player on my website and am generally quite pleased with it.
However, while browser testing in IE9 on Windows 7, The player is not loading, and I am seeing the following error in the debugging console:
SCRIPT429: Automation server can't create object
widget-b8220e90.js, line 2 character 1738
The poking around that I have been able to do suggests that this has something to do with the IE9 security settings and/or ActiveX, which makes me shudder. I have IE9 running on its default security settings.
Is there anything that can be done to get the HTML5 player to show in this situation, or will I need to fallback to the flash player?
EDIT: The problem also occurs in IE8, which isn't surprising but I add for completeness' sake
EDIT: I am seeing the problem using the Win7/IE9 Virtual Machine provided by Microsoft at their new Modern IE site, and using the default security settings in IE9
I used the same code you specified above to try to reproduce, but it works fine for me in IE9. In compatibility mode it just falls back to the old Flash widget. Can you have a look here and say if it still doesn’t work for you?
http://jsbin.com/otulas
This is indeed a problem in IE, testing on IE8 and this is what I have found:
The Widget API Playground doesn't work.
URLs with "/favorites" doesn't work, as in the Widget API Playground.
Getting this error:
"Webpage error details
Message: Object doesn't support this property or method
Line: 1
Char: 6061
Code: 0
URI: https://w.soundcloud.com/player/api.js
So I did unminify the JS file and got that it's talking about this line of code:
return r && r.instance ? r.instance : (i = a.indexOf(S(e)) > -1, s = new p(e), f.push(new d(s, e, i)), s)
It is important to mention that the player works fine without any API and without including the API script.
Hope this can be helpful for the dev team.
IE9 and 10 don't like third party cookies. SoundCloud's HTML5 widget uses those.
More from SoundCloud: http://help.soundcloud.com/customer/portal/articles/1331463-why-is-my-widget-not-showing-up-in-internet-explorer-
More from Microsoft: http://answers.microsoft.com/en-us/ie/forum/ie10-windows_8/soundcloud-html5-widget-wont-display-in-ie-9-or-10/79aaab55-44d8-414f-9d06-939bbdf25676