Skip to main content

Posts

Showing posts from 2012

GMAP3 – A jQuery Google Maps Plugin For The Developers

GMAP3  is one of the finest Google Maps jQuery Plugin which uses Google Map API version 3 to create maps with the advanced features available in it.  Google themselves has simplified the efforts in adding the maps in any website, but still applying some advance features are tricky sometimes. Unlike the other Google Maps plugin, GMAP3 aims to allows many manipulation of the google map API version 3. Let me take a look on the integration part. As I said, integration Google Maps with GMAP3 is simple and all you need is adding few things to get start with it Step 1:  Add the Google Maps script before closing  </head> <script type = "text/javascript" src = "http://maps.google.com/maps/api/js?sensor=false" ></script> Step 2:  Download the GMAP3 jQuery Plugin and upload it to your server <script type = "text/javascript" src = "gmap3.min.js" ></script> Now in order to embed the Google Maps, do the followi
Post a Comment
Read more

PHP File Upload

With PHP, it is possible to upload files to the server. Create an Upload-File Form To allow users to upload files from a form can be very useful. Look at the following HTML form for uploading files: <html> <body> <form action="upload_file.php" method="post" enctype="multipart/form-data"> <label for="file">Filename:</label> <input type="file" name="file" id="file" /> <br /> <input type="submit" name="submit" value="Submit" /> </form> </body> </html> Notice the following about the HTML form above: The enctype attribute of the <form> tag specifies which content-type to use when submitting the form. "multipart/form-data" is used when a form requires binary data, like the contents of a file, to be uploaded The type="file" attribute of the <input> tag specifies that the input sho
Post a Comment
Read more

Base64 Encode and Decode String in PHP

function base64url_encode($plainText) { $base64 = base64_encode($plainText); $base64url = strtr($base64, '+/=', '-_,'); return $base64url;  } function base64url_decode($plainText) { $base64url = strtr($plainText, '-_,', '+/='); $base64 = base64_decode($base64url); return $base64; }
Post a Comment
Read more

Send Mail using mail function in PHP

$to = "admin@user.vn"; $subject = "User.vn"; $body = "Body of your message here you can use HTML too. e.g. <br> <b> Bold </b>"; $headers = "From: Peter"; $headers .= "Reply-To:  info@yoursite.com "; $headers .= "Return-Path: mailto:info@yoursite.com"; $headers .= "X-Mailer:PHP5"; $headers .= 'MIME-Version: 1.0"; $headers .= 'Content-type: text/html; charset=iso-8859-1"; mail($to,$subject,$body,$headers);
Post a Comment
Read more

JQuery Plugin : edit Image FaceBook Style

After reading for 1 day about this, I've just finished making my first jquery plugin. it’s not so hard after all. this will add a link when hover on image. like if you hover on your profile image on facebook. This Plugin meanwhile works on Div Only 1: $.fn.editFaceBook = function (options) { 2: var opts = jQuery.extend({}, jQuery.fn.editFaceBook.defaults, options); 3: return this .each( function () { 4: //here is the div/image as 1 element 5: $currentdivorimage = jQuery( this ); 6: $currentdivorimage.width(opts.width); 7: $currentdivorimage.css( 'position' , 'relative' ); 8: $divouter = $( '<div></div>' ).appendTo($currentdivorimage); 9: $divouter.bind( 'mouseout' , opts.hideedit); 10: $divouter.bind( 'mouseover' , opts.showedit); 11: var $link = $( '<a></a>' ).appendTo($d
Post a Comment
Read more

Facybox

A jQuery-based, Facebook/Fancybox-style lightbox which can display images, divs, or entire remote pages. More Information on Facybox
Post a Comment
Read more

CREATE A SIMPLE CSS DROPDOWN MENU

Learn to create a very simple CSS dropdown menu with solely HTML and CSS. This is a very useful and small dropdown menu without the use of javascript! Let me start with the CSS code, edit the colors and sizes to suit your websites needs: ul { font-family: Arial, Verdana; font-size: 14px; margin: 0; padding: 0; list-style: none; } ul li { display: block; position: relative; float: left; } li ul { display: none; } ul li a { display: block; text-decoration: none; color: #ffffff; border-top: 1px solid #ffffff; padding: 5px 15px 5px 15px; background: #1e7c9a; margin-left: 1px; white-space: nowrap; } ul li a:hover { background: #3b3b3b; } li:hover ul { display: block; position: absolute; } li:hover li { float: none; font-size: 11px; } li:hover a { background: #3b3b3b; } li:hover li a:hover { background: #1e7c9a; } Next is the HTML code. It is structured as nested lis
Post a Comment
Read more

22 Best jQuery Dropdown Menus

Dropdown menus are used since the evolution of graphical user interfaces, and jQuery Menus are most wanted. Although a must in almost all websites, but still they are high on demand. There are numerous options in dropdown menus, but finding the one matching to your needs yet trendy can be tricky. Keeping this in mind, we have collected a whamming collection of  jQuery dropdown menus  to give a new inspiration for your designs. Check out the post and let us know which one appeals you the most. Enjoy! If you like this article, you might be interested in some of our articles on  jQuery Sliding Tutorials,jQuery Animate, jQuery Slideshow, and jQuery Tooltip Plugins . Create The Fanciest Dropdown Menu You Ever Saw Brian Cray teaches you how to create this stunning website dropdown navigation menu. The dropdown menu uses HTML, CSS and Javascript. You can also include the hoverIntent JQuery plugin for extra juicy effects. More Info on Create The Fanciest Dropdown Menu You Ever Saw Sexy Drop Do
Post a Comment
Read more