| | 41 commentaires | Read More

14 best Facebook Scripts Using jQuery,PHP,CSS and Ajax

14  best  Facebook Scripts  Using jQuery ,PHP , CSS and Ajax
Facebook is the blood of our Social Life and Social Media. We can’t think of life without Facebook. Such is the craze of Facebook that we want to integrate and implement Facebook like style everywhere.Did you know you can integrate Facebook like Chat, Status updates,
| | 0 commentaires | Read More

super Shopping Cart - best jQuery Plugins Of 2014 - Tutorials for jQuery

super  Shopping Cart - best jQuery Plugins Of 2014 - Tutorials for jQuery  

| | 0 commentaires | Read More

jQuery AND AJAX to create ....Multiple Ajax Image Upload without Refreshing Page

jQuery AND AJAX to create ....Multiple Ajax Image Upload without Refreshing Page
Today I am presenting the most important social networking feature called multiple ajax image upload without refreshing the page using jquery and PHP. We just modified few lines of code in jqery.form.js plugin and renamed that to jquery.wallform.js. This feature is one of the key feature in Wall Script sale, big thanks to Arun Sekar for this code trick.
| | 2 commentaires | Read More

jQuery AND AJAX to create ..Slidorion-auto play accordion image slider effect

jQuery AND AJAX to create ..Slidorion-auto play accordion image slider effect
A combination of an image slider and an accordion, the slidorion displays beautiful images along with a variable length description. With images linked to each tab, and accompanied by a large array of…
 
| | 1 commentaires | Read More

55points ... Perfect PHP Pagination Script With Live Demo + Demo

We received a lot of enquiry from my blog reader
He asked me how we can implement Perfect Pagination using MYSQL and PHP.
I have develope a very simple and perfect script.
This is a simple script to create a pagination using PHP and MySQL.
Its always possible in MySql that your MySql SELECT query statement give thousands of records. But its is not good practice to display all the records on one page. We can also divided these records into many pages as per design requirement.

Pagination means display your query records on multiple pages instead of put all records in one long page.

MySql query allow you to create pagination by using LIMIT clause, LIMIT clause take two arguments. First argument is OFFSET and second argument is how many records you want to fetch from the database.
Below is a simple PHP/MySql script to fetch records using LIMIT clause to generate pagination.
| | 0 commentaires | Read More

55points ... How to Upload multiple images jQuery Ajax using PHP + Demo

I have received many requests from my readers to on how to upload multiple images in jQuery and PHP, so this is the article which I have wrote and explain jQuery and PHP to upload multiple images at once. You can use this as a reference for your web projects, specially focused on newbies to understand the procedures of images uploading.

Here is index.html file which contain jQuery library and CSS to handle your requests.

| | 1 commentaires | Read More

55points ... best Ajax Polling/Voting System

55points uses JQuery, Ajax, PHP and MySQL to program : Super Ajax Polling/Voting System
Polling system or Voting system is very common in web sites. Voting can be about your site or blog or some other thing just to get the user attention and get your idea about your product.I always tries to provide the users of 55Points.info some common but useful scripts which makes their effort succeeded. So after some voting system tutorials like

Database Structure

Copy this db structure as it is and paste in your mysql window.
CREATE TABLE IF NOT EXISTS `polling` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `liked` int(11) NOT NULL,
  `dislike` int(11) NOT NULL,
  `average` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
 
--
-- Dumping data for table `polling`
--
 
INSERT INTO `polling` (`id`, `liked`, `dislike`, `average`) VALUES
(1, 1, 1, 1);
CREATE TABLE IF NOT EXISTS `polling_ip` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `userip` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
 
--
-- Dumping data for table `polling_ip`
--

JQuery Code

// <![CDATA[ 
$(document).ready(function() {
 
 $('.totalstatsbutton').livequery("mouseenter", function(e){
  $('.tooltip3').show();
  $('.totalstats').fadeIn(200);
 }).livequery("mouseleave", function(e){
  $('.tooltip3').hide();
  $('.totalstats').fadeOut(200);
 });
});
 
