Mixing ZUL with HTML

admin

18 Mar 2008 09:31:52 GMT

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4844869

By: devinder

Hello All,

I have a html document in which I want to embed some zul components. Following Henri's example, as specified at
http://sourceforge.net/forum/message.php?msg_id=4316659 I converted the html to zhtml and defined the name space. The result, the zul components appears but the page is not rendered as expected. The reason, I suspect, are the javascripts that were part of the html get ignored.

The zhtml is as under :

<!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"
xmlns:zk="http://www.zkoss.org/2005/zul">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="jquery/jquery-1.1.3.1.pack.js" type="text/javascript"></script> <script src="jquery/jquery.history_remote.pack.js"
type="text/javascript"></script>
<script src="jquery/jquery.tabs.pack.js" type="text/javascript"></script> <script type="text/javascript">
$(document).ready(function() {
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });

$('#index_tab').click(function() {
$("#index").css({ display: "block" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});

$('#candidate_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "block" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#emp_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "block" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#franch_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "block" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#staff_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "block" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#empg_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "block" });
$("#contactus").css({ display: "none" });
});
$('#contact_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "block" });
});

});
</script>
<script type="text/JavaScript">
 </script> </head>

<body onload="MM_preloadImages('images/btn_over.jpg')">
<table width="1003" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td id="Left" width="30" valign="top"> </td>
<td id="Main"><table width="943" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td id="Header"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="130"><a href="index.htm"><img src="images/home_02.jpg"
alt="" width="121" height="72" border="0" title="Northern India Job"/></a></td>
<td class="Slogan">Northern India Job</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15"><img src="images/index_03.jpg" alt="" width="15" height="30"
/></td>
<td id="MainMenu">
<ul>
<li id="index_tab"><a href="index.htm">Home</a></li>
<li id="candidate_tab"><a href="#">Candidate</a></li>
<li id="emp_tab"><a href="#">Employers</a></li>
<li id="franch_tab"><a href="#">Franchise</a></li>
<li id="staff_tab"><a href="#">Staff</a></li>
<li id="empg_tab"><a href="#">Employer Guest</a></li>
<li id="contact_tab"><a href="contactus.htm">Contact Us</a></li>
</ul></td>
<td width="15"><img src="images/index_06.jpg" alt="" /></td>
</tr>
</table></td>
</tr>
<tr>
<td id="Banner"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="621"><img src="images/home_05.jpg" alt="" width="621"
height="206" /></td>
<td width="297" id="SearchBox">


<div id="index"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td colspan="2" class="SearchHeading">Search Jobs </td>
</tr>
<tr>
<td colspan="2"><br />
<strong>Username: </strong> <br />
<input type="text" name="textfield3" class="Textarea" /></td>
</tr>
<tr>
<td><strong>Exp.</strong><br />
<select name="select3" class="Textarea1">
</select> </td>
<td><strong>Locations</strong><br />
<input type="text" name="textfield32" class="Textarea1"
/></td>
</tr>
<tr>
<td colspan="2"><strong>Select Category:</strong><br />
<zk:listbox name="role" mold="select">
<zk:listitem value="1" label="Categories"/>
</zk:listbox>
</td>

</tr>
<tr>
<td colspan="2" class="Button"><div class="SearchDiv"><input type="submit" onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"
value="Search"/></div>
<div class="SearchDiv"><a href="advanced_search.htm"
class="AdvancedSearch">Advanced Search</a></div></td>
</tr>
</table></div>



<div id="candidate"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td class="SearchHeading">Candidate Login </td>
</tr>
<tr>
<td><br />
<strong>Username:</strong> <br />
<input type="text" name="textfield3" class="Textarea" /></td>
</tr>
<tr>
<td><strong>Password:</strong><br />
<input type="text" name="textfield33" class="Textarea"
/></td>
</tr>
<tr>
<td class="Button"><div class="SearchDiv"><input type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"
value="Submit"/></div>
<div class="SearchDiv1"><strong>New Candidate</strong> <a href="advanced_search.htm" class="AdvancedSearch">Register here</a></div></td>
</tr>
</table>
</div>



<div id="employers"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td colspan="2" class="SearchHeading">Employer Login </td>
</tr>
<tr>
<td><br />
<strong>Username:</strong> <br />
<input type="text" name="textfield3" class="Textarea" /></td>
</tr>
<tr>
<td><strong>Password:</strong><br />
<input type="text" name="textfield33" class="Textarea"
/></td>
</tr>
<tr>
<td class="Button"><div class="SearchDiv"><input type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"
value="Submit"/></div>
<div class="SearchDiv1"><strong>New Employer</strong> <a href="advanced_search.htm" class="AdvancedSearch">Register here</a></div></td>
</tr>
</table></div>



<div id="franchise"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td colspan="2" class="SearchHeading">Franchise Login </td>
</tr>
<tr>
<td><br />
<strong>Username:</strong> <br />
<input type="text" name="textfield3" class="Textarea" /></td>
</tr>
<tr>
<td><strong>Password:</strong><br />
<input type="text" name="textfield33" class="Textarea"
/></td>
</tr>
<tr>
<td class="Button"><div class="SearchDiv"><input type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"
value="Submit"/></div>
<div class="SearchDiv1"><strong>New Franchise</strong> <a href="advanced_search.htm" class="AdvancedSearch">Register here</a></div></td>
</tr>
</table></div>



<div id="staff"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td colspan="2" class="SearchHeading">Staff Login</td>
</tr>
<tr>
<td><br />
<strong>Username:</strong> <br />
<input type="text" name="textfield3" class="Textarea" /></td>
</tr>
<tr>
<td><strong>Password:</strong><br />
<input type="text" name="textfield33" class="Textarea"
/></td>
</tr>
<tr>
<td class="Button"><div class="SearchDiv"><input type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"
value="Submit"/>
<div class="SearchDiv1"><strong>New Staff</strong> <a href="advanced_search.htm"
class="AdvancedSearch">Register here</a></div></div>
</td>
</tr>
</table></div>



