EXPANDING IMAGE MENU with jQuery aand Ajax

Ajax, PHP, Tutorials, Web Design & Programming
In today's excercise we will make a developing picture menu with jquery. The thought is to have a few segments with dark and white picture cuts that will make a substance range slide out when we click on them. We will additionally slide in the shaded form of the picture, making a slick impact. [caption id="attachment_406" align="alignnone" width="581"] Expanding Menu[/caption] The Html structure comprises of a prevailing holder and an unordered record where every thing is one of the sections. We will give the prevailing compartment the class "ei_menu" and additionally the id "ei_menu". The record things are set to hold a connection component with two compasses inside and a div component with the substance. The two compasses are for the foundation picture indicated at the starting and the hued…
Read More

Compact News Previewer with jQuery

Ajax, Tips, Tutorials
Today we will make a news previewer that how about we you indicate your most cutting edge articles or news in a reduced manner. The news previewer will reveal to some record of articles on the left side and the sneak peak of the article with a more extended portrayal on the right. When a news on the left is clicked, the sneak peak will slide in. Start up  We will have a principle holder "cn_wrapper" that will hold a right component with the class "cn_preview" and a left unified with the class "cn_list". The review div will hold content components. Every one of them holds a sneak peak picture, a title and portrayal in addition to a few compasses and a connection to the true article. In the record…
Read More

Facebook Style Event Creator Ajax ,PHP AND MYSQL CURL

Ajax, Databases, Tips, Tutorials
A different Facebook style excercise for you with jquery and Ajax. Facebook occasion maker is utilized for making occasions on facebook. So in the wake of including some breathtaking excercises facebook I have now made facebook style occasion inventor for you. This is marvelous bit of script. Trust you will like it. Database CREATE TABLE IF NOT EXISTS `facebook_event` ( `id` int(11) NOT NULL AUTO_INCREMENT, `EventInput` varchar(255) NOT NULL, `datepicker` int(11) NOT NULL, `where_text` varchar(255) NOT NULL, `WhoInvited` varchar(255) NOT NULL, `users_ip` varchar(200) NOT NULL, `date_created` int(11) NOT NULL, PRIMARY KEY (`id`) ) JQUERY CODE // Download Source Code
Read More

Digg Style Follow Unfollow PHP, jQuery and CSS

Ajax, Databases, PHP Scripts, Tutorials
You know Digg has altered its style and layout and now I suppose it looks wonderful. This time on vivacity, I make Digg Style follow/unfollow provision. Which I tried to make same as unique Digg look. Numerous clients like my facebook style excercises So this is a proceeds arrangement ofdigg style excercises. I trust You will like it. I have utilized client Ip to check emulated or unfollowed. Anyhow you can do this in your needed way. If its not too much trouble offer this assuming that you such as and dont neglect to subscribe via message. DATABASE STRUCTURE CREATE TABLE IF NOT EXISTS `digg_follow` ( `id` int(11) NOT NULL AUTO_INCREMENT, `fullname` varchar(120) NOT NULL, `username` varchar(80) NOT NULL, `image` varchar(100) NOT NULL, `bio` text NOT NULL, PRIMARY KEY (`id`)…
Read More

Comment system with jQuery, PHP AND MYSQL

Ajax, Databases, PHP, Techniques
This time we are set to improve Comment framework without invigorating page with jquery, Ajax and Php. In this requisition we had actualized with gravatarimage. It's is helpful and basic just a few lines of code. Examine the live demo impact. javascript code. http://jquery.js $(function() { $(".submit").click(function() { var name = $("#name").val(); var email = $("#email").val(); var comment = $("#comment").val(); var dataString = 'name='+ name + '&email=' + email + '&comment=' + comment; if(name=='' || email=='' || comment=='') { alert('Please Give Valid Details'); } else { $("#flash").show(); $("#flash").fadeIn(400).html('Loading Comment...'); $.ajax({ type: "POST", url: "commentajax.php", data: dataString, cache: false, success: function(html){ $("ol#update").append(html); $("ol#update li:last").fadeIn("slow"); $("#flash").hide(); } }); }return false; }); }); C omment.php Contains HTML code here class timeline li{display:none} <ol id="update" class="timeline"> </ol> Name Email commentajax.php Contains PHP and HTML…
Read More

Load Infinite Data while Scrolling Page Down in jQuery, AJAX ,PHP AND MYSQL

Ajax, Databases, PHP Scripts
This excercise about my top choice put Dzone like information stacking while page scrolling down with jquery and Php. We have heaps of information however can't show all. This script encourages you to showcase small information and make quicker your site. Investigate live demo and span down. Database Table CREATE TABLE messages( mes_id INT PRIMARY KEY AUTO_INCREMENT, msg TEXT); Browser Capability : Safari, Firefox, IE, Chrome load_data.php When we are scrolling down a webpage, the script($(window).scroll) finds that you are at the bottom and calls the last_msg_funtion(). Take a look at $.post("") eg:$.post("load_data.php?action=get&last_msg_id=35") <?php include('config.php'); $last_msg_id=$_GET['last_msg_id']; $action=$_GET['action']; if($action <> "get") { ?> http://jquery.js $(document).ready(function() { function last_msg_funtion() { var ID=$(".message_box:last").attr("id"); $('div#last_msg_loader').html(''); $.post("load_data.php?action=get&last_msg_id="+ID, function(data){ if (data != "") { $(".message_box:last").after(data); } $('div#last_msg_loader').empty(); }); }; $(window).scroll(function(){ if ($(window).scrollTop() == $(document).height() - $(window).height()){…
Read More

Ajax Polling/Voting System with jQuery, Ajax, PHP and MySQL

Ajax, Databases, PHP, Tutorials
Surveying framework or Voting framework is extremely regular in sites. Voting could be about your website or site or some other thing simply to get the client consideration and get your thought regarding your item. 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 ; JQUERY CODE…
Read More

jQuery, AJAX AND PHP for YouTube Style Rating/Voting System

Ajax, PHP Scripts, Techniques, Tutorials
Today we have made Youtube style rating framework which is likewise called thumbs up/down rating. It is 99% indistinguishable to unique youtube rating framework. I have tried my best to give you a jazzy and same youtube look rating framework. I have execute Ip address checks for the purpose that a solitary client can rate once. It looks extremely wonderful please attempt it and give your food backs. Database Structure CREATE TABLE IF NOT EXISTS `youtube_ip` ( `id` int(11) NOT NULL AUTO_INCREMENT, `userip` varchar(100) NOT NULL, PRIMARY KEY (`id`) ) CREATE TABLE IF NOT EXISTS `youtube_rating` ( `id` int(11) NOT NULL AUTO_INCREMENT, `liked` int(11) NOT NULL, `dislike` int(11) NOT NULL, PRIMARY KEY (`id`) ) INSERT INTO `youtube_rating` (`id`, `liked`, `dislike`) VALUES (1, 0, 0); Download Source Code
Read More

PHP AND MySQL to create : registration with email verification and login

Databases, PHP
Have you ever registered on a website and you were required to activate your newly created account via a confirmation link sent to the email address you supplied while registering? This Email verification “Mechanism” is very common nowadays especially in forums, popular websites such as ebay, paypal, Facebook etc .Verifying Email Address helps to reduce spam and also to make sure that the email supplied belongs to that member. WHAT ARE WE GOING TO BUILD ? We are going to build a small system in which a user can register a new account. After registration, a confirmation link will be emailed to the email supplied in the registration form. The user will have to log in his email Account and click the activation link. After that, He or she or…
Read More