Hi
I just started using LibreJS and think it’s a great idea. I’m using it
specifically to test the web sites I’m building to make sure they are
accessible.
I am not a programmer by trade, so I have no idea as to why what I’m doing is
being blocked as all the code I am using is cosmetic or for navigation purposes.
To date I have focussed strictly on HTML5, PHP, and CSS. I just started using
jQuery for interactive features because the syntax is easier for me to
understand. I’m using jQuery 2.1 and jQuery UI 1.11.1
jQuery is not being blocked, but jQuery UI is being blocked, as well as my
jQuery code I wrote in the footer of the document for various interactive
features—drop down menus displaying, page sections expanding to show more
content, small animations after a click event, fading elements in and out,
changing link text after click, and div class toggling for CSS styling.
I am using <button> tags, and since they have no href attribute, I have to use
javascript with onClick to make them go to another page.
I also have some javascript revealing menus using a similar technique to the
buttons but with jQuery. This is for general site use and for mobile users
since they have no hover state.
Lastly, I’m using a head script (I think they are called shims) to add the new
HTML5 block elements for older browsers. This is also being blocked, but I
haven’t found another way to do this to ensure fallbacks to crappy old versions
of IE, and it seems to be what most people are doing these days. Luckily old
versions of IE are being abandoned, but for now I still need to use them.
Below is the code that are being blocked by LibreJS. Advice welcome.
thanks
————————————
<script>
document.createElement('header');
document.createElement('figure');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer’);
</script>
<button class="linkButton" type="button"
onclick="location.href='register.php'">create a free account ></button>
<script src="/scripts/jquery-ui.min.js"></script>
<script>
$(document).ready(function(){
// Register
jQuery("#pageContents").hide();
jQuery("#regExpander").click(function() {
if ($('#regExpander:contains("begin
registration +")').length) {
$('#regExpander').unbind('mouseenter
mouseleave mouseover mouseout mouseup').text("hide registration
–").toggleClass('lbActive').css({transform: 'translateX(-140px)'});
$( "#regInfo" ).fadeOut( "slow",
function () {
jQuery("#pageContents").slideToggle(900, 'easeInOutCubic');
});
}
else if ($('#regExpander:contains("hide
registration –")').length){
$('#regExpander').text("begin
registration +").css({transform:
'translateX(0)'}).toggleClass("lbActive").unbind('mouseenter mouseleave
mouseover mouseout mouseup');
jQuery("#pageContents").slideToggle(900, 'easeInOutCubic', function () {
$( "#regInfo" ).fadeIn( "slow",
function () {
});
});
}
});
// Bang
$('.bangButton').click(function() {
$(this).toggleClass('shebang');
$('.bangMenu').toggleClass('bangOn');
return false;
});
// User Nav
$('#userNavClicker').click(function() {
$('#userNavBlock').toggleClass('userNavOn');
$('#userNavClicker').toggleClass('dNavFade');
return false;
});
// Site Nav
$("#siteNavClicker").click(function() {
$("#siteNavBlock").toggleClass('siteNavOn');
});
// The Search
$( "#theSearch" ).focus(function() {
$( ".welcome" ).fadeOut( "slow", function() {
// Animation complete.
});
});
$("#theSearch").blur(function() {
$( ".welcome" ).fadeIn( "slow", function() {
// Animation complete.
});
});
});
</script>
————————————