<div id="employerg"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td colspan="2" class="SearchHeading">Employer Guest Login</td>
</tr>
<tr>
<td><br />
<strong>Username:</strong><br />
<input type="text" name="textfield3" class="Textarea" /></td>
</tr>
<tr>
<td><strong>Password:</strong><br />
<input type="text" name="textfield33" class="Textarea"
/></td>
</tr>
<tr>
<td class="Button"><div class="SearchDiv"><input type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"
value="Submit"/></div>
<div class="SearchDiv1"><strong>New Employer Guest</strong> <a href="advanced_search.htm" class="AdvancedSearch">Register here</a></div></td>
</tr>
</table></div>

</td>
</tr>
</table></td>
</tr>
<tr>
<td id="ContentArea"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td class="Box"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td class="BoxHeading">Job by Category</td>
</tr>
<tr>
<td class="JobByCategory">
<ul id="Category1">
<li><img src="images/home_17.jpg" alt="" /><a href="#">IT, Software Services</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Construction, Engineering </a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Retail</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Telecom</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Oil, Energy, Power</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Pharma, Biotech</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">IT, Software Services</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Construction, Engineering </a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Retail</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Telecom</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Oil, Energy, Power</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Pharma, Biotech</a></li>
</ul> </td>
</tr>
<tr>
<td class="View"><a href="category.htm">View All</a></td>
</tr>
</table></td>
<td style="width:10px;"><img src="images/spacer.gif" alt="" /></td>
<td class="Box"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td class="BoxHeading">Hot Employees</td>
</tr>
<tr>
<td class="JobByCategory" align="center"><a href="#"><img src="images/home_14.jpg" alt="" border="0" class="Image" title="Microsoft" /></a><br />
<a href="#"><img src="images/home_26.jpg" alt="" border="0"
class="Image" title="HCL" /></a><br />
<img src="images/home_29.jpg" alt="" title="Deloitte" class="Image" /><br /> <a href="#"><img src="images/home_31.jpg" alt="" border="0" class="Image"
title="Suzlon Energy Ltd." /></a><br />
<a href="#"><img src="images/home_14.jpg" alt="" border="0" class="Image"
title="Microsoft" /></a><br />
<a href="#"><img src="images/home_26.jpg" alt="" border="0" class="Image" title="HCL"
/></a><br />
<a href="#"><img src="images/home_29.jpg" alt="" border="0" class="Image"
title="Deloitte" /></a><br />
<a href="#"><img src="images/home_31.jpg" alt="" border="0" class="Image"
title="Suzlon Energy Ltd." /></a><br />
<br />
<img src="images/line.jpg" alt="" /></td>
</tr>
<tr>
<td class="View"><a href="hot_employees.htm">View All</a></td>
</tr>
</table></td>
<td style="width:10px;"><img src="images/spacer.gif" alt="" /></td>
<td class="Box"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td class="BoxHeading">Hot Jobs</td>
</tr>
<tr>
<td class="JobByCategory"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td class="HotJob"><span class="HotJobTitle">prouter</span><br
/>
Post Date: 27/02/2008<br />
Hours: Fixed Term<br />
Job Location: Dublin, Leinster</td>
</tr>
<tr>
<td class="HotJob"><span class="HotJobTitle">Super poste</span><br /> Post Date: 27/02/2008<br />
Hours: Full Time<br />
Job Location: England</td>
</tr>
<tr>
<td class="HotJob"><span class="HotJobTitle">prouter</span><br
/>
Post Date: 27/02/2008<br />
Hours: Fixed Term<br />
Job Location: Dublin, Leinster</td>
</tr>
<tr>
<td class="HotJob"><span class="HotJobTitle">Super poste</span><br /> Post Date: 27/02/2008<br />
Hours: Full Time<br />
Job Location: England</td>
</tr>
</table></td>
</tr>
<tr>
<td class="View"><a href="hotjob.htm">View All</a></td>
</tr>
</table></td>
<td style="width:10px;"><img src="images/spacer.gif" alt="" /></td>
<td class="Box"><table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td class="BoxHeading">Employers</td>
</tr>
<tr>
<td class="JobByCategory">
<ul id="Category2">
<li><img src="images/home_17.jpg" alt="" /><a href="#">Mastek</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Mphasis</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Network Solutions</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Patni</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Perot Systems</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">PHi Business Solutions</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Mastek</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Mphasis</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Network Solutions</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Patni</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">Perot Systems</a></li>
<li><img src="images/home_17.jpg" alt="" /><a href="#">PHi Business Solutions</a></li>
</ul> </td>
</tr>
<tr>
<td class="View"><a href="employers.htm">View All</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td id="Footer">Copyright 2007 <strong>Northernindiajob</strong>. All rights reserved<br />
<a href="contactus.htm">Contact Us</a> | <a href="terms.htm">Terms & Conditions</a> | <a href="privacy.htm">Privacy Policy</a></td>
</tr>
</table></td>
<td id="Right"> </td>
</tr>
</table>

</body>
</html>

admin

19 Mar 2008 09:37:39 GMT

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4847550

By: henrichen

Did you check the generated HTML source code?

/henri

admin

20 Mar 2008 05:27:38 GMT

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4850610

By: devinder

Hi Henri, This is what is generated.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html><head><meta id="z_19_3" http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/><title>NIJ</title>
<link id="z_19_6" href="css/style.css" rel="stylesheet" type="text/css"/> <script id="z_19_7" src="jquery/jquery-1.1.3.1.pack.js" type="text/javascript"
space="preserve"></script>
<script id="z_19_8" src="jquery/jquery.history_remote.pack.js" type="text/javascript"
space="preserve"></script>
<script id="z_19_9" src="jquery/jquery.tabs.pack.js" type="text/javascript"
space="preserve"></script>

<script id="z_19_a" type="text/javascript" space="preserve">
$(document).ready(function() {
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });

$('#index_tab').click(function() {
$("#index").css({ display: "block" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});

$('#candidate_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "block" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#emp_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "block" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#franch_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "block" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#staff_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "block" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#empg_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "block" });
$("#contactus").css({ display: "none" });
});
$('#contact_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "block" });
});

});
</script>
<script id="z_19_c" type="text/JavaScript" space="preserve"></script>

<link rel="stylesheet" type="text/css"
href="/Jobportal/zkau/web/zkex/zul/css/layout.css.dsp;jsessionid=91A29C4D9A51912
100F290E26F33E7BD"/>
<link rel="stylesheet" type="text/css"
href="/Jobportal/zkau/web/zul/css/normsmmoz.css.dsp;jsessionid=91A29C4D9A5191210
0F290E26F33E7BD"/>