$(document).ready(function(){ 
 
 $('#Send').click(function(){
 
        var vote = $("input[@name='radio_name']:checked").val();
  showLoader();
  $.post("voting.php?value="+vote,{
  }, function(response){
   hideLoader();
   $('#wrap').html(unescape(response));    
  });
 }); 
 
 //show loading bar
 function showLoader(){
  $('.search-background').fadeIn(200);
 }
 //hide loading bar
 function hideLoader(){
  $('.search-background').fadeOut(200);
 };
 
});
CSS
/* CSS Document */
button {
 -moz-background-clip:border;
 -moz-background-inline-policy:continuous;
 -moz-background-origin:padding;
 -moz-border-radius-bottomleft:3px;
 -moz-border-radius-bottomright:3px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-topright:3px;
 background:#F6F6F6 none repeat scroll 0 0;
 border:1px solid #CCCCCC;
 cursor:pointer;
 float:left; margin-left:10px;
 height:2.0833em;
 overflow:visible;
 padding:0 0.5em;
 vertical-align:middle;
 white-space:nowrap;
}
#wrap{
 border:solid #e5eecc 1px; width:200px; background:#e5eecc;
 -moz-border-radius: 6px; 
 -webkit-border-radius: 6px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
.tooltip{ height:13px;display: none;width:120px; text-align:left;overflow:visible;opacity:0.7;filter:alpha(opacity=40)}
.tooltip2{ height:13px;display: none;width:140px; text-align:right; overflow:visible;opacity:0.7;filter:alpha(opacity=20)}
.tooltip3{ height:13px;display: none;width:270px; text-align:right; overflow:visible;opacity:0.7;filter:alpha(opacity=40)}
 
#poll_quiz{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#fff}
#poll_quiz label{ width:150px; border:solid #669933 1px; padding:5px; background-color:#669933;}

#options{ text-align:left; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding:6px;}

.totalstats{
  display: none;
  font-size: 0.8em;
  height:17px;
  padding:7px;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  text-align: left;
  text-decoration: none;
  width:60px;
  background-color:#333333;
  color:#FFFFFF;
  text-shadow: #fff 0px 0px 20px;
 }
 
