<?php
include('config.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- Start Colorbox -->
<link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" />
<script type="text/javascript" src="lightview/jquery.min.js"></script>
<script type="text/javascript" src="lightview/jquery.colorbox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".iframe").colorbox({width:"50%", height:"85%", iframe:true});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#000", "cursor":"inherit"}).text("Contact Zeroge Business Directory");
return false;
});
});
</script>
<!-- End Colorbox -->
<title><? echo $title; ?></title>
<script language="JavaScript">
var highlightcolor="lightyellow"
var ns6=document.getElementById&&!document.all
var previous=''
var eventobj
//Regular expression to highlight only form elements
var intended=/INPUT|TEXTAREA|SELECT|OPTION/
//Function to check whether element clicked is form element
function checkel(which){
if (which.style&&intended.test(which.tagName)){
if (ns6&&eventobj.nodeType==3)
eventobj=eventobj.parentNode.parentNode
return true
}
else
return false
}
//Function to highlight form element
function highlight(e){
eventobj=ns6? e.target : event.srcElement
if (previous!=''){
if (checkel(previous))
previous.style.backgroundColor=''
previous=eventobj
if (checkel(eventobj))
eventobj.style.backgroundColor=highlightcolor
}
else{
if (checkel(eventobj))
eventobj.style.backgroundColor=highlightcolor
previous=eventobj
}
}
</script>
<style type="text/css">
html {
padding:0px;
margin:0px;
}
body {
font-family: Georgia, Serif;
font-weight: bold;
padding: 0px 20px;
margin: 0px;
}
#menu {
font-family: Tahoma, Serif;
font-weight: normal;
font-size:11px;
color:#414A5A;
position: absolute;
width: 380px;
left: 20px;
padding: 20px;
margin:0px;
background: #F5F5F5;
border: 1px dashed #000000;
}
#content {
font-family: Arial;
font-weight: normal;
font-size:10px;
color:#414A5A;
width:380px;
margin-top: 95px;
left: 20px;
background: #F5F5F5;
padding: 0px 10px 20px 30px;
border: 1px dashed #000000;
}
h1 {
font-size:large;
padding-top: 10px;
}
</style>
</head>
<body>
<br />
<div id="menu">
<tr>Recommend this page to your friend</tr>
<tr></tr>
</div>
<div id="content">
<h1><? echo $title; ?></h1><hr><br>
<script language="JavaScript">
function formCheck(formobj){
// Enter name of mandatory fields
var fieldRequired = Array("to","from", "say","zigi");
// Enter field description to appear in the dialog box
var fieldDescription = Array("Friends E-mail","Friends Name", "Your E-mail","Your Name");
// dialog message
var alertMsg = "These fields cannot be left blank:\n";
var l_Msg = alertMsg.length;
for (var i = 0; i < fieldRequired.length; i++){
var obj = formobj.elements[fieldRequired[i]];
if (obj){
switch(obj.type){
case "select-one":
if (obj.selectedIndex == -1 || obj.options[obj.selectedIndex].text == ""){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
case "select-multiple":
if (obj.selectedIndex == -1){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
case "text":
case "textarea":
if (obj.value == "" || obj.value == null){
alertMsg += " - " + fieldDescription[i] + "\n";
}
break;
default:
}
if (obj.type == undefined){
var blnchecked = false;
for (var j = 0; j < obj.length; j++){
if (obj[j].checked){
blnchecked = true;
}
}
if (!blnchecked){
alertMsg += " - " + fieldDescription[i] + "\n";
}
}
}
}
if (alertMsg.length == l_Msg){
return true;
}else{
alert(alertMsg);
return false;
}
}
</script>
<p><form name="formcheck" method="post" action="http://chinabiz21.com/support/refer/mail.php" onsubmit="return formCheck(this) ///onKeyUp="highlight(event)" onClick="highlight(event);">
<strong>Friends E-mail</strong><br/>
<input type=text style="font-size: 13px; font-family: tahoma,arial; font-weight: bold; color: #336699; BORDER: #000000 1px line ; BACKGROUND-COLOR: #F8F8F8" name="to" size="35"><br>
<strong>Friends Name</strong><br/>
<input type=text style="font-size: 13px; font-family: tahoma,arial; font-weight: bold; color: #336699; BORDER: #000000 1px line ; BACKGROUND-COLOR: #F8F8F8" name="from" size="35"><br>
<strong>Your E-mail</strong><br/>
<input type=text style="font-size: 13px; font-family: tahoma,arial; font-weight: bold; color: #336699; BORDER: #000000 1px line ; BACKGROUND-COLOR: #F8F8F8" name="say" size="35"><br>
<strong>Your Name</strong><br/>
<input type=text style="font-size: 13px; font-family: tahoma,arial; font-weight: bold; color: #336699; BORDER: #000000 1px line ; BACKGROUND-COLOR: #F8F8F8" name="zigi" size="35"><br>
<strong>Your Message</strong><br/>
<input type=text style="font-size: 13px; font-family: tahoma,arial; font-weight: bold; color: #336699; BORDER: #000000 1px line ; BACKGROUND-COLOR: #F8F8F8" name="msg" size="35"><br>
<p></p>
<input TYPE="submit" NAME="Request" VALUE="Submit This Form">
<input TYPE="reset" NAME="Clear" VALUE="Clear Form and Start Over">
</form></p>
<p>
</p>
</div>
</body>
</html>