<script type="text/javascript" src="/Jobportal/zkau/web/js/zk/zk.js.dsp"
charset="UTF-8">
</script>
<script type="text/javascript">
zk_ver='3.0.3';
zk_action="/Jobportal/zkau;jsessionid=91A29C4D9A51912100F290E26F33E7BD";
zk_procto=900;
zk_tipto=800;
zk_resndto=9000;
zk.eru={e403:'',e401:'',e302:''};

</script>
<noscript>
<p style="color:red">Sorry, JavaScript must be enabled.<br/>Change your browser options, then <a href="">try again</a>.</p> </noscript>

</head>

<body id="z_19_d" onload="MM_preloadImages('images/btn_over.jpg')" class="zk"> <table id="z_19_e" width="1003" border="0" cellspacing="0" cellpadding="0"
align="center"><tr id="z_19_f"><td id="Left" width="30" valign="top" rowspan="1"
colspan="1"> </td><td id="Main" rowspan="1" colspan="1"><table id="z_19_j"
width="943" border="0" cellspacing="0" cellpadding="0"><tr id="z_19_k"><td id="Header" rowspan="1" colspan="1"><table id="z_19_m" width="100%" border="0"
cellspacing="0" cellpadding="0"><tr id="z_19_n"><td id="z_19_o" width="130"
rowspan="1" colspan="1"><a id="z_19_p" href="index.htm" shape="rect"><img id="z_19_q"
src="images/home_02.jpg" alt="" width="121" height="72" border="0" title="Northern India Job"/></a></td><td id="z_19_r" class="Slogan" rowspan="1" colspan="1">Northern India Job</td></tr></table></td></tr><tr id="z_19_t"><td id="z_19_u" rowspan="1"
colspan="1"><table id="z_19_v" width="100%" border="0" cellspacing="0"
cellpadding="0"><tr id="z_19_01"><td id="z_19_11" width="15" rowspan="1"
colspan="1"><img id="z_19_21" src="images/index_03.jpg" alt="" width="15"
height="30"/></td><td id="MainMenu" rowspan="1" colspan="1"><ul id="z_19_41"><li id="index_tab"><a id="z_19_61" href="index.htm" shape="rect">Home</a></li><li id="candidate_tab"><a id="z_19_91" href="#" shape="rect">Candidate</a></li><li
id="emp_tab"><a id="z_19_c1" href="#" shape="rect">Employers</a></li><li
id="franch_tab"><a id="z_19_f1" href="#" shape="rect">Franchise</a></li><li
id="staff_tab"><a id="z_19_i1" href="#" shape="rect">Staff</a></li><li id="empg_tab"><a id="z_19_l1" href="#" shape="rect">Employer Guest</a></li><li id="contact_tab"><a id="z_19_o1" href="contactus.htm" shape="rect">Contact Us</a></li></ul></td><td id="z_19_q1" width="15" rowspan="1" colspan="1"><img id="z_19_r1" src="images/index_06.jpg" alt=""/></td></tr></table></td></tr><tr
id="z_19_s1"><td id="Banner" rowspan="1" colspan="1"><table id="z_19_u1" width="100%"
border="0" cellspacing="0" cellpadding="0"><tr id="z_19_v1"><td id="z_19_02"
width="621" rowspan="1" colspan="1"><img id="z_19_12" src="images/home_05.jpg"
alt="" width="621" height="206"/></td><td id="SearchBox" width="297" rowspan="1"
colspan="1"><div id="index"><table id="z_19_42" width="100%" border="0"
cellspacing="0" cellpadding="0"><tr id="z_19_52"><td id="z_19_62" colspan="2"
class="SearchHeading" rowspan="1">Search Jobs </td></tr><tr id="z_19_82"><td id="z_19_92" colspan="2" rowspan="1"><br id="z_19_a2" clear="none"/><strong
id="z_19_b2">Username: </strong><br id="z_19_d2" clear="none"/><input id="z_19_e2"
value="" type="text" name="textfield3" class="Textarea"/></td></tr><tr id="z_19_f2"><td id="z_19_g2" rowspan="1" colspan="1"><strong id="z_19_h2">Exp.</strong><br id="z_19_j2" clear="none"/><select id="z_19_k2"
name="select3" class="Textarea1"></select></td><td id="z_19_l2" rowspan="1"
colspan="1"><strong id="z_19_m2">Locations</strong><br id="z_19_o2"
clear="none"/><input id="z_19_p2" value="" type="text" name="textfield32"
class="Textarea1"/></td></tr><tr id="z_19_q2"><td id="z_19_r2" colspan="2"
rowspan="1"><strong id="z_19_s2">Select Category:</strong><br id="z_19_u2"
clear="none"/><select id="z_19_v2" z.type="zul.sel.Lisel" class="listbox" name="role"
size="0">
<option id="z_19_03" class="item" value="1">Categories</option>

