PHP Learning Bench: May 2013

Tuesday, May 28, 2013

Convert Array To Object

Use json_encode - convert array to json.
Json_decode - Convert json to PHP array or Object.
If set json_decode json value , option TRUE comes to array value.
If set json_decode json value , option FALSE comes to php Object.

<?php
$array = array("UID" => "615371-9834293-3232","code" => "AEPVC1");
$object = json_decode(json_encode($array), FALSE);
echo "<pre>";
print_r($array);
print_r($object);
echo "</pre>";
?>

Output :

Array
(
    [UID] => 615371-9834293-3232
    [code] => AEPVC1
)
stdClass Object
(
    [UID] => 615371-9834293-3232
    [code] => AEPVC1
)

Monday, May 27, 2013

Jquery UI Tab With Iframe Example

If You use Jquery ui tab and iframe use inside tab content.
It rasied some issues.you will use below code for jquery ui tab avoid issues and run perfectly.

Code:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Tabs with Iframe Example</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css" />
<script>
$(function() {
$("#vlayout_tabs").tabs();
   iframe_pop($("#vlayout_tabs ul li:eq(0) a.tab_lnk").attr("href"),$("#vlayout_tabs ul li:eq(0) a.tab_lnk").attr("rel"));

                $("a.tab_lnk").click(function() {
                   iframe_pop($(this).attr("href"),$(this).attr("rel"));
               });

});

function iframe_pop(tab, url) {
                if ($(tab).find("iframe").length == 0) {
                    var html_cnt = [];
                    html_cnt.push('<iframe class="iframetab" src="' + url + '" width="670" height="700">Load Failed?</iframe>');
                    $(tab).find('.tb_content').append(html_cnt.join(""));
                }
                return false;
            }

</script>
</head>
<body>
     <div id="vlayout_tabs">
<ul>
<li><a href="#tabs-1" class="tab_lnk" rel="http://jquery.com/">Jquery</a></li>
<li><a href="#tabs-2" class="tab_lnk" rel="http://jqueryui.com/">Jquery UI</a></li>
<li><a href="#tabs-3" class="tab_lnk" rel="http://ellislab.com/codeigniter">Codeigniter</a></li>
</ul>
<div id="tabs-1">
    <div class="tb_content">
        
    </div>
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
    <div class="tb_content">
        
    </div>
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tabs-3">
    <div class="tb_content">
        
    </div>
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
</div>

</body>
</html>

Output :

Sunday, May 26, 2013

Generate URL-encoded query string (http_build_query) :

If you passed associative array and return result is query string with encoded.

Code:

<?php
$data = array('foo'=>'bar',
              'baz'=>'boom',
              'cow'=>'milk',
              'php'=>'hypertext processor');

echo http_build_query($data) . "\n";
echo http_build_query($data, '', '&');

?>

OutPut:

foo=bar&baz=boom&cow=milk&php=hypertext+processor

foo=bar&baz=boom&cow=milk&php=hypertext+processor

Friday, May 24, 2013

send sms from website in php

Send message from your site to any one mobile , simply use this script and do it .Register in mvaayoo.com and get the username and password. Free account only get 20 messages.

$ch = curl_init();
$user="yourmail@gmail.com:yourpassword";
$receipientno="919849558211";
$senderID="mVaayoo";
$msgtxt="this is test message , test";
curl_setopt($ch,CURLOPT_URL, "http://api.mVaayoo.com/mvaayooapi/MessageCompose");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, "user=$user&senderID=$senderID&receipientno=$receipientno&msgtxt=$msgtxt");
$buffer = curl_exec($ch);
if(empty ($buffer))
{ echo " buffer is empty "; }
else
{ echo $buffer; }
curl_close($ch);

special thanks to mvaayoo.com . cheers friends :)

5 Reasons Why the Web Platform War is Over: PHP Won with 75% says Google

Google I/O is a event mainly for developers that Google organizes every year to present the latest developments of their products.
This year Google announced a new language being supported in AppEngine, their so called "cloud" hosting platform. This time the new language was PHP.
A Google manager for AppEngine explained that PHP is running in 75% of the Web sites. That explains why PHP support is the top most requested feature for AppEngine.

For more please see here.

http://www.phpclasses.org/blog/post/208-5-Reasons-Why-the-Web-Platform-War-is-Over-PHP-Won-with-75-says-Google.html

Wednesday, May 22, 2013

Ternary Operators (?:)

What Does Ternary Logic Look Like?

/* most basic usage */
$var = 5;
$var_is_greater_than_two = ($var > 2 ? true : false); // returns true

What Are The Advantages of Ternary Logic?

There are some valuable advantages to using this type of logic:

Makes coding simple if/else logic quicker
You can do your if/else logic inline with output instead of breaking your output building for if/else statements
Makes code shorter
Makes maintaining code quicker, easier

How to Import Data in MySql from MS SQL SERVER

I have a very good and Easy Steps for import Data in MySql from MS SQL Server.

1.) First of All You have to open Visual Studio 2010.

2.) Go to Server Explorer.

3.) Add a New Connection of MySql.

4.) Add Database which you want to import Data From SQL Server Db.

5.) Add another Connection of MS SQL Server.

6.) Add Database which you want to Export Data for MySql.

7.) Now you have Opened both Databases in Server Explorer of Visual Studio 2010.

8.) Now Right Click on Table (which you want to copy data to MySql) and click on SHOW TABLE DATA.

9.) Now Select All data from your table and Copy that records.

10.) Now Open MySql Database and open same Table (which you want to paste data into) from MySql and Paste all Data you copied from MS SQL SERVER.

Tuesday, May 21, 2013

Send mail with multiple attachments in php

Following these two steps to send multiple attachments in mail.

Step 1:

<html>
<head>
<title>How to send mail in PHP with multiple attachments</title>
</head>
<body>
<form name="sendmail" action="sendmail.php" method="post" enctype="multipart/form-data">
<label>E-mail ID:</label>
<input name="email" type="text" /><br />

<label>Subject:</label>
<input name="subject" type="text" /><br />

<label>Body:</label><br />
<textarea name="body" rows="4"></textarea><br />

<label>Attachments:</label><br />
<input name="file1" type="file" /><br />
<input name="file2" type="file" /><br />
<input name="file3" type="file" /><br />

<input name="submit" type="submit" value="Send Mail" />
</form>
</body>
</html>

Step 2: (sendmail.php)

<?php
$from = "YOUR FROM EMAIL";
$to = $_POST['email'];
$subject =$_POST['subject'];
$message = $_POST['body'];

// Temporary paths of selected files
$file1 = $_FILES['file1']['tmp_name'];
$file2 = $_FILES['file2']['tmp_name'];
$file3 = $_FILES['file3']['tmp_name'];

// File names of selected files
$filename1 = $_FILES['file1']['name'];
$filename2 = $_FILES['file2']['name'];
$filename3 = $_FILES['file3']['name'];

// array of filenames to be as attachments
$files = array($file1, $file2, $file3);
$filenames = array($filename1, $filename2, $filename3);

// include the from email in the headers
$headers = "From: $from";

// boundary
$time = md5(time());
$boundary = "==Multipart_Boundary_x{$time}x";

// headers used for send attachment with email
$headers .= "\nMIME-Version: 1.0\n" . "Content-Type: multipart/mixed;\n" . " boundary=\"{$boundary}\"";

// multipart boundary
$message = "--{$boundary}\n" . "Content-Type: text/html; charset=\"iso-8859-1\"\n" . "Content-Transfer-Encoding: 7bit\n\n" . $message . "\n\n";
$message .= "--{$boundary}\n";

// attach the attachments to the message
for($x = 0; $x < count($files); $x++) {
$file = fopen($files[$x],"r");
$content = fread($file,filesize($files[$x]));
fclose($file);
$content = chunk_split(base64_encode($content));
$message .= "Content-Type: {\"application/octet-stream\"};\n" . " name=\"$files[$x]\"\n" . "Content-Disposition: attachment;\n" . " filename=\"$filenames[$x]\"\n" . "Content-Transfer-Encoding: base64\n\n" . $content . "\n\n";
$message .= "--{$boundary}\n";
}

// sending mail
$sendmail = mail($to, $subject, $message, $headers);

// verify if mail is sent or not
if ($sendmail) {
echo "Mail Sent successfully!";
} else {
echo "Error occurred!!!";
}
?>

Now you learn how to send multiple attachment send in mail using php in simply two steps. special thanks to codegambler.com . Cheers!!!!!

Monday, May 20, 2013

How to convert two dimensional array to one dimensional array in php

You can easily convert your two dimentional array into one dimentional array using following code

Two Dimentional array example :

Array
(
    [0] => Array
        (
            [0] => 70
        )

    [1] => Array
        (
            [0] => 67
        )

    [2] => Array
        (
            [0] => 75
            [1] => 73
            [2] => 68
        )

    [3] => Array
        (
            [0] => 68
        )

    [4] => Array
        (
            [0] => 76
        )

)

Please use this function

$oneDimensionalArray = array_map('current', $twoDimensionalArray);

now you will get one dimentional array like below

Array
(
[0] => 70
[1] => 67
[2] => 75
[3] => 73
[4] => 68
[5] => 68
[6] => 76
)

Enjoy ....

Thursday, May 16, 2013

Tortoise HG (Mercurial) – how to ignore entire folders

In my OS is Windows 07 and I have used Tortoise HG .

How to I ignored the entire Folders.

>> cd path /your/repo

then you will create a .hgignore file in your repository.please use below commands.

>> notepad .hgignore

open the notepad and save this file.Please make sure this file save your repository folder.

Then Put the following lines.

Suppose you have used many folders.you need to ignore the two folders only.

1) assets/images

2) assets/css/images

Please put the below code to .hgignore file.

Code:

syntax:glob

assets/images/*

assets/css/images/*

Screenshot :

Wednesday, May 15, 2013

Jquery Serialize with in Div Elements

Html Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery Serialize with in Div Elements</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<style>
.progress-label{ float: left; margin-left: 50%; margin-top: 5px; font-weight: bold; text-shadow: 1px 1px 0 #fff;}
</style>
</head>
<body>
<form id="formtkt" name="frmticket" action="" method="post">
<div id="booking_sales">
<p> ename: <input type="text" class="txt_f clsreadonly" name="ename" value="Way to Success For Student" readonly="readonly"></p>
<p> vname:    <input type="text" class="txt_f clsreadonly" name="venuename" value="EMR Hotel" id="Venuename" readonly="readonly"></p>
</div>

<input type="hidden" name="vid1" value="testvid1" >
<input type="hidden" name="vid2" value="testvid2" >
<input type="hidden" name="vid3" value="testvid3" >
<input type="hidden" name="vid4" value="testvid4" >
<p><button class="data_save1">Save1</button></p>
<p><button class="data_save2">Save2</button></p>
</form>

<script>
$(function(){
   $(".data_save1").button();
   $(".data_save2").button();
   $("form#formtkt").submit(function () {
             return false;
        });


    $(".data_save1").click(function(){
      var data_v = $("#booking_sales :input").serialize();
    alert(data_v);
    });

    $(".data_save2").click(function(){
      var data_v = $("#formtkt").serialize();
    alert(data_v);
    });


});
</script>
</body>
</html>

step 1:
Iif you need to pass the div id booking_sales input values to jquery ajax post data.

Please click the save1 button.and refer the data_save1 click function code.
just display values like as below screenshot.

Step 2:
If you need all form values pass to jquery ajax post data.
Please click the save2.and refer the data_save2 click function code.
Just display output like as below screen shot.

we are special thanks to jquery. please visit http://www.jquery.com

jQuery custom dropdown image combobox

we are special thanks To Jquery and htmldrive.net. visit http://www.htmldrive.net/ and http://www.jquery.com/

Simple Custome Combobox:

Html :

You need to add following code in "header".

<script src="msdropdown/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="msdropdown/js/jquery.dd.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="msdropdown/dd.css" />

You need to add following code in "body".

<select name="webmenu" id="webmenu" onchange="showValue(this.value)">
    <option value="calendar" title="icons/icon_calendar.gif">Calendar</option>
    <option value="shopping_cart" title="icons/icon_cart.gif">Shopping Cart</option>
    <option value="cd" title="icons/icon_cd.gif">CD</option>
    <option value="email" selected="selected" title="icons/icon_email.gif">Email</option>
    <option value="faq" title="icons/icon_faq.gif">FAQ</option>
    <option value="games" title="icons/icon_games.gif">Games</option>
</select>

<script language="javascript">
$(document).ready(function(e) {
$("#webmenu").msDropDown();
});
</script>

If you Need more information.
please see the following urls.

URL : http://www.htmldrive.net/items/show/550/jQuery-custom-dropdown-image-combobox

Demo URL:   http://www.htmldrive.net/items/demo/550/jQuery-custom-dropdown-image-combobox

Jquery UI Selectable table example

Jquery Selectable :

Use the mouse to select elements, individually or in a group.

we have using jquery cdn path for css and js files.

suppose you need more infomartion please go to this link http://jqueryui.com/selectable/

we are special thanks To Jquery. visit http://www.jquery.com/

Run :   http://localhost/jquery_selectable.php

Please copy the whole html code to your php file.
run the localhost or your server.display output like as output1 and output2.

jquery_selectable.php :

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Selectable - Display as grid</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

<style>
#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 450px; }
#selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }

#seat_images .ui-selecting { background: #FECA40; }
#seat_images .ui-selected { background: #F39814; color: white; }
</style>
<script>
$(function() {

$("#seat_images").selectable({
                filter: "td.clsel_st",
                distance: 1

});

});
</script>
</head>
<body>

<table width="200" border="1" cellspacing="1" cellpadding="1" id="seat_images">
<tr>
    <th scope="col"> </th>
             <th scope="col">1</th>
             <th scope="col">2</th>
             <th scope="col">3</th>
             <th scope="col">4</th>
             <th scope="col">5</th>
             <th scope="col">6</th>
             <th scope="col">7</th>
             <th scope="col">8</th>
             <th scope="col">9</th>
             <th scope="col">10</th>
             <th scope="col">11</th>
       </tr>

               <tr>
                       <th scope="row">A</th>
                    <td class="st_st" rel="A:1"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:2"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:3"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:4"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:5"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:6"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:7"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:8"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:9"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:10"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="A:11"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                </tr>
               <tr>
                       <th scope="row">B</th>
                    <td class="st_st" rel="B:1"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="clsel_st" rel="B:2"> <img src="http://your.websites.com/images/Seat-3.png" width="43" height="43" alt="fancy"> </td>
                       <td class="clsel_st" rel="B:3"> <img src="http://your.websites.com/images/Seat-3.png" width="43" height="43" alt="fancy"> </td>
                       <td class="clsel_st" rel="B:4"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="clsel_st" rel="B:5"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="st_st" rel="B:6"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="clsel_st" rel="B:7"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="clsel_st" rel="B:8"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="clsel_st" rel="B:9"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="clsel_st" rel="B:10"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="st_st" rel="B:11"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                </tr>
               <tr>
                       <th scope="row">C</th>
                    <td class="st_st" rel="C:1"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="clsel_st" rel="C:2"> <img src="http://your.websites.com/images/Seat-3.png" width="43" height="43" alt="fancy"> </td>
                       <td class="clsel_st" rel="C:3"> <img src="http://your.websites.com/images/Seat-3.png" width="43" height="43" alt="fancy"> </td>
                       <td class="clsel_st" rel="C:4"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="clsel_st" rel="C:5"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="st_st" rel="C:6"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="clsel_st" rel="C:7"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="clsel_st" rel="C:8"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="clsel_st" rel="C:9"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="clsel_st" rel="C:10"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="st_st" rel="C:11"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                </tr>
               <tr>
                       <th scope="row">D</th>
                    <td class="st_st" rel="D:1"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="clsel_st" rel="D:2"> <img src="http://your.websites.com/images/Seat-3.png" width="43" height="43" alt="fancy"> </td>
                       <td class="clsel_st" rel="D:3"> <img src="http://your.websites.com/images/Seat-3.png" width="43" height="43" alt="fancy"> </td>
                       <td class="clsel_st" rel="D:4"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="clsel_st" rel="D:5"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="st_st" rel="D:6"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="clsel_st" rel="D:7"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="clsel_st" rel="D:8"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="clsel_st" rel="D:9"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="clsel_st" rel="D:10"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="st_st" rel="D:11"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                </tr>
               <tr>
                       <th scope="row">E</th>
                    <td class="st_st" rel="E:1"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="clsel_st" rel="E:2"> <img src="http://your.websites.com/images/Seat-3.png" width="43" height="43" alt="fancy"> </td>
                       <td class="clsel_st" rel="E:3"> <img src="http://your.websites.com/images/Seat-3.png" width="43" height="43" alt="fancy"> </td>
                       <td class="clsel_st" rel="E:4"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="clsel_st" rel="E:5"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="st_st" rel="E:6"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="clsel_st" rel="E:7"> <img src="http://your.websites.com/images/Seat-4.png" width="43" height="43" alt="Single"> </td>
                       <td class="clsel_st" rel="E:8"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="clsel_st" rel="E:9"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="clsel_st" rel="E:10"> <img src="http://your.websites.com/images/Seat-6.png" width="43" height="43" alt="Triple"> </td>
                       <td class="st_st" rel="E:11"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                </tr>
               <tr>
                       <th scope="row">F</th>
                    <td class="st_st" rel="F:1"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:2"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:3"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:4"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:5"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:6"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:7"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:8"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:9"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:10"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                       <td class="st_st" rel="F:11"> <img src="http://your.websites.com/images/cor3.png" width="43" height="43" alt="Pathway"> </td>
                </tr>

</table>

</body>
</html>

Output 1:(Before selected images)

Output 2:(After selected images)

Please take the following images :

cor3.png :

Seat-3.png

Seat-4.png

Seat-6.png