help-librejs
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Help-librejs] new to librejs and javascript


From: Deus
Subject: [Help-librejs] new to librejs and javascript
Date: Sat, 13 Sep 2014 01:39:46 -0400

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" >create a free account ></button>

	<script src=""></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>

————————————


reply via email to

[Prev in Thread] Current Thread [Next in Thread]