18Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

HOVER SLIDE EFFECT with jQuery

Ajax, Tutorials, Web Design & Programming
This jquery excercise will show how to make a picture territory with a few pictures that slides out when you drift over them, demonstrating different pictures. Arbitrary sliding impact add to its delightfulness, by arbitrary sliding impact I implies the pictures will slide to the top or base, left or right, becoming dull or not. At the time we click on any region, all regions will slide their pictures out. [caption id="attachment_409" align="alignnone" width="585"] Hover Slider Effect[/caption] For the HTML structure we will create a div element with the class and id “hs_container”. Inside we will place the different image areas with all possible images. The first image will have the class “hs_visible” which will make it being displayed on the top of all other images: Download Files
Read More
18Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

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
18Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

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
17Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

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
17Jun 2013 by Startbit Solutions Pvt. Ltd. 1 Comment

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
17Jun 2013 by Startbit Solutions Pvt. Ltd. 4 Comments

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
17Jun 2013 by Startbit Solutions Pvt. Ltd. 7 Comments

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
17Jun 2013 by Startbit Solutions Pvt. Ltd. 2 Comments

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