</select></td></tr><tr id="z_19_23"><td id="z_19_33" colspan="2" class="Button"
rowspan="1"><div id="z_19_43" class="SearchDiv"><input id="z_19_53" value="Search"
type="submit" onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial;"/></div><div id="z_19_63" class="SearchDiv"><a id="z_19_73"
href="advanced_search.htm" class="AdvancedSearch" shape="rect">Advanced Search</a></div></td></tr></table></div><div id="candidate"><table id="z_19_a3"
width="100%" border="0" cellspacing="0" cellpadding="0"><tr id="z_19_b3"><td id="z_19_c3" class="SearchHeading" rowspan="1" colspan="1">Candidate Login </td></tr><tr id="z_19_e3"><td id="z_19_f3" rowspan="1" colspan="1"><br id="z_19_g3"
clear="none"/><strong id="z_19_h3">Username:</strong><br id="z_19_j3"
clear="none"/><input id="z_19_k3" value="" type="text" name="textfield3"
class="Textarea"/></td></tr><tr id="z_19_l3"><td id="z_19_m3" rowspan="1"
colspan="1"><strong id="z_19_n3">Password:</strong><br id="z_19_p3"
clear="none"/><input id="z_19_q3" value="" type="text" name="textfield33"
class="Textarea"/></td></tr><tr id="z_19_r3"><td id="z_19_s3" class="Button"
rowspan="1" colspan="1"><div id="z_19_t3" class="SearchDiv"><input id="z_19_u3"
value="Submit" type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial;"/></div><div id="z_19_v3" class="SearchDiv1"><strong id="z_19_04">New Candidate</strong><a id="z_19_24" href="advanced_search.htm" class="AdvancedSearch"
shape="rect">Register here</a></div></td></tr></table></div><div
id="employers"><table id="z_19_54" width="100%" border="0" cellspacing="0"
cellpadding="0"><tr id="z_19_64"><td id="z_19_74" colspan="2" class="SearchHeading"
rowspan="1">Employer Login </td></tr><tr id="z_19_94"><td id="z_19_a4" rowspan="1"
colspan="1"><br id="z_19_b4" clear="none"/><strong id="z_19_c4">Username:</strong><br
id="z_19_e4" clear="none"/><input id="z_19_f4" value="" type="text" name="textfield3"
class="Textarea"/></td></tr><tr id="z_19_g4"><td id="z_19_h4" rowspan="1"
colspan="1"><strong id="z_19_i4">Password:</strong><br id="z_19_k4"
clear="none"/><input id="z_19_l4" value="" type="text" name="textfield33"
class="Textarea"/></td></tr><tr id="z_19_m4"><td id="z_19_n4" class="Button"
rowspan="1" colspan="1"><div id="z_19_o4" class="SearchDiv"><input id="z_19_p4"
value="Submit" type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial;"/></div><div id="z_19_q4" class="SearchDiv1"><strong id="z_19_r4">New Employer</strong><a id="z_19_t4" href="advanced_search.htm" class="AdvancedSearch"
shape="rect">Register here</a></div></td></tr></table></div><div
id="franchise"><table id="z_19_05" width="100%" border="0" cellspacing="0"
cellpadding="0"><tr id="z_19_15"><td id="z_19_25" colspan="2" class="SearchHeading"
rowspan="1">Franchise Login </td></tr><tr id="z_19_45"><td id="z_19_55" rowspan="1"
colspan="1"><br id="z_19_65" clear="none"/><strong id="z_19_75">Username:</strong><br
id="z_19_95" clear="none"/><input id="z_19_a5" value="" type="text" name="textfield3"
class="Textarea"/></td></tr><tr id="z_19_b5"><td id="z_19_c5" rowspan="1"
colspan="1"><strong id="z_19_d5">Password:</strong><br id="z_19_f5"
clear="none"/><input id="z_19_g5" value="" type="text" name="textfield33"
class="Textarea"/></td></tr><tr id="z_19_h5"><td id="z_19_i5" class="Button"
rowspan="1" colspan="1"><div id="z_19_j5" class="SearchDiv"><input id="z_19_k5"
value="Submit" type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial;"/></div><div id="z_19_l5" class="SearchDiv1"><strong id="z_19_m5">New Franchise</strong><a id="z_19_o5" href="advanced_search.htm" class="AdvancedSearch"
shape="rect">Register here</a></div></td></tr></table></div><div id="staff"><table id="z_19_r5" width="100%" border="0" cellspacing="0" cellpadding="0"><tr id="z_19_s5"><td id="z_19_t5" colspan="2" class="SearchHeading" rowspan="1">Staff Login</td></tr><tr id="z_19_v5"><td id="z_19_06" rowspan="1" colspan="1"><br id="z_19_16" clear="none"/><strong id="z_19_26">Username:</strong><br id="z_19_46"
clear="none"/><input id="z_19_56" value="" type="text" name="textfield3"
class="Textarea"/></td></tr><tr id="z_19_66"><td id="z_19_76" rowspan="1"
colspan="1"><strong id="z_19_86">Password:</strong><br id="z_19_a6"
clear="none"/><input id="z_19_b6" value="" type="text" name="textfield33"
class="Textarea"/></td></tr><tr id="z_19_c6"><td id="z_19_d6" class="Button"
rowspan="1" colspan="1"><div id="z_19_e6" class="SearchDiv"><input id="z_19_f6"
value="Submit" type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial;"/><div id="z_19_g6" class="SearchDiv1"><strong id="z_19_h6">New Staff</strong><a id="z_19_j6" href="advanced_search.htm" class="AdvancedSearch"
shape="rect">Register here</a></div></div></td></tr></table></div><div
id="employerg"><table id="z_19_m6" width="100%" border="0" cellspacing="0"
cellpadding="0"><tr id="z_19_n6"><td id="z_19_o6" colspan="2" class="SearchHeading"
rowspan="1">Employer Guest Login</td></tr><tr id="z_19_q6"><td id="z_19_r6"
rowspan="1" colspan="1"><br id="z_19_s6" clear="none"/><strong id="z_19_t6">Username:</strong><br id="z_19_v6" clear="none"/><input id="z_19_07"
value="" type="text" name="textfield3" class="Textarea"/></td></tr><tr id="z_19_17"><td id="z_19_27" rowspan="1" colspan="1"><strong id="z_19_37">Password:</strong><br id="z_19_57" clear="none"/><input id="z_19_67"
value="" type="text" name="textfield33" class="Textarea"/></td></tr><tr id="z_19_77"><td id="z_19_87" class="Button" rowspan="1" colspan="1"><div id="z_19_97" class="SearchDiv"><input id="z_19_a7" value="Submit" type="submit"
onMouseOut="javascript:this.style.background='url(images/btn.jpg)
no-repeat';this.style.color='white';
" onMouseOver="javascript:this.style.background='url(images/btn_over.jpg) no-repeat'; this.style.color='#fff';" class="sub" style="background: url(images/btn.jpg) no-repeat; width: 78px; color: white; -moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial; -moz-background-inline-policy:
-moz-initial;"/></div><div id="z_19_b7" class="SearchDiv1"><strong id="z_19_c7">New Employer Guest</strong><a id="z_19_e7" href="advanced_search.htm"
class="AdvancedSearch" shape="rect">Register here</a></div></td></tr></table></div></td></tr></table></td></tr><tr
id="z_19_g7"><td id="ContentArea" rowspan="1" colspan="1"><table id="z_19_i7"
width="100%" border="0" cellspacing="0" cellpadding="0"><tr id="z_19_j7"><td id="z_19_k7" class="Box" rowspan="1" colspan="1"><table id="z_19_l7" width="100%"
border="0" cellspacing="0" cellpadding="0"><tr id="z_19_m7"><td id="z_19_n7"
class="BoxHeading" rowspan="1" colspan="1">Job by Category</td></tr><tr id="z_19_p7"><td id="z_19_q7" class="JobByCategory" rowspan="1" colspan="1"><ul id="Category1"><li id="z_19_s7"><img id="z_19_t7" src="images/home_17.jpg" alt=""/><a id="z_19_u7" href="#" shape="rect">IT, Software Services</a></li><li id="z_19_08"><img id="z_19_18" src="images/home_17.jpg" alt=""/><a id="z_19_28"
href="#" shape="rect">Construction, Engineering </a></li><li id="z_19_48"><img id="z_19_58" src="images/home_17.jpg" alt=""/><a id="z_19_68" href="#"
shape="rect">Retail</a></li><li id="z_19_88"><img id="z_19_98"
src="images/home_17.jpg" alt=""/><a id="z_19_a8" href="#"
shape="rect">Telecom</a></li><li id="z_19_c8"><img id="z_19_d8"
src="images/home_17.jpg" alt=""/><a id="z_19_e8" href="#" shape="rect">Oil, Energy, Power</a></li><li id="z_19_g8"><img id="z_19_h8" src="images/home_17.jpg"
alt=""/><a id="z_19_i8" href="#" shape="rect">Pharma, Biotech</a></li><li id="z_19_k8"><img id="z_19_l8" src="images/home_17.jpg" alt=""/><a id="z_19_m8"
href="#" shape="rect">IT, Software Services</a></li><li id="z_19_o8"><img id="z_19_p8" src="images/home_17.jpg" alt=""/><a id="z_19_q8" href="#"
shape="rect">Construction, Engineering </a></li><li id="z_19_s8"><img id="z_19_t8"
src="images/home_17.jpg" alt=""/><a id="z_19_u8" href="#"
shape="rect">Retail</a></li><li id="z_19_09"><img id="z_19_19"
src="images/home_17.jpg" alt=""/><a id="z_19_29" href="#"
shape="rect">Telecom</a></li><li id="z_19_49"><img id="z_19_59"
src="images/home_17.jpg" alt=""/><a id="z_19_69" href="#" shape="rect">Oil, Energy, Power</a></li><li id="z_19_89"><img id="z_19_99" src="images/home_17.jpg"
alt=""/><a id="z_19_a9" href="#" shape="rect">Pharma, Biotech</a></li></ul></td></tr><tr id="z_19_c9"><td id="z_19_d9" class="View"
rowspan="1" colspan="1"><a id="z_19_e9" href="category.htm" shape="rect">View All</a></td></tr></table></td><td id="z_19_g9" style="width:10px;" rowspan="1"
colspan="1"><img id="z_19_h9" src="images/spacer.gif" alt=""/></td><td id="z_19_i9"
class="Box" rowspan="1" colspan="1"><table id="z_19_j9" width="100%" border="0"
cellspacing="0" cellpadding="0"><tr id="z_19_k9"><td id="z_19_l9" class="BoxHeading"
rowspan="1" colspan="1">Hot Employees</td></tr><tr id="z_19_n9"><td id="z_19_o9"
class="JobByCategory" align="center" rowspan="1" colspan="1"><a id="z_19_p9"
href="#" shape="rect"><img id="z_19_q9" src="images/home_14.jpg" alt="" border="0"
class="Image" title="Microsoft"/></a><br id="z_19_r9" clear="none"/><a id="z_19_s9"
href="#" shape="rect"><img id="z_19_t9" src="images/home_26.jpg" alt="" border="0"
class="Image" title="HCL"/></a><br id="z_19_u9" clear="none"/><img id="z_19_v9"
src="images/home_29.jpg" alt="" title="Deloitte" class="Image"/><br id="z_19_0a"
clear="none"/><a id="z_19_1a" href="#" shape="rect"><img id="z_19_2a"
src="images/home_31.jpg" alt="" border="0" class="Image" title="Suzlon Energy Ltd."/></a><br id="z_19_3a" clear="none"/><a id="z_19_4a" href="#" shape="rect"><img id="z_19_5a" src="images/home_14.jpg" alt="" border="0" class="Image"
title="Microsoft"/></a><br id="z_19_6a" clear="none"/><a id="z_19_7a" href="#"
shape="rect"><img id="z_19_8a" src="images/home_26.jpg" alt="" border="0"
class="Image" title="HCL"/></a><br id="z_19_9a" clear="none"/><a id="z_19_aa"
href="#" shape="rect"><img id="z_19_ba" src="images/home_29.jpg" alt="" border="0"
class="Image" title="Deloitte"/></a><br id="z_19_ca" clear="none"/><a id="z_19_da"
href="#" shape="rect"><img id="z_19_ea" src="images/home_31.jpg" alt="" border="0"
class="Image" title="Suzlon Energy Ltd."/></a><br id="z_19_fa" clear="none"/><br id="z_19_ga" clear="none"/><img id="z_19_ha" src="images/line.jpg"
alt=""/></td></tr><tr id="z_19_ia"><td id="z_19_ja" class="View" rowspan="1"
colspan="1"><a id="z_19_ka" href="hot_employees.htm" shape="rect">View All</a></td></tr></table></td><td id="z_19_ma" style="width:10px;" rowspan="1"
colspan="1"><img id="z_19_na" src="images/spacer.gif" alt=""/></td><td id="z_19_oa"
class="Box" rowspan="1" colspan="1"><table id="z_19_pa" width="100%" border="0"
cellspacing="0" cellpadding="0"><tr id="z_19_qa"><td id="z_19_ra" class="BoxHeading"
rowspan="1" colspan="1">Hot Jobs</td></tr><tr id="z_19_ta"><td id="z_19_ua"
class="JobByCategory" rowspan="1" colspan="1"><table id="z_19_va" width="100%"
border="0" cellspacing="0" cellpadding="0"><tr id="z_19_0b"><td id="z_19_1b"
class="HotJob" rowspan="1" colspan="1"><span id="z_19_2b"
class="HotJobTitle">prouter</span><br id="z_19_4b" clear="none"/>

