Safari bug on show/hide deprecated attributes in HTML 4 elements pages, js snippet or bookmarklet solution Options

[Frederiek]

The following is for anyone who has followed the thread at http://forums.htmlhelp.com/index.php?showtopic=19793 where we found a bug in Safari on any page of the HTML 4 Elements pages ( starting from http://htmlhelp.com/reference/html40/alist.html ) that doesn't act on the show/hide non-strict attributes button and/or encounters that same problem.

When you are on one of these pages, either use the following in the javascript console of the browser

CODE

document.styleSheets.item(2).disabled=true;

Or save the following as a bookmarklet
Give it a title (e.g.): Show deprecated attributes - htmlhelp ref

CODE

java script:document.styleSheets.item(2).disabled=true;

[edit] There shouldn't be a space between java and script. That was automagically added upon submission

This post has been edited by Frederiek: Mar 18 2014, 11:17 AM

[pandy]

Maybe a little browser sniffing should be implemented for those pages.

[Frederiek]

I don't know.

Have you tried the test file in any PC browser you have? Did it still work without the alternate CSS file?
If yes, then the solution would simply be to delete/comment out the strictHTMLonly.css on all those pages.

BTW, I haven't seen Darin and/or Liam on this subject yet.


I just found out that it's even better to use an anonymous function (which won't conflict with other js on the page):
java script:(function(){document.styleSheets.item(2).disabled=true;})();

Ref: http://code.tutsplus.com/tutorials/create-...-way--net-18154

The advantage is that the button then works too (as long as the bookmarklet is still activated on the page).