.totalstatsbutton{ width:180px; vertical-align:top;background:#F6F6F6 none repeat scroll 0 0; height:40px; cursor:auto}
.totalstatsbutton .greenBar{background-color:#AADA37;  height:5px; margin-bottom:3px; height:6px;}  
.totalstatsbutton .redbar{background-color:#CF362F;  height:5px; margin-bottom:3px;height:6px;}  
.totalstatsbutton .bluebar{background-color:#0099CC;  height:5px; margin-bottom:3px;height:6px;} 

 
#poll_result{ text-align:center; padding-top:12px; vertical-align:bottom}
#poll_result label{ float:left;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; width:49px;}
#poll_result div{ float:left}
#poll_result .greenBar2{background-color:#AADA37;  width:20px; margin-left:40px; height:6px;} 
#poll_result .redbar2{background-color:#CF362F;  width:20px; margin-left:26px;height:6px;}  
#poll_result .bluebar2{background-color:#0099CC;  width:20px; margin-left:26px;height:6px;} 

#voting_result{ border:solid #666666 1px; height:120px; margin-top:19px;-moz-border-radius: 6px; 
  -webkit-border-radius: 6px; width:500px; margin-left:12px; display:none
  }
 
#Send{ border:#CC0000 solid 1px;width:60px; background:#CC0000; color:#FFFFFF; cursor:pointer; padding:4px 12px 4px 12px; margin:10px 8px 6px 6px;}

.search-background {
  display: none;
  font-size: 13px;
  font-weight: bold;
  height:100px;
  position: absolute;
  padding-top:80px;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  text-align: center;
  opacity:0.5;filter: alpha(opacity=50) ;
  text-decoration: none;
  width:200px;
 }
 
.search-background {
   background:#999999;
  color:#FFFFFF;
  text-shadow: #fff 0px 0px 20px;
 }
 
search-background label{ 
 
 border:solid #66FF00 1px;
}

HTML

<div id="poll_quiz"><label>Vote about 99Points.info</label></div>
 
 <div id="wrap">
  <div class="search-background">
   <label><img src="loading.gif" alt="" /></label>
  </div>
 
  <div align="left" style="height:0px; margin-bottom:8px;">
   <div class="tooltip3">
    <?php include ('update_tooltip.php')?>
   </div>
  </div>
 
  <br clear="all" />
 
  <div id="update_count">
   <?php include ('update_box.php')?>
  </div>
 
  <br clear="all" />
  <div id="options">
   <input type="radio" name="user_rating" checked="checked" value="good" /> Good
   <br />
   <input type="radio" name="user_rating" value="bad" /> Not Good
   <br />
   <input type="radio" name="user_rating" value="average" /> Average
   <br />
   <input value="Send" type="button" id="Send">
 
  </div>
 </div>
55points uses JQuery, Ajax, PHP and MySQL to program : Super Ajax Polling/Voting System


| | 1 commentaires | Read More

55points ....Ajax Select and Upload Multiple Images with Jquery and php ,mysql

Very few days back I had posted an article about Multiple ajax image upload without refreshing the page using jquery and PHP. In this post I have updated few lines of code that allows to user can select and upload multiple images in single shot, thanks to Lakshmi Maddukuri for sending me a useful piece of code. Just take a quick look this live demo.

| | 0 commentaires | Read More

55points - Best JQuery Image Slider

55points -  Best  JQuery Image Slider
After Wall Scripts, JQuery galleries are most liked part on this blog So I decided to create another one. zSlider is a beautiful image slider for your web applications. I created this for those people who needs a fancy jquery image slider with a simple to use but for limited number of images. This slider accepts two lists of images, each list will have 12 thumbs limit which means you can add 24 images in this gallery. Currently this version has some limitations such as number of images to be used and maximum limit of images. But it is one of best gallery I have created.
| | 0 commentaires | Read More

jQuery AND AJAX to create ..Image Parallax Effect

jQuery AND AJAX  to create ..Image Parallax Effect
Custom jQuery Plugin for Creating Parallax Effect Image Sliders Default options: var options = { autoPlay : 3000,//(mixed) (bool) false to disable, (int) duration to hold between slides in ms speed :…
| | 1 commentaires | Read More

Useful jQuery Plugins Of 2013 - Shopping Cart - jQuery Plugins - Plugins ,Extensions & Tutorials for jQuery

 2  Useful jQuery Plugins Of 2013  -  Shopping Cart     -  jQuery Plugins - Plugins ,Extensions & Tutorials for jQuery
There are a lot tutorial about creating drag and drop shopping cart, in this post I want to share my version still with JQuery, but the different is this example only shows the code on the client side, which mean all of data are hardcoded on the html, and counting price and total items will be handle by javascript.
| | 1 commentaires | Read More

1 best Popular jQuery Plugins of 2013 | Facebook Like URL data Extract | Extensions & Tutorials for jQuery

1 best Popular jQuery Plugins of  2013 | Facebook Like URL data Extract  |   Extensions & Tutorials for jQuery 

AJAX (83) Android (11) Apple (1) Blogger (3) BOOK (1) CHAT (2) CSS (23) DATABASE (2) DRAG (1) DROP (2) FACEBOOK (18) FLEX (1) Gmail (22) google (126) Google Calendar (22) Google+ (5) HTML (4) IPHONE (6) JAVASCRIPT (24) JAVASCRIPT JQUERY (12) Joomla (1) JQUERY (127) jQuery Mobile (3) MENU (2) Mobile (19) MYSQL (37) MySQL. (27) PAGINATION (2) PHP (81) POLL (1) PROJECTS (59) registration (1) SEO (1) Shopping (4) SLIDER (12) Sony Xperia (4) TABLE (1) TUTORIALS (16) TWITTER (2) WEBDESIGN (15) XX (13) YouTube (17)