Urban Gray Accordion jQuery Menu and css MenuUrban Gray Accordion Menu is a clean, vertical menu with headers that are activated "mouseover" (200 millisec delay). Each header is hyperlinked itself, feasible since the headers are toggled "mouseover" instead of "onclick". This is an easy to customize, attractive vertical list menu.Html Code <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="ddaccordion.js"></script><script type="text/javascript">ddaccordion.init({ headerclass: "headerbar", //Shared…
Category Archives Jquery
The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done.Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery. Your…
jQuery sliders (css, and javascript)Comfortable All browser.Automatic Image Slider w/ CSS & jQueryMost likely Banner slider jquery programs you will need for your work. ... slider images and jquery slider range in minutes just by some clicks...css knowledge ... Download JavaScript Slider Image Gallery...Html javascript and Css <style type="text/css" media="screen">#slider { width: 410px; /* important to be same as…
Simple html text editorwe tell how to install html text editorTinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems. <html><head> <title>Demo 1 : It-solution</title></head><body><div id="sample"><script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script><script type="text/javascript"> bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });</script><form name="" id="" action="demo.html" method="post"><h4>First Textarea</h4><textarea name="area1" style="width:400px;" cols="35"></textarea><br><input type="submit" name=""…
Vertical menu (css, and javascript)Comfortable All browser <link rel="stylesheet" type="text/css" href="cssverticalmenu.css" /><script type="text/javascript" src="cssverticalmenu.js"></script></head><body><ul id="verticalmenu" class="glossymenu"><li><a href="http://www.it-solution.in">Menu1</a></li><li><a href="http://www.it-solution.in" >Menu2</a></li><li><a href="http://www.it-solution.in">Menu3</a></li><li><a href="http://www.it-solution.in">Menu4</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">Sub Menu1</a></li> <li><a href="http://jafaralikhan.blogspot.com">Sub Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Sub Menu3</a></li> </ul></li><li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Menu2</a></li><li><a href="http://www.javascriptkit.com/howto/">Menu2</a></li><li><a href="#" >Menu2</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> </ul></li></ul>See Demo
Form Validation with js and cssTo make it all work, we first need to add the jQuery library script between the Head tags.* when you blank field then focus text box (etc) border red and open alert box* when you focus text box etc then text box and etc background change.Code Here <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Create User</title> <meta http-equiv="Content-Type" content="text/html;…
Simple Tabs CSS & jQuery - Easy Tab Tutorial with CSS and jQueryI know there are quite a few tutorials out there that demonstrate how to create tabs with CSS & jQuery, but I decided to create my own as well. I’m not sure if the techniques are the same, but hopefully this tutorial will be easy to understand even…
Check file Size Validation on PhpCheck file Size Validation on Phpdefine("MAX_SIZE",20000);$target_path='fileUpload/';if($_FILES["fileUp"]["size"] < MAX_SIZE){ if(move_uploaded_file($_FILES['fileUp']['tmp_name'], $target_path)) { echo "The file has been uploaded"; } else{ echo "Error Uploading!"; }}else{echo "Large size!";}
Create a sortable table with multi-column sorting capabilities.A simple Table Sorter.tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including: Multi-column sortingParsers for sorting text,…
jQuery toggle ExamplesIf more than two handlers are provided, will cycle among all of them. For example, if there are three handlers, then the first handler will be called on the first click, the fourth click, the seventh click, and so on.The method is provided for convenience. It is relatively straightforward to implement the same behavior by hand, and this…