Post Date: 27/02/2008<br id="z_19_6b" clear="none"/>
Hours: Fixed Term<br id="z_19_8b" clear="none"/>
Job Location: Dublin, Leinster</td></tr><tr id="z_19_ab"><td id="z_19_bb" class="HotJob" rowspan="1" colspan="1"><span id="z_19_cb"
class="HotJobTitle">Super poste</span><br id="z_19_eb" clear="none"/> Post Date: 27/02/2008<br id="z_19_gb" clear="none"/>
Hours: Full Time<br id="z_19_ib" clear="none"/> Job Location: England</td></tr><tr id="z_19_kb"><td id="z_19_lb" class="HotJob"
rowspan="1" colspan="1"><span id="z_19_mb" class="HotJobTitle">prouter</span><br
id="z_19_ob" clear="none"/>

Post Date: 27/02/2008<br id="z_19_qb" clear="none"/>
Hours: Fixed Term<br id="z_19_sb" clear="none"/> Job Location: Dublin, Leinster</td></tr><tr id="z_19_ub"><td id="z_19_vb"
class="HotJob" rowspan="1" colspan="1"><span id="z_19_0c" class="HotJobTitle">Super poste</span><br id="z_19_2c" clear="none"/> Post Date: 27/02/2008<br id="z_19_4c" clear="none"/>
Hours: Full Time<br id="z_19_6c" clear="none"/> Job Location: England</td></tr></table></td></tr><tr id="z_19_8c"><td id="z_19_9c"
class="View" rowspan="1" colspan="1"><a id="z_19_ac" href="hotjob.htm"
shape="rect">View All</a></td></tr></table></td><td id="z_19_cc" style="width:10px;"
rowspan="1" colspan="1"><img id="z_19_dc" src="images/spacer.gif" alt=""/></td><td id="z_19_ec" class="Box" rowspan="1" colspan="1"><table id="z_19_fc" width="100%"
border="0" cellspacing="0" cellpadding="0"><tr id="z_19_gc"><td id="z_19_hc"
class="BoxHeading" rowspan="1" colspan="1">Employers</td></tr><tr id="z_19_jc"><td id="z_19_kc" class="JobByCategory" rowspan="1" colspan="1"><ul id="Category2"><li id="z_19_mc"><img id="z_19_nc" src="images/home_17.jpg" alt=""/><a id="z_19_oc"
href="#" shape="rect">Mastek</a></li><li id="z_19_qc"><img id="z_19_rc"
src="images/home_17.jpg" alt=""/><a id="z_19_sc" href="#"
shape="rect">Mphasis</a></li><li id="z_19_uc"><img id="z_19_vc"
src="images/home_17.jpg" alt=""/><a id="z_19_0d" href="#" shape="rect">Network Solutions</a></li><li id="z_19_2d"><img id="z_19_3d" src="images/home_17.jpg"
alt=""/><a id="z_19_4d" href="#" shape="rect">Patni</a></li><li id="z_19_6d"><img id="z_19_7d" src="images/home_17.jpg" alt=""/><a id="z_19_8d" href="#"
shape="rect">Perot Systems</a></li><li id="z_19_ad"><img id="z_19_bd"
src="images/home_17.jpg" alt=""/><a id="z_19_cd" href="#" shape="rect">PHi Business Solutions</a></li><li id="z_19_ed"><img id="z_19_fd" src="images/home_17.jpg"
alt=""/><a id="z_19_gd" href="#" shape="rect">Mastek</a></li><li id="z_19_id"><img id="z_19_jd" src="images/home_17.jpg" alt=""/><a id="z_19_kd" href="#"
shape="rect">Mphasis</a></li><li id="z_19_md"><img id="z_19_nd"
src="images/home_17.jpg" alt=""/><a id="z_19_od" href="#" shape="rect">Network Solutions</a></li><li id="z_19_qd"><img id="z_19_rd" src="images/home_17.jpg"
alt=""/><a id="z_19_sd" href="#" shape="rect">Patni</a></li><li id="z_19_ud"><img id="z_19_vd" src="images/home_17.jpg" alt=""/><a id="z_19_0e" href="#"
shape="rect">Perot Systems</a></li><li id="z_19_2e"><img id="z_19_3e"
src="images/home_17.jpg" alt=""/><a id="z_19_4e" href="#" shape="rect">PHi Business Solutions</a></li></ul></td></tr><tr id="z_19_6e"><td id="z_19_7e" class="View"
rowspan="1" colspan="1"><a id="z_19_8e" href="employers.htm" shape="rect">View All</a></td></tr></table></td></tr></table></td></tr><tr id="z_19_ae"><td id="Footer"
rowspan="1" colspan="1">Copyright 2007 <strong id="z_19_de">Northernindiajob</strong>. All rights reserved<br id="z_19_ge"
clear="none"/><a id="z_19_he" href="contactus.htm" shape="rect">Contact Us</a>
| <a id="z_19_ke" href="terms.htm" shape="rect">Terms & Conditions</a> |
| <a
id="z_19_ne" href="privacy.htm" shape="rect">Privacy Policy</a></td></tr></table></td><td id="Right" rowspan="1" colspan="1"> </td></tr></table>

