Skip to main content

Posts

Showing posts with the label Ajax

26 Best ways to implement AJAX, CSS and Javascript based Tabs

Recently I was surfing the web for the best AJAX and CSS based tabs, menus for one of my project. In the process,I found some really good resources from fellow developers and thought to share the same with you all. As you are aware that there are countless resources available on every topic in the world of internet but only a handful of them are utility types. As a result it is really hard at times to find the right resource from millions of websites which really suits our need. Keeping this predicament of my fellow developers in mind, I came up with this list which will really prove to be helpful to all of you. Here is the list of examples are arranged randomly, show some love and Digg it if you really like it :) AJAX Tabs (Rails Redux): Source:  http://actsasflinn.com/Ajax_Tabs/index.html Description: The purpose of doing Tabs in Ajax is not just to do something in Ajax. The context for which this is used is not for novelty. In this demo we are using Ajax to load infor

Ajax login validation system in PHP using jQuery

I’ve just shown the example without connecting the database and some people have faced problem with database connecting solution of that problem.In this post, I’ll show you how to use Ajax login system in php using jQuery and some animation as well. View Demo In this example, first of all we’ll validate the user login detail from ajax showing the messages with some animation. If authenticated, the user will be redirected to the secure page “secure.php”. If you’ll try to directly access “secure.php”, you can’t do that. Now let’s look at the code how to do this, HTML Code < form method="post" action="" id="login_form" /> < input name="username" type="text" id="username" value="" maxlength="20" /> < input name="password" type="password" id="password" value="" maxlength="20" /> < input name="Submit" type="s

Create a Lightbox effect only with CSS – no javascript needed

You may call it Lightbox, or Greybox, or Thickbox, but it’s always the same effect. When you are on a page, and click on a photo or trig some event, a Lightbox is an effect that fades the pagein the background to show you new content in the foreground. I mean this effect In the upper example, when clicking on a photo the site fades to black and shows the photo, in the lower one when clicking on “login” the site fades to white and shows the login form. There are tons of Lightbox scripts in the web, each one with its unique features and limitations, but all require massive use of Javascript or the installation of javascript frameworks. In some cases, there are “lightweight” versions with “only” 40KB of Javascript. This example does not want to compete with those scripts, but if you are looking for a simple, 100% CSS, 0% javascript lightbox, this may help you. Features of this Lightbox: 100% CSS as said You can insert any content in it (some scripts out there only all

15 Ways to Improve CSS Techniques Using jQuery

CSS is great and when it is combined with powerful JavaScript frameworks like jQuery, you can achieve some really amazing things. Combining these two together will let you enhance the user experience by providing more intuitive and responsive web interface. Here are 15 ways you can use jQuery to improve CSS techniques. 1. Custom Styled Radio Buttons and Checkboxes It is always hard and next to impossible to customize style of radio buttons and checkboxes. But using jQuery we can easily customize the radio buttons and check boxes to make them more user friendly. Here are two different ways to stylize them: Custom Designed Checkbox and Radio Buttons Radio Button and Checkbox replacement. 2. Setting Equal Heights with jQuery Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. Here’s the jQuery way to set equal height of multiple elements using the  equalHeights plugin . With this plugin, you can make e

25 New & Useful PHP Techniques & Tutorials

PHP is the most popular and widely accepted server side scripting language among developers due to its easy to learn nature, free of cost and its large ever increasing helpful community. Here are 25 useful PHP techniques and tutorials, most of which have been published only in this year. 1.  Facebook type image rotation and more using PHP and Javascript How does facebook rotate images in gallery. Here’s a nice solution using the inbuilt  imagerotate functionality in PHP.  View Demo » 2.  Retrieve Google Analytics Visits and Pageviews with PHP Learn how to integrate Google Analytics data into your website using an easy to use PHP API View Demo » 3.  Caching Dynamic PHP pages easily Learn how to cache database intensive heavy pages and serve the static html cached files utilizing the output buffering in PHP 4.  Reading Excel Sheet in PHP In this article you will learn, how you can read Microsoft Excel Sheet in PHP using Open Source Tool PHPExcelReader. 5.  XML Parsing in PHP/XPath Wa