Java Script/Jqery-Wss Integration for ccutom listforms

mravimtnl · Nov 10, 2011

Hi
I am new to java script and WSS. I have created custom list forms in wss/Moss. However, i want to embed the list values in the contenet as shown in the following website:

http://resources.lawinfo.com/letters/frm_BankError.cfm?act=fill

That is user inputs in New form.aspx for printing he uses popup where content along with user input is displayed for printing purpose.

Whether i can us widow.opner/get element.id to do so.

Pls provide me if you have any such type of script.

regards
ravi

mravimtnl · Nov 14, 2011

Hi
ultimately i got this by using this code in jquery. trust the same is helpful.

I called child page fromp parent page using java script. In child page i have kept this jquery to pass the data from parent page to child page.

<%@ Page Language="C#" %>
<html dir="ltr">

<head>
<META name="WebPartPageExpansion" content="full">
<title>FORM VIB</title>
<meta name="Microsoft Theme" content="Cardinal 1011, default">
<title></title>
<link href="../../_themes/Cardinal/PRINT.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="../../_themes/Cardinal/jquery-1.7.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("#onetIDListForm").ready(function(){

var letternu= $("input[title='Letter Numer']",window.opener.document).val();
var Natureofwork= $("input[title='Nature of work']",window.opener.document).val();
var ContractorsName= $("input[title='Contractors Name']",window.opener.document).val();
var LicenceNumber= $("input[title='Licence Number']",window.opener.document).val();
var LicenseDate= $("input[title='License Date']",window.opener.document).val();
var JobCommencement= $("input[title='Job Commencement/Completion Date']",window.opener.document).val();

$('#letternum').text(letternu);
$('#natureofwork').text(Natureofwork);
$('#contractorname').text(ContractorsName);
$('#licensenno').text(LicenceNumber);
$('#date123').text(LicenseDate);
$('#dateofcommencement').text(JobCommencement);
});
});

</script>

<style type="text/css">
.style1 {
text-align: center;
font-family: Arial;
font-size: small;
}
.style2 {
text-align: left;
}
.style3 {
font-family: Arial;
font-size: small;
}
.style4 {
text-align: left;
font-family: Arial;
font-size: small;
}
</style>

</head>
<body onload="window.print();">

<div id="print_div">

<table style="width: 100%">
<tr>
<td class="style1" colspan="2"><strong>FORM VIB</strong><o

></o

></td>
</tr>
<tr>
<td class="style1" colspan="2"><strong>[See Rule
81 (3)]</strong><o

></o

></td>
</tr>
<tr>
<td class="style1" colspan="2"><strong>Notice of
Commencement / Completion of Contract Work.123</strong></td>
</tr>
<tr>
<td class="style1" colspan="2"> </td>
</tr>
<tr>
<td class="style1" colspan="2"> </td>
</tr>
<tr>
<td class="style4" style="width: 215px">1. Name
of the Principal Employer  and   address : </td>
<td class="style4"><strong>M/s Hindustan
petroleum Corporation Limited<br />
BD Patil Marg<br />
Mahul<br />
Chembur<br />
Mumbai</strong></td>
</tr>
<tr>
<td class="style4" style="width: 215px"> </td>
<td class="style4"> </td>
</tr>
<tr>
<td class="style4" style="width: 215px">2.
Registration Certificate No:</td>
<td class="style4"> </td>
</tr>
<tr>
<td colspan="2">
<p>3. I/ We hereby intimate that the contract
work  <strong id="natureofwork"></strong> given
to <strong id="contractorname"></strong> 
having licence No.<strong id="licensenno"></strong> 
dated <strong id="date123"></strong> has been
commenced / completed with effect from/on   <strong id="dateofcommencement"></strong>
.</p>
</td>
</tr>
<tr>
<td class="style3" colspan="2">
 </td>
</tr>
<tr>
<td class="style3" style="width: 215px" valign="top">
<strong>Letter No:</strong><strong id="letternum"> </strong></td>
<td class="style3" valign="top">

<strong>
Signature of the
Principal
Employer</strong><o

></o

></td>
</tr>
<tr>
<td class="style1" colspan="2">
 </td>
</tr>
<tr>
<td class="style2" colspan="2">
<span class="style3">
<br />
</span>
<p class="style3" style="text-align: left">To<o

></o

></p>
<p class="style3" style="text-align: left">The
Inspector</p>
<div class="style3">
<br />
</div>
</td>
</tr>
<tr>
<td class="style2" colspan="2">
 

</td>
</tr>
</table>
</div>

</body>
</html>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Java Script/Jqery-Wss Integration for ccutom listforms

mravimtnl

MIS

mravimtnl

MIS

Similar threads

Part and Inventory Search

Sponsor