<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Product Spotlight Submission</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<!-- CKEditor include files -->
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<link href="ckeditor/_sample/sample.css" rel="stylesheet" type="text/css"/>
<!-- End CKEditor include files -->
<script type="text/javascript">
//function CKeditor_OnComplete() {
// iframes = document.getElementsByTagName("iframe");
//if ( window.addEventListener ) // FireFox and other browsers of the type
// iframes[0].contentWindow.addEventListener('keypress', makePreviewBody, false);
// else if ( window.attachEvent ) // The root of all evil (IE)
// iframes[0].contentWindow.document.body.attachEvent('onkeypress', makePreviewBody);
//}
</script>
<!-- create title preview -->
<script type="text/javascript">
function makePreview(divId,txtField){
document.getElementById( divId ).innerHTML=document.enrAd[txtField].value;
}
</script>
<!-- end create title preview -->
<!-- create body preview -->
<script type="text/javascript">
function makePreviewBody(){
document.getElementById('preview_body').innerHTML=CKEDITOR.instances.editor1.getData();
}
</script>
<!-- end create body preview -->
<script type="text/javascript">
</script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('#submit').hover(
function(){ // Change the input image's source when we "roll on"
$(this).attr({ src : 'product_images/submit_button_on.jpg'});
},
function(){ // Change the input image's source back to the default on "roll off"
$(this).attr({ src : 'product_images/submit_button_off.jpg'}); }
);
});
</script>
<style type="text/css">
<!--
.title_overlay {
background-image: url(product_images/title_field.jpg);
height: 26px;
width: 290px;
overflow: hidden;
z-index: 1000;
padding-top: 4px;
background-repeat: no-repeat;
padding-left: 10px;
}
.title_field {
font-size: 14px;
font-weight: bold;
width: 280px;
border: none;
background: none;
background-image: none;
}
.body_field {
border: none;
background: none;
background-image: none;
font-size: 14px;
font-weight: normal;
width: 360px;
}
.body_overlay {
background-image: url(product_images/text_field.jpg);
background-repeat: no-repeat;
height: 180px;
width: 280px;
padding-top: 10px;
padding-right: 11px;
padding-bottom: 10px;
padding-left: 9px;
}
.cke_contents {
height: 150px !important;
width: 300px !important;
}
.center_n_justify {
padding-right: 5%;
padding-left: 5%;
padding-top: 10px;
padding-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
width: 250px;
text-align: justify;
}
.preview_title {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #000000;
text-decoration: none;
text-align: left;
margin: 0px;
clear: both;
line-height: normal;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.center_entrybox {
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
.preview_body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
clear: both;
line-height: normal;
}
p {
margin: 0px;
padding: 0px;
}
a.button {
display: block;
width: 185px;
height: 30px;
padding: 0px 0px 0px 0px;
color:#666666;
text-decoration: none;
background:url(product_images/submit_button.jpg) no-repeat 0px 0px;
}
a.button:hover {
color:#333333;
background:url(product_images/submit_button.jpg) no-repeat 0px -30px;
}
-->
</style>
</head>
<body>
<table width="595" border="1" cellspacing="0" cellpadding="0" onClick="makePreviewBody();makePreview('preview_title','title_field');">
<tr>
<td width="307" height="200">
<div class="center_entrybox">
<form id="enrAd" name="enrAd" method="post" action="email_sender.asp">
<div class="title_overlay">
<div>
<label>
<input name="title_field" type="text" class="title_field" id="title_field" onChange="makePreviewBody();makePreview('preview_title','title_field');"/>
</label>
</div>
</div><br>
<textarea class="ckeditor" cols="30" id="editor1" name="editor1" rows="10" onKeyUp="makePreviewBody();" >Enter the body text of your ad here.</textarea>
<br>
<br>
<input type="image" name="submit" id="submit" src="product_images/submit_button_off.jpg">
<a href="" class="button" onclick="enrAdSubmit()" ></a>
<br />
<br />
</form> </td>
<td width="282" valign="top"><div class="center_n_justify">
<p><img src="product_images/line_break.jpg" width="250" height="3" /><br />
<div class="preview_title" id="preview_title"></div>
<div class="preview_body" id="preview_body"></div>
<br />
<img src="product_images/line_break.jpg" alt="" width="250" height="3" /></p>
</div>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
function enrAdSubmit() {
document['enrAd'].submit();
}
</script>
</body>
</html>
|
