Some time clients requirement that when I right click then open delete option and particular div delete<!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> <style>.vmenu { border:1px solid #aaa; position:absolute; background:#fff; display:none; font-size:0.75em;}.vmenu .first_li span { width:100px; display:block; padding:5px 10px; cursor:pointer}.vmenu .inner_li { display:none; margin-left:120px; position:absolute; border:1px solid #aaa; border-left:1px solid…
Category Archives HTML
Pagination ClassCodeIgniter's Pagination class is very easy to use, and it is 100% customizable, either dynamically or via stored preferences.Here we will tell create paging in codeignator.Create Model class modelname extends CI_Model{function __construct() { parent::__construct(); $this->load->database(); }function get_all_posts($limit, $offset) { //get all entry $query = $this->db->get('entry', $limit, $offset);;/****entry is table name *******/ return $query->result(); }}Controller class controllername extends CI_Controller{ function…
How can change div, span etc position randomly ?<!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>Welcome to Notizza</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><style>.tip1 { width:44px; height:30px; vertical-align:middle; text-align:center; font-weight:bold; color:#222; line-height:30px; padding-right:6px; background:url(../images/bubble1.png) 0 0 no-repeat; z-index:100; margin-top:5px;}.toolTip { position: relative; }.toolTip a { text-decoration: none; text-align: center;}.toolTip .alt { display: none;}.toolTip a:hover ~ .alt { display: inline; padding: 6px; margin:…
Wide skyscrapper 160X600 px allways on TOP! also by scrolling <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="jquery_scroll.js"></script><script type="text/javascript"> $( document ).ready( function () { $( '#map' ).scrollFollow( {container: 'result1' } ); } );</script><title>jafarkhan.blogspot.com</title><body > <style type="text/css">*{ margin: 0;…
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>
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>
Title Bar Scrolling Marquee Title Bar Scrolling Marquee Use the Title Bar Marquee/Scroller generator at the top of the page to automatically generate a scrolling title bar for your page.<html><head><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Static Title</title> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="jquery.marqueetitle.js"></script> <script language="JavaScript" type="text/javascript"> $(document).ready(function() { $(document).marqueeTitle({ 'message' : ' Example Marquee Text (Jafar Khan 9451293997)', 'time' : 400 }); …
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","‘","’","“","”","å", "ƒ", "„", "…", "†", "‡", "ˆ", "‰", "Š", …
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…