Demo of Selection of Classes for Tabs in JQuery UI

PHP is a server side scripting language used for managing backed functionality of the web site. PHP code is used to interact with database and manage the programing part of the website. Our browsers does not understand or supports PHP scripts. When user ( browser ) request for a PHP page the server interpret php files and returns the output in the form of HTML. By using PHP we can manage the outputs which reaches browser and finally displayed to the user.

This is the set of tags which is understood by web browser. By HTML we can control the look and feel of the website. Browser interprets the HTML tags and accordingly display the page. For example to write a part of text using underline we have to use tags and mark the starting and ending of the underlined text.
This is mainly used for managing client side scripting requirement. Our browsers support JavaScript and they execute this code once the page is loaded at client side. Server sends the code along with HTML tags to the web browser for execution at client end.

This is a database which stores records. Server side scripting languages interact with database and manage the data. We can add, update or delete records based on the requirement by using server side scripting language. Structured Query Language (SQL ) is the common language used to interact with the database.

Select above radio buttons to apply different classes to Tabs


$(document).ready(function() {
$( "#my_tabs" ).tabs({
heightStyle: "auto",
classes: {
  "ui-tabs": "ui-state-highlight",
var present_class = $( "#my_tabs" ).tabs( "option", "classes.ui-tabs" );
$('#d1').html( " <b>Status of classes    :  </b>: " + present_class );
$("input:radio[name=r1]").click(function() {
var sel=$(this).val()
$( "#my_tabs" ).tabs( "option", "classes.ui-tabs", sel );
var present_class = $( "#my_tabs" ).tabs( "option", "classes.ui-tabs" );
$('#d1').html( " <b>Status of classes    :  </b>: " + present_class );