Posts tagged javascript

PHP LiveX – Enrich your applications with ultimate php-js interaction

0

PHPLiveX is a lightweight php-javascript class library that helps you integrate AJAX into your PHP applications. Without a page is loaded again, you may call your PHP functions in the same page, submit your form to an URL and send a request to another page.

You may also upload files via Ajax with progress bars. It was specially designed to ensure smooth work of PHP based websites.

Features of PHP LiveX :

  • Lightweight with one class library
  • Call your PHP functions and class methods from JavaScript in one line
  • Send forms and Ajax requests to an URL
  • Easy dom manipulation via Ajax response
  • Show your custom preloader during the process
  • Pass your objects and arrays between PHP and JavaScript each other
  • Use browser history buttons to navigate in your Ajax based content
  • Upload files via Ajax with your own custom progress bar

jQuery Plugin – Form To Wizard

0
FormToWizard jQuery Plugin turns a long web form into a wizard

If you have a large web form with semantically dividable sections, we can say that each section represents a sub task of a larger task of filling the entire web form. In order to increase useability, each sub task can become a step with a description, form fields and navigation that is common for wizard forms – back and next. The entire process can be done in several simple steps.

FormToWizard Plugin works on fieldsets within a form and convert them to wizard steps

This plugin has only 2,3KB and with compression it can be even smaller. It is compatible with all major browsers: FireFox, Google Chrome, Safari, Opera, Internet Explorer 8, 7 and 6.

Before FormToWizard jQuery Plugin
After FormToWizard jQuery Plugin

More details about the implementation and jQuery Plugin can be found here.

Methods to Create Equal Height Columns

0

Back when tables were used for layouts, creating equal height columns was very simple. All you had to do was create three cells in a row and you have a layout with equal height columns. The method for creating equal height columns isn’t as straightforward when you use CSS for layouts.

This article discusses some methods to create equal height columns that work on all major web browsers (including the infamous IE6). All of these methods show how to create a three column layout.

Create a layout in which all the three columns assume the height of the tallest column.

Method 1: Using display: table Attribute

In this method we use a list or one div enclosing a set of <div>s (one for each column). The enclosing div is given a display: table attribute and each enclosed div is given a display: table-cell attribute.

I’ll discuss this with an example: More >

Web Form Enhancement with jQuery Plugins and Tools

1

Easy user interaction and data collection is really a key functionality on most websites and web applications. Providing users high quality and intuitive input forms may be just what is needed to make your users take the time to fill in and submit the information you’re trying to collect. In this article I have collected a number of really essential jQuery Form Enhancements. A few cheat sheets have been added as well.

(more…)

10+ Stunning Mootools script resources for enhancing your HTML Forms

1

Forms are one of the most important part of a website because thay allow users to submit information. But forms also require a lot of work to look good and to be easy to use. The good news is that others have made most of the hard work for you. If you use Javascript frameworks like Mootools there are many free scripts available providing excellent functionality and look and feel for html forms. This article provides 16 scripts to enhance and boost your html forms!

(more…)

Free Javascript Code Syntax Highlighters For Better and Faster Programming

0

If you are programmer or actually if you at least have some basic coding skills, you’ll find this article useful. For example just look at this page source – without highlighting that whole code is just a bunch of plain black text and it is really hard to find specific things if everything looks the same. Thankfully there are many highlighting scripts available, for example Notepad++ also supports and highlights different code snippets. These code syntax highlighters actually are doing mainly the same thing, but with more options, big coding language support, better integration – really in our days you just need to choose one – there are too many tools available anyway.

(more…)

Best of Tooltips Scripts With JavaScript, Ajax and CSS

0

Tooltips are the easiest and coolest way to show additional information or special reference,  which is often shown with mouseover or click actions…

Here We’ve Collected 30+ Tooltip Scripts vary from CSS,Ajax based, mootools and jQuery with cool Animation , which you can easily incorporate into your future designs.

(more…)

Go to Top