Friday, April 19, 2013

Selecting HTML elements with similar ID

You want to select only certain HTML elements that have id starting with some string? This is the right tutorial for you.
Look at first highlighted portion of code - it's jQuery selector that selects all elements starting with 'q'.
That means that only they will be transformed.

Tuesday, April 9, 2013

Delete row with jQuery and PHP

Do you want to delete a row in HTML and MySQL table with fancy fade out effect? This is the right tutorial for you assuming that you are familiar with basics of jQuery and PHP.
You make an asynchronous call to PHP script called delete.php so end user doesn't leave page when a row is deleted, instead he gets an alert box that confirms that row is deleted and the row gradually disappears.

jQuery shopping cart

Your manager told you to put shopping cart into an existing site? And told you to use jQuery and AJAX in order to prevent page reload as customer click on products in catalog? And add a couple of effects?

Create Web Widget in iFrame

Do you want to create widgets that can deliver different content based on visitor's browser and location? It is not that difficult. In this tutorial I'll assume that you have a basic knowledge of JSON, XML and jQuery.
This tutorial assumes that you have cURL and simpleXML functions enabled on your web server.

Saturday, April 6, 2013

jQuery's on function tutorial

This tutorial show how to work with table element. It uses jQuery function on() to highlight both tables. The one that will be inserted in page DOM after AJAX call to file ajax.php and the other table that is part of initial DOM.

Parse XML using jQuery

In this tutorial I'll show you how to parse XML file using jQuery. PHP will generate a XML file and jQuery will parse it and create HTML code for web page.

jQuery and PHP generated form

Say you want to enable disable text fields in a form that is generated by PHP script. The script pulls data from a MySQL table, and you want to reduce source code you maintain to minimum. You want JavaScript to work regardless of number of fields in table only condition is that billing fields are enabled when shipping data is different from billing data. And vice versa.

Prepare site for upload to production server

When you prepare your web site for production you need to enable compression in order to save bandwidth and get higher rank in Google SERP. You can check the results of your compression using free tools like Google Web Master Tools

Search and Highlight a Portion of Article

If you want to show only a few sentences in you search results page and you want to be different sentences you will find this tutorial very useful.