ecard.js

来自「Telerik是很大的第三方软件制造商」· JavaScript 代码 · 共 55 行

// color picker display with browsers different than MSIE
function hideColorPicker()
{
	if(navigator.appName != "Microsoft Internet Explorer")
	{
		document.getElementById('myTestColor').style.visibility = 'hidden';
	}
	else
	{
		initializePicker(); // display color picker if IE
	}
}
window.onload = hideColorPicker
// hide / show calendar
function toggleCalendar(aspCal) {
	aspCal = document.getElementById('Calendar1');
	aspCal.style.display = (aspCal.style.display == "block" ) ? "" : "block";
}
// hide calendar on outside click
function hideCalendar()
{
	var MyCalendar  = document.getElementById('Calendar1');
	if (MyCalendar)
	{
		MyCalendar.style.display = 'none';
	}
}
// set greeting card title
function setGreetingText()
{
	document.getElementById('greetingText').value = document.getElementById('greetingType').value;
}
// close preview window, i.e. div#previewWindow
function closePreviewWindow()
{
	document.getElementById('previewWindow').style.display = 'none';
}
// preview greeeting
function previewGreeting()
{
	var cardArray = [
		'<div style="font-size: 18px">'
		+ document.getElementById('greetingText').value + 
		', <br />' 
		+ document.getElementById('recipientName').value + 
		'!</div><br />' 
		+ document.getElementById('greeting').value + 
		'<br /><br />from: ' + document.getElementById('senderName').value + 
		'<br /><br />date: ' + document.getElementById('sendDate').value + 
		'<br /><br /><br /><br /><button type="button" id="edit" class="cardBtn" style="width: 130px" title="Continue Editing" onclick="closePreviewWindow()">&laquo;&nbsp;Continue Editing</button>'
	]
	document.getElementById('previewWindow').style.display = 'block';
	document.getElementById('previewWindow').style.backgroundColor = document.getElementById('cardControls').style.backgroundColor
	document.getElementById('previewWindow').innerHTML = '<div style="float: left; margin-right: 10px;"><img src="eCard/Img/card_01.gif" height="386" width="380" alt="Happy Birthday" /></div><div class="cardDetails" style="background-color: transparent; float: left; margin-right: 10px; text-align: center; width: 200px"><br /><br /><br />' + cardArray + '</div>';
}