Here you do the change date format with this function.Code :public function todayDDMMMYY($dt,$format='d-M-Y') { date_default_timezone_set('Asia/Calcutta');//// Change according itself country Zone return date($format,strtotime($dt)); }
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…
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
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=""…
Print Multiple Row without Nested Loop with DatabasePrint Multiple Row without Nested Loop with Database · Some Time You need To Print Multiple Row According Database But You Can Not Print Multiple row Without Nested Loop. But I can do Without Use nested Loop. Only use <ui> and <li> tag· click on the text to Update Photo Title .· Auto Increase…
On keyup this text box sends a request to PHP and a value is returned.html codeSend request to server without page refresh . Got it result on same page test.html (file Name)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Ajax With Jquery</title> <style type="text/css" media="screen"> #display{ …