<script type="text/javascript">
zk.addInit(function(){
zk.process('rm',1,"z_19_g");
zk.process('rm',1,"z_19_i");
zk.process('rm',1,"z_19_l");
zk.process('rm',1,"z_19_31");
zk.process('rm',1,"z_19_51");
zk.process('rm',1,"z_19_81");
zk.process('rm',1,"z_19_b1");
zk.process('rm',1,"z_19_e1");
zk.process('rm',1,"z_19_h1");
zk.process('rm',1,"z_19_k1");
zk.process('rm',1,"z_19_n1");
zk.process('rm',1,"z_19_t1");
zk.process('rm',1,"z_19_22");
zk.process('rm',1,"z_19_32");
zk.process('rm',1,"z_19_93");
zk.process('rm',1,"z_19_44");
zk.process('rm',1,"z_19_v4");
zk.process('rm',1,"z_19_q5");
zk.process('rm',1,"z_19_l6");
zk.process('rm',1,"z_19_h7");
zk.process('rm',1,"z_19_r7");
zk.process('rm',1,"z_19_lc");
zk.process('rm',1,"z_19_be");
zk.process('rm',1,"z_19_pe");
});
</script>
</body>
</html>

<script type="text/javascript">
zkau.addDesktop("g19o1");
</script>

