Top Menu

Category Archives CSS3

What Are HTTP And HTTPS? HTTP  is the cornerstone web technology that helps to transmit and share information across the WWW. HTTPS is the second version of HTTP. It will make the Internet a safe haven for day-to-day transactions like eCommerce, Internet banking, instant messaging, video chat, file transfer, cloud storage, etc. SSL Makes All The Difference The key point…

 Add search to your site  Once you've created your custom search engine, you can add the Custom Search element to your site so that visitors can use it. To do this, you'll need to copy some code and paste it into your site's HTML where you want your search engine to appear.<form method="get" action="GoogleSearch.htm" target="_top">    <table border="0" align="right" cellpadding="0" cellspacing="0">       …

Recently when working on my site i got a requirment wherein i user can add multiple input text on page in different textboxes, and these textboxes needs to be created dynamically as per user need. So i decided to do it in jQuery. it’s quite easy to add or remove a textbox dynamically. The idea is quite simple, just combine…

Learn how to use the PHP GD library in your PHP program to generate dynamic images. Learn how to create and manipulate the GIF, PNG and JPG images.<?php# Note: Install GD laibreries $filename = '194_card.jpg';//orignal file $filename1 = '1.png';//save file name whoes you save list($current_width, $current_height) = getimagesize($filename);$left = 0; //crop left margin$top = 0;//crop right margin$crop_width = 1056; $crop_height = 400;$canvas = imagecreatetruecolor($crop_width,…

file upload with progress barjquery upload file with progress barStep 1.<html><head><title>Image upload without refresh page</title></head><scripttype="text/javascript"src="scripts/jquery.min.js"></script>//search this file on google <scripttype="text/javascript"src="scripts/jquery.form.js"></script> //search this file on google<scripttype="text/javascript">$(document).ready(function() { $('#photoimg').live('change', function(){ $("#preview").html(''); $("#preview").html('<img src="loader.gif" alt="Uploading...."/>'); //download load loading image  $("#imageform").ajaxForm({ target: '#preview' }).submit(); }); }); </script><style>body{font-family:arial;}.preview{width:200px;border:solid 1px #dedede;padding:10px;}#preview{color:#cc0000;font-size:12px}</style><body><divstyle="width:600px"><formid="imageform"method="post"enctype="multipart/form-data"action='ajaximage.php'>Upload your image <inputtype="file"name="photoimg"id="photoimg"/><br><inputtype="text"id='tt'name='tt'></form><divid='preview'></div></div></body></html>Step 2. <?php$path = "img/"; // set image upload path $valid_formats = array(".jpg", ".png",…

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…

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;…

Close