how to fix div in bottom/top<div style="background:#000; height:10px; margin:0 auto ; width:100%; position: fixed; z-index:200; bottom:0px; ">this is testing </div>
Category Archives CSS3
How to create dive corner without image How to create dive corner without image Here you make comer without image with the help of jQuery. Code Here : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script language="JavaScript" src="jquery-1.6.js"></script><script language="JavaScript" src="jquery.corner.js"></script><script language="javascript">$('#divID').corner("10px");</script></head><body><div id="divID" style="width:300px; height:200px; background-color:#090;" > test round couner</div></body></html>Example
How to validate url in java script How to validate url in java scripturl validation in java scripHow to validate url in java scriptThis function can be used for validating url function isURL(s) { var regexp = /http://[A-Za-z0-9.-]{3,}.[A-Za-z]{3}/; return regexp.test(s);} <html><head></head><script language="javascript">function isURL(s) { var regexp = /http://[A-Za-z0-9.-]{3,}.[A-Za-z]{3}/; alert(regexp.test(s));}</script><body> <form> <input type="text" name="url" size="20" id="url"/> <input type="button" value="Validate" onClick="javascript:isURL(document.getElementById('url').value);"/> </form></body></html>
Here you can change Hindi fount to Unicode with the help of Javascript Function Here you can get all links links where you can Converter Hindi fontData Conversion gives the facility to convert Hindi Font Data to UnicodeExample 1. Call javascript Function below Body Tag <script type="text/javascript">function convert_to_unicode(objValue,showerID){var array_one = new Array( "ñ","Q+Z","sas","aa",")Z","ZZ","‘","’","“","”","å", "ƒ", "„", "…", "†", "‡", "ˆ", "‰", "Š", …
Vertical and horizontal marquee Vertical and horizontal marquee with java script html Code <html><head><style>#marqueehor{ position: absolute; bottom:0; left:0; width: 100%; height: 60px; border: 1px solid black;}#marqueehor div{ border: 1px solid red; padding: 20px; height: 60px; position: absolute; top: 0;}#marqueever{ position: absolute; left:0; top: 0; border: 1px solid black; width: 100px; height: 400px;}#marqueever div{ border: 1px solid red; padding: 20px; width:…
Horizontal List Menu<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jafaralikhan.blogspot.com</title><link rel="stylesheet" type="text/css" href="csshorizontalmenu.css" /><script type="text/javascript" src="csshorizontalmenu.js"></script></head><body><div class="horizontalcssmenu"><ul id="cssmenu1"><li style="border-left: 1px solid #202020;"><a href="http://jafaralikhan">Home</a></li><li><a href="http://jafaralikhan.blogspot.com" >Free JS</a></li><li><a href="http://jafaralikhan.blogspot.com">JS Tutorials</a></li><li><a href="http://jafaralikhan.blogspot.com">References</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">JS Reference</a></li> <li><a href="http://jafaralikhan.blogspot.com">DOM Reference</a></li> <li><a href="http://jafaralikhan.blogspot.com">CSS Reference</a></li> </ul></li><li><a href="http://jafaralikhan.blogspot.com">web Tutorials</a></li><li><a href="http://jafaralikhan.blogspot.com">Resources</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">Dynamic HTML</a></li> <li><a href="http://jafaralikhan.blogspot.com">Coding Forums</a></li> <li><a href="http://jafaralikhan.blogspot.com>CSS Drive</a></li> <li><a href="http://jafaralikhan.blogspot.com>CSS…
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…
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=""…