admin

20 Mar 2008 05:33:58 GMT

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4850644

By: devinder

Actually, the script below which is responsible for blocking/unblocking doesn't work when different options are clicked. Everything is shown on the page. Rest is okay. The script and html is as under :

$('#index_tab').click(function() {
$("#index").css({ display: "block" });
$("#candidate").css({ display: "none" }); $("#employers").css({ display: "none" }); $("#franchise").css({ display: "none" }); $("#staff").css({ display: "none" }); $("#employerg").css({ display: "none" }); $("#contactus").css({ display: "none" }); });

$('#candidate_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "block" }); $("#employers").css({ display: "none" }); $("#franchise").css({ display: "none" }); $("#staff").css({ display: "none" }); $("#employerg").css({ display: "none" }); $("#contactus").css({ display: "none" }); });
$('#emp_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" }); $("#employers").css({ display: "block" }); $("#franchise").css({ display: "none" }); $("#staff").css({ display: "none" }); $("#employerg").css({ display: "none" }); $("#contactus").css({ display: "none" }); });
$('#franch_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" }); $("#employers").css({ display: "none" }); $("#franchise").css({ display: "block" }); $("#staff").css({ display: "none" }); $("#employerg").css({ display: "none" }); $("#contactus").css({ display: "none" }); });
$('#staff_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" }); $("#employers").css({ display: "none" }); $("#franchise").css({ display: "none" }); $("#staff").css({ display: "block" }); $("#employerg").css({ display: "none" }); $("#contactus").css({ display: "none" }); });
$('#empg_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" }); $("#employers").css({ display: "none" }); $("#franchise").css({ display: "none" }); $("#staff").css({ display: "none" }); $("#employerg").css({ display: "block" }); $("#contactus").css({ display: "none" }); });
$('#contact_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" }); $("#employers").css({ display: "none" }); $("#franchise").css({ display: "none" }); $("#staff").css({ display: "none" }); $("#employerg").css({ display: "none" }); $("#contactus").css({ display: "block" }); });

<ul>
<li id="index_tab"><a href="index.htm">Home</a></li> <li id="candidate_tab"><a href="#">Candidate</a></li> <li id="emp_tab"><a href="#">Employers</a></li> <li id="franch_tab"><a href="#">Franchise</a></li> <li id="staff_tab"><a href="#">Staff</a></li> <li id="empg_tab"><a href="#">Employer Guest</a></li> <li id="contact_tab"><a href="contactus.htm">Contact Us</a></li> </ul></td>

admin

21 Mar 2008 02:10:11 GMT

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4854385

By: henrichen

I guess you want to use prototype $(id) to get a dom element, right?
Then try remove the # from the $('#Xxx'). That is, use $('Xxx').

/henri

admin

21 Mar 2008 06:04:44 GMT

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4854954

By: devinder

Hi Henri,

Still doesn't work. The blocking/unblocking is not working and everything shows up on the screen.

<HTML Version>

$(document).ready(function() {
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });

$('#index_tab').click(function() {
$("#index").css({ display: "block" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});

$('#candidate_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "block" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#emp_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "block" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#franch_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "block" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#staff_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "block" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "none" });
});
$('#empg_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "block" });
$("#contactus").css({ display: "none" });
});
$('#contact_tab').click(function() {
$("#index").css({ display: "none" });
$("#candidate").css({ display: "none" });
$("#employers").css({ display: "none" });
$("#franchise").css({ display: "none" });
$("#staff").css({ display: "none" });
$("#employerg").css({ display: "none" });
$("#contactus").css({ display: "block" });
});

});
</script>
<td id="MainMenu">
<ul>
<li id="index_tab"><a href="index.htm">Home</a></li>
<li id="candidate_tab"><a href="#">Candidate</a></li>
<li id="emp_tab"><a href="#">Employers</a></li>
<li id="franch_tab"><a href="#">Franchise</a></li>

<li id="staff_tab"><a href="#">Staff</a></li>
<li id="empg_tab"><a href="#">Employer Guest</a></li>
<li id="contact_tab"><a href="contactus.htm">Contact Us</a></li>
</ul></td>

<HTML generated by ZK>

$(document).ready(function() {
$("candidate").css({ display: "none" });
$("employers").css({ display: "none" });
$("franchise").css({ display: "none" });
$("staff").css({ display: "none" });
$("employerg").css({ display: "none" });
$("contactus").css({ display: "none" });

$('index_tab').click(function() {
$("index").css({ display: "block" });
$("candidate").css({ display: "none" });
$("employers").css({ display: "none" });
$("franchise").css({ display: "none" });
$("staff").css({ display: "none" });
$("employerg").css({ display: "none" });
$("contactus").css({ display: "none" });
});

$('candidate_tab').click(function() {
$("index").css({ display: "none" });
$("candidate").css({ display: "block" });
$("employers").css({ display: "none" });
$("franchise").css({ display: "none" });
$("staff").css({ display: "none" });
$("employerg").css({ display: "none" });
$("contactus").css({ display: "none" });
});
$('emp_tab').click(function() {
$("index").css({ display: "none" });
$("candidate").css({ display: "none" });
$("employers").css({ display: "block" });
$("franchise").css({ display: "none" });
$("staff").css({ display: "none" });
$("employerg").css({ display: "none" });
$("contactus").css({ display: "none" });
});
$('franch_tab').click(function() {
$("index").css({ display: "none" });
$("candidate").css({ display: "none" });
$("employers").css({ display: "none" });
$("franchise").css({ display: "block" });
$("staff").css({ display: "none" });
$("employerg").css({ display: "none" });
$("contactus").css({ display: "none" });
});
$('staff_tab').click(function() {
$("index").css({ display: "none" });
$("candidate").css({ display: "none" });
$("employers").css({ display: "none" });
$("franchise").css({ display: "none" });
$("staff").css({ display: "block" });
$("employerg").css({ display: "none" });
$("contactus").css({ display: "none" });
});
$('empg_tab').click(function() {
$("index").css({ display: "none" });
$("candidate").css({ display: "none" });
$("employers").css({ display: "none" });
$("franchise").css({ display: "none" });
$("staff").css({ display: "none" });
$("employerg").css({ display: "block" });
$("contactus").css({ display: "none" });
});
$('contact_tab').click(function() {
$("index").css({ display: "none" });
$("candidate").css({ display: "none" });
$("employers").css({ display: "none" });
$("franchise").css({ display: "none" });
$("staff").css({ display: "none" });
$("employerg").css({ display: "none" });
$("contactus").css({ display: "block" });
});

});
</script>
<script id="z_ja_c03" type="text/JavaScript" space="preserve"></script>

<link rel="stylesheet" type="text/css"
href="/Jobportal/zkau/web/zkex/zul/css/layout.css.dsp"/>
<link rel="stylesheet" type="text/css"
href="/Jobportal/zkau/web/zul/css/normsmmoz.css.dsp"/>

<script type="text/javascript" src="/Jobportal/zkau/web/js/zk/zk.js.dsp"
charset="UTF-8">
</script>
<script type="text/javascript">
zk_ver='3.0.3';
zk_action="/Jobportal/zkau";
zk_procto=900;
zk_tipto=800;
zk_resndto=9000;
zk.eru={e403:'',e401:'',e302:''};

</script>
<noscript>
<p style="color:red">Sorry, JavaScript must be enabled.<br/>Change your browser options, then <a href="">try again</a>.</p> </noscript>

</head>

<body id="z_ja_d03" onload="MM_preloadImages('images/btn_over.jpg')"
class="zk">
<table id="z_ja_e03" width="1003" border="0" cellspacing="0" cellpadding="0"
align="center"><tr id="z_ja_f03"><td id="Left" width="30" valign="top" rowspan="1"
colspan="1"> </td><td id="Main" rowspan="1" colspan="1"><table id="z_ja_j03"
width="943" border="0" cellspacing="0" cellpadding="0"><tr id="z_ja_k03"><td id="Header" rowspan="1" colspan="1"><table id="z_ja_m03" width="100%" border="0"
cellspacing="0" cellpadding="0"><tr id="z_ja_n03"><td id="z_ja_o03" width="130"
rowspan="1" colspan="1"><a id="z_ja_p03" href="index.htm" shape="rect"><img id="z_ja_q03" src="images/home_02.jpg" alt="" width="121" height="72" border="0"
title="Northern India Job"/></a></td><td id="z_ja_r03" class="Slogan" rowspan="1"
colspan="1">Northern India Job</td></tr></table></td></tr><tr id="z_ja_t03"><td id="z_ja_u03" rowspan="1" colspan="1"><table id="z_ja_v03" width="100%" border="0"
cellspacing="0" cellpadding="0"><tr id="z_ja_013"><td id="z_ja_113" width="15"
rowspan="1" colspan="1"><img id="z_ja_213" src="images/index_03.jpg" alt=""
width="15" height="30"/></td><td id="MainMenu" rowspan="1" colspan="1"><ul id="z_ja_413"><li id="index_tab"><a id="z_ja_613" href="index.htm"
shape="rect">Home</a></li><li id="candidate_tab"><a id="z_ja_913" href="#"
shape="rect">Candidate</a></li><li id="emp_tab"><a id="z_ja_c13" href="#"
shape="rect">Employers</a></li><li id="franch_tab"><a id="z_ja_f13" href="#"
shape="rect">Franchise</a></li><li id="staff_tab"><a id="z_ja_i13" href="#"
shape="rect">Staff</a></li><li id="empg_tab"><a id="z_ja_l13" href="#"
shape="rect">Employer Guest</a></li><li id="contact_tab"><a id="z_ja_o13"
href="contactus.htm" shape="rect">Contact Us</a></li></ul></td><td id="z_ja_q13"
width="15" rowspan="1" colspan="1"><img id="z_ja_r13" src="images/index_06.jpg"
alt=""/></td></tr></table></td></tr><tr id="z_ja_s13"><td id="Banner" rowspan="1"
colspan="1"><table id="z_ja_u13" width="100%" border="0" cellspacing="0"
cellpadding="0"><tr id="z_ja_v13"><td id="z_ja_023" width="621" rowspan="1"
colspan="1"><img id="z_ja_123" src="images/home_05.jpg" alt="" width="621"
height="206"/></td><td id="SearchBox" width="297" rowspan="1" colspan="1"><div id="index"><table id="z_ja_423" width="100%" border="0" cellspacing="0"
cellpadding="0"><tr id="z_ja_523"><td id="z_ja_623" colspan="2" class="SearchHeading"
rowspan="1">Search Jobs </td></tr><tr id="z_ja_823"><td id="z_ja_923" colspan="2"
rowspan="1"><br id="z_ja_a23" clear="none"/><strong id="z_ja_b23">Username:
</strong><br id="z_ja_d23" clear="none"/><input id="z_ja_e23" value="" type="text"
name="textfield3" class="Textarea"/></td></tr><tr id="z_ja_f23"><td id="z_ja_g23"
rowspan="1" colspan="1"><strong id="z_ja_h23">Exp.</strong><br id="z_ja_j23"
clear="none"/><select id="z_ja_k23" name="select3"
class="Textarea1"></select></td><td id="z_ja_l23" rowspan="1" colspan="1"><strong id="z_ja_m23">Locations</strong><br id="z_ja_o23" clear="none"/><input id="z_ja_p23"
value="" type="text" name="textfield32" class="Textarea1"/></td></tr><tr id="z_ja_q23"><td id="z_ja_r23" colspan="2" rowspan="1"><strong id="z_ja_s23">Select Category:</strong><br id="z_ja_u23" clear="none"/><select id="z_ja_v23"
z.type="zul.sel.Lisel" class="listbox" name="role" size="0">

admin

24 Mar 2008 10:17:53 GMT

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4860337

By: devinder

Hi :

It's the script which is ignored(it is there but not works) by ZK. What should be done to make the script include?

regards

Devinder

admin

26 Mar 2008 04:17:53 GMT

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4864066

By: devinder

Hi,

Please treat this as important.

regards

Devinder

admin

26 Mar 2008 09:14:31 GMT

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4864377

By: henrichen

Hi devinder,

I am not familiar with jquery. I think you should authoring a similar HTML page directly and check if the specified script will work as what you want. It should be some kind of browser side issue. If you are using FF, I will suggest installing an extention FireBug to help you debug the browser side codes.

Hope this information helps.

/henri

ZK - Open Source Ajax Java Framework

Mixing ZUL with HTML