Attention in classroom
I googled a little and found this could happen if you included an extra comma in some expressions but that wasn’t my case. Some coffees later I found the offending code was: var class = $(this).parent().attr(‘class’); Yep, class seems to be a reserved word in Internet Explorer, thanks again Microsoft for making web developers lifes …
Continue reading “Javascript Expected Identifier Error On Internet Explorer”
<div class=”test”><div class=”inside”><h1>id=”myID.entry[0]”</h1><p>0</p></div></div> <script>$(“div.test”).bind({ click: function(){ $(this).addClass(“active”); //alert(this.nodeName); //alert($(this).text()) }, mouseenter: function(){ $(this).children(‘div.inside’).animate({ top: “20px”, }, “fast”); }, mouseleave: function(){ //$(this).fadeIn(); $(this).children(‘div.inside’).animate({ top: “100px”, }, “fast”); } });</script>
The problem: When you have mouseover and mouseout events bound to some element on you page with children elements. Hovering over children element fires parent’s mouseover and/or mouseout event. The solution:
<script type=”text/javascript”> function showImg() { $(“img”, this).fadeIn(200); } function hideImg() { $(this).fadeOut(200); } $(function(){ $(“.reveal img”).mouseenter(hideImg()); $(“.reveal img”).mouseleave(showImg()); </script> <div>foo<img src=”img/water.png” /></div> <div>bar<img src=”img/eye.png” /></div>
Setting up the server The “good news” is that we can’t control the browser. It either sends the Accept-encoding: gzip, deflate header or it doesn’t. Our job is to configure the server so it returns zipped content if the browser can handle it, saving bandwidth for everyone (and giving us a happy user).
HTML5 and CSS3 Media Queries Tom Duggin shows us how we can use HTML5 and CSS3 media queries to take control of our presentations across desktop browsers, mobile devices and slate computers.