Archive: ajax
-
Jul 28, 2011
Comments OffJquery Mouseover Tooltip Plugin
Let’s review a topic about how to create Jquery Mouseover Tooltip Plugin. Have you ever seen Jquery Mouseover Tooltip Plugin ? … Like this below: Link Nudging Or, Naruto Image How to do ? … 1. Go to Dashboard, click Design, click Edit HTML 2. Find code of HTML below: </head> you can use (Ctrl+F)...
-
Jul 28, 2011
Comments OffJquery Thumbnail Image with Heading and Caption
Let’s review a topic about how to create a Jquery Thumbnail Image with Heading and Caption. Have you ever seen Jquery Thumbnail Image with Heading and Caption ? … Like this below: Click Here to See the Example how to create a Jquery Thumbnail Image with Heading and Caption ? … First Step; 1. Go...
-
Jul 28, 2011
Comments OffSliding Letters with jQuery
Example In the following we will go through an example and we’ll start by the html for a little menu: 1 <div class="sl_examples"> 2 <a href="#" id="example1" data-hover="Creativity">Illustrations</a> 3 </div> We will use data-hover to indicate the word that should appear on hover. If you don’t use the data-hover then the same word will be...
-
Jul 28, 2011
Comments OffCSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
1. The HTML The markup just consists of a div with an unordered list inside. The list elements contain a span for the icon and the link element: 01 <div class="navigation"> 02 <ul class="menu" id="menu"> 03 <li><span class="ipod"></span><a href="" class="first">Players</a></li> 04 <li><span class="video_camera"></span><a href="">Cameras</a></li> 05 <li><span class="television"></span><a href="">TVs</a></li> 06 <li><span class="monitor"></span><a href="">Screens</a></li> 07 <li><span class="toolbox"></span><a...
-
Jul 28, 2011
Comments OffjPaginate: how to add a Fancy jQuery Pagination Plugin
jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well. You can call the plugin in the following way: $(elementID).paginate() You can...
-
Jul 28, 2011
Comments OffTwitter API and jQuery Showcase: Display your Followers or Friends
Today I was playing around with the Twitter API and created this little “widget” using jQuery and PHP. I know, there are already plenty of them, but I wanted to improve some details. Some of the features are: You can get your most recent 100 followers or friends Followers or friends are shown in...
-
Jul 28, 2011
Comments Offall Fixed Fade Out Menu: A CSS and jQuery Tutorial
1. The HTML The markup is pretty simple: we have a div with a list inside. The list items will be our links, the search input and the arrow buttons: 01 <div id="nav"> 02 <ul> 03 <li><a class="top" href="#top"><span></span></a></li> 04 <li><a class="bottom" href="#bottom"><span></span></a></li> 05 <li><a>Link 1</a></li> 06 <li><a>Link 2</a></li> 07 <li><a>Link 3</a></li> 08 <li><a>Link 4</a></li>...
-
Jul 28, 2011
Comments Offhow to add Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
1. The HTML Structure The only thing we will need for the navigation is a simple unordered list with links inside of the list elements: 1 <ul id="navigation"> 2 <li class="home"><a title="Home"></a></li> 3 <li class="about"><a title="About"></a></li> 4 <li class="search"><a title="Search"></a></li> 5 <li class="photos"><a title="Photos"></a></li> 6 <li class="rssfeed"><a title="Rss Feed"></a></li> 7 <li class="podcasts"><a title="Podcasts"></a></li> 8 <li...
-
Jul 28, 2011
Comments Offhow to add Sweet Thumbnails Preview Gallery
The Markup The HTML structure is going to consist of a main container which will have the image wrapper for the big image, the navigation items and the dot list with the thumbnail preview: 01 <div id="ps_container" class="ps_container"> 02 <div class="ps_image_wrapper"> 03 <!-- First initial image --> 04 <img src="images/1.jpg" alt="" /> 05 </div> 06...
-
Jul 27, 2011
Comments OffjQuery Dialog Box Tutorial
Recently on a coding project for my day job I had a requirement to display a dialog box to confirm that when someone clicked a cancel link that they meant to do the cancel action. The dialog box was on a page that built a list of links with multiple cancel links, each with a...
-
Jul 22, 2011
Comments Off
-
Mar 16, 2011
Comments Offhow to Pass javascript variable to PHP
There is lots of way to pass the php script data in javascript like simply echoing php varible in PHP. Yes you can simply echo php varibale in javascript within php tag like <?php $a = "hello"; ?> <script type="text/javascript"> function test() { var str = '<?php echo $a ?>'; } </script> You can also...
-
Mar 16, 2011
Comments Offhow to do File Uploading Using PHP Curl
File uploading through PHP Curl is very simple. You just have to append @ in front of path of file name & send it to upload handler page as Post parameter.Suppose input type file name is “image” like <input type =”file” name=”image”> Then use the following PHP curl code to upload the file. <?php $ch...
-
Feb 03, 2011
Comments OffPassing Multiple Values while using jQuery.Ajax()
I recently saw a question on the forums where the user needed to pass the value of multiple textboxes while performing an async HTTP request using $.Ajax() Here’s how to pass the values of multiple textboxes in the $.Ajax() call. The call is being made to an ASP.NET WebMethod which accepts 3 parameters. $.ajax({ type:...
-
Feb 03, 2011
Comments OffGet Selected Items From DropDown control using jQuery
Here’s a very simple way to get the selected items in a DropDownList. Just use the jQuery change() method and write the results to a div control Single Selection <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Get Selected Item - DevCurry.com</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"> </script> <script type="text/javascript" language="javascript"> $(function () { $('#ddl').change(function () { $('#divone').text($(this).find(":selected").text()); }); }); });...
-
Feb 03, 2011
Comments OffGeneric Error Message in an Ajax call using jQuery
The jquery $.ajaxSetup() allows you to set default values for future Ajax requests. Here’s how to use this function to set a default generic error message $.ajaxSetup({ error: function(e, xhr, options, ex) { alert("A Generic AJAX error " + ex); } }); So now each time an error occurs during an ajax request and the...
-
Jan 24, 2011
Comments OffChange dropdown list (options) values from database with ajax and php
I’m going to show you a example in php and ajax to change the values of the dropdown’s options without refreshing the page. The values (options) of the dropdown are fetched from the database and the certain portion of the web pages is only refreshed without need to refresh the whole page. Let’s start with...
-
Jan 11, 2011
Comments OffHow to make a PHP calendar
In this tutorial you will learn how to build your own web based calendar using PHP. This calendar is made from two parts. On top there are the links to the previous and the next month, and below them is the calendar itself. It will show the selected month name with the year following and...
-
Jan 11, 2011
Comments OffHow to Create a Calendar in PHP
PHP date functions make it easy to generate calendars on-the-fly. calendar image by Christopher Hall from Fotolia.com // The PHP programming language features date and time functions that simplify creating a monthly calendar. The “date()” function returns a formatted date, or parts of a date, for a given UNIX timestamp. The “mktime()” function returns a...
-
Dec 28, 2010
Comments Off6 free ajax chat applications using PHP | free-ajax-chat-applications-php
While talking about chat application, these days people hate those kind application made in PHP which need page refreshing. In this post, I’ll show you six different free Ajax chat applications which might be very useful if you’ve to use Ajax based chat application. Depending upon the requirement of your chat application, you can use...