Awesome CSS3 & jQuery Slide Out Button
In Playground, by Manoela Ilic
Here is an awesome little slide out button....In Playground, by Manoela Ilic
Here is an awesome little slide out button....In Articles, by Manoela Ilic
Here is a set of fresh CSS-only menus for your website - no images, no JavaScript....In Articles, by Manoela Ilic
A great website design can be a powerful tool for establishing a brand....In Tutorials, by Manoela Ilic
Today I want to show you, how to create an Apple-style navigation menu with a twist....In Playground, by Manoela Ilic
Today I am going to share a nice CSS only (with some jQuery) navigation menu that adapts the size of its list items automatically....In Playground, by cody
How to get client ip address with jQuery $.getJSON("http://jsonip.appspot.com?callback=?",function(data){ alert( "Your ip: " + data.ip); }); How to parse XML with jQuery file.xml: <?xml version="1.0" ?> <result> <item> <id>1</id> <title>title1</title> <description>desc1</description> </item> <item> <id>2</id> <title>title2</title> <description>desc2</description> </item> <!-- ......In Playground, by chadking
This application aims to show you who your first follower was in twitter....In Playground, by cody
How to hide all children div except a specific one with jQuery?...In Playground, by cody
Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = "cookietest=1; expires=" + dt.toGMTString(); var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1; if(!cookiesEnabled){ //cookies are not enabled } }); Toggle all checkboxes var tog = false; // or true if they are checked on load $('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog; }); Get the index of an element $("ul > li").click(function () { var index = $(this).prevAll().length; }); Validate date of birth $("#lda-form").submit(function(){ var day = $("#day").val(); var month = $("#month").val(); var year = $("#year").val(); var age = 18; var mydate = new Date(); mydate.setFullYear(year, month-1, day); var currdate = new Date(); currdate.setFullYear(currdate.getFullYear() - age); if ((currdate - mydate) < 0){ alert("Sorry, only persons over the age of " + age + " may enter this site"); return false; } return true; }); [adrotate group="2"] Test if an element is visible if($(element).is(":visible")) { //The element is Visible } Counting child elements <div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"> </div> <span><span> </div> //jQuery code to count child elements $("#foo > div").length Center an element on the screen jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px"); this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px"); return this; } //Use the above function as: $(element).center(); Moving options from list A to list B $().ready(function() { $('#add').click(function() { !$('#select1 option:selected').appendTo('#select2'); }); $('#remove').click(function() { !$('#select2 option:selected').appendTo('#select1'); }); }); Select all checkboxes $(document).ready(function(){ $("#checkboxall").change(function(){ var checked_status = this.checked; $("input[name=checkall]").attr("checked", checked_status); }); }); Get the current URL $(document).ready(function() { var pathname = window.location.pathname; }); Check if and which key was pressed $(function() { $(document).keypress(function(e){ switch(e.which){ // "ENTER" case 13: alert('enter pressed'); break; // "s" case 115: alert('s pressed'); break; (...) } }); }); Message from TestkingWe are among the best ccie service provider to help you better prepare for ccna exam....In Playground, by cody
Here's an effect based on the one used in fml to stop and pause an event....In Playground, by cody
How to refresh the src of an image with jQuery?...In Playground, by cody
Here's a way to scroll to the top or bottom of your website with a simple click....In Playground, by cody
Here's a jQuery plugin that transforms a number into a human readable format....In Tutorials, by Manoela Ilic
Today we will create a fancy social bookmarking solution which will not require any JavaScript - it is only CSS based....In Playground, by chadking
Here's an easy way to translate your web site using PHP....In Tutorials, by Manoela Ilic
Currently we are in the "hey, let's do that flash thing in jQuery"-mood and so we came up with another idea: a rotating billboard system....In Tutorials, by Manoela Ilic
In today's tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolute positioned elements with images....In Tutorials, by Manoela Ilic
Inspired by David Walsh's top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea....