<!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>Untitled Document</title>
<script type="text/javascript" language="javascript" src="jq/jquery-1.7.2.min.js"></script>
<script type="text/ecmascript" language="javascript" src="jq/jquery-ui-1.8.22.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<table width="715" border="0">
<tr>
<td width="250"><form>
<table id="tbl1">
<tr>
<td >username:</td>
<td ><input type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td>password:</td>
<td><input type="password" name="textfield2" id="textfield2" /></td>
</tr>
<tr>
<td> </td>
<td><button id="btn" >button</button>
<input type="submit" value="submit" /></td>
</tr>
</table>
</form></td>
<td width="553"><table width="347" border="1px" class="tbl" id="tbl2">
<tr>
<th scope="col">name</th>
<th scope="col">user</th>
<th scope="col">pass</th>
<th scope="col">age</th>
</tr>
<tr>
<td>ali</td>
<td>ali-bad</td>
<td>666</td>
<td>26</td>
</tr>
<tr>
<td><input type="password" id="pass" /></td>
<td>prince</td>
<td>123</td>
<td>19</td>
</tr>
<tr>
<td><input type="text" /></td>
<td>JLO</td>
<td>001</td>
<td><input type="checkbox" name="checkbox" id="checkbox" /></td>
</tr>
</table></td>
</tr>
</table>
<table width="589" border="0">
<tr>
<td width="141"><ul>
<li>
<p id="p1">p1</p>
<ul>
<li>
<p id="p2">p2</p>
<p id="p3">p3</p>
</li>
<p id="p4"><a href="http://www.google.com" id="go">a in p4</a></p>
</ul>
<p id="p5"><a href="http://www.yahoo.com" id="ya">a in p5</a></p>
</li>
<p id="p6"></p>
<p id="p7"><a href="home.php">p7</a></p>
<a href="http://www.google.com" id="go1">a </a>
</ul></td>
<td width="438"><table width="342" border="0" cellspacing="2" cellpadding="3">
<tr>
<td width="80"><img src="1.jpg" width="94" height="117" alt="animal"/></td>
<td width="80"><img src="2.jpg" width="214" height="200" /></td>
<td width="80"><img src="3.jpg" width="124" height="148" alt="animal" /></td>
<td width="68"></td>
</tr>
<tr>
<td><img src="4.jpg" width="543" height="766" title="human" alt="human" /></td>
<td><img src="7.jpg" width="509" height="720" title="human" /></td>
<td><img src="6.jpg" width="491" height="655" title="human" /></td>
<td></td>
</tr>
</table></td>
</tr>
</table>
<div id="d9" class="dvg">Since the German and French pricing is the same, I guess those would be the starting prices for the Apple iPhone 5 lineup throughout most of Europe.
As its evident, the iPhone 5 prices are equal to what the iPhone 4S used to cost. Now that the iPhone 5 has been announced however, the iPhone 4S prices have already been slashed across European Apple stores and now starts from €579 SIM-free.
As you probably know, iPhone 5 pre-orders start tomorrow, on September 14, while Apple stores will start selling the new iPhone on September 21.</div>
</th>
<div id="d10" class="dvr"></div>
<div id="d8"></div>
<p> </p>
<div id="d-source">
<div id="p1">
<input type="checkbox" name="chbox1" id="chbox1" />
<br/>
<img src="8.jpg" class="pic" id="pic1" /> </div>
<div id="p1">
<input type="checkbox" name="chbox2" id="chbox2" />
<br/>
<img src="9.jpg" class="pic" id="pic2" /> </div>
<div id="p1">
<input type="checkbox" name="chbox3" id="chbox3" />
<br/>
<img src="10.jpg" class="pic" id="pic3"/> </div>
</div>
<div id="d-target" data-module="Target Areas" data-module-id="targetPane">
<div id="target1" class="target">Target 1</div>
<div id="target2" class="target">Target 3</div>
<div id="target3" class="target">Target 2</div>
</div>
</body>
<script type="text/javascript" language="javascript">
$('#tbl1').addClass('tbl')//add class
$('#textfield,#textfield2').addClass('txf')//add class
$('input:not([type=password])').css("background-color","#FC0")//no color for pass
var a=["garfield","flower","hamster","girl","L.messi","Constantine"]//img title
$('img').each(function(n) {
this.title = a[n];
});
$('img').attr('title',function(i,p){//img title
return a[i]
});
$('a').attr('target','_blank')//a TAGs in new Tab Opened
function sw(){//Table toogle class , change color when Onmoseover()
$('#tbl1,#tbl2').toggleClass("tbl2")
};
$('#tbl1').addClass("tbl2").add("#tbl2")
$("#tbl1,#tbl2").mouseover(sw).mouseout(sw)
$(function(){//counter height() and width() from div
$(window).resize(count1);
count1();
});
function count1() {
$('#d10').html(
$('#d9').width()+'x'+$('#d9').height()
);
}
$('img').each(function(index, element) {// img id
this.id=a[index];
});
$('img:not(.pic)').addClass('img')//add class to image
$('#pic1').insertAfter($('#girl'))
</script>
</html>