|
JavaScript - How To Make Sure Remote Server Is Up And Running?
Hello,
I'm building a very simple app that relies on a remote server. I will use this app on many websites, so I decided to store it on one server (I have control of the remote server in question). I need to make sure that this server is up and running, so in the case it's not I can use a fallback. Would it be a client-side approach? A server-side approach? My guess is to use a js snippet to do the job. If I'm correct, I'll probably use jquery to perfom the task. Regards, -jj. Similar TutorialsHi, I am hosting my website in free server (freehostia.com) and i am using joomla1.5 . I want to parse RSS from my other websites. Joomla does it with its modules. But the server do not allow outbound HTTP request, hence i had use rss-to-javascript website to parse RSS feeds. It parses well but there is its advertisement below the feed (which i think is nonsense). The link it provides is in the format of <script src="http://somethin.com/somdfile.php?parse=.."></script> when i put the link in my browser i see following document.write("string of my parsed xml file with advertisement at end"); What i want to do is get the sting of above line and edit it to chop off the end advertisement. if there was any method to load that output sting in any variable, the task would had been completed. If anybody knows how to do it, please help me. I have a google blogger site on which I want to run a PHP script. The problem is that blogger doesn't have a PHP interpreter. So I was thinking, can I run the php file on a remote server that supports php, and load the result in a div in blogger? Thx! I recently coded a page that extracts certain nodes from an external XML file and prints a line of text on the webpage. It is an HTML page that is strictly devoted to this purpose. There is no other information on it. The page is currently stored locally on my computer, and when I open it, the script runs fine and outputs the correct text. However, when I transferred this script over to my web server, and locate it that way, it doesn't run correctly. When I go to the page, it is supposed to display a line of text at the top. It does when I run the file from my local machine, however when I open it from the server, it doesn't display this text. (Same browser, same computer) When I right-click and view the source, all the code is there, and the files are identical. Any idea as to why the script runs correctly only when I open the HTML page locally? I appreciate any help or advice. Thanks! I have the following JavaScript (see below). The script requests an XML file from the server and displays it on the page. The script works fine when the requested XML file is stored on the same server as the script. The problem is when I try requesting an XML file from an external server such as the National Weather Service. I get an error. If I take the XML file from the National Weather Service and save it to my server it works. Why can't I use my script to request XML files stored on external servers? Thanks in advance for any help. Javascript Code Code: window.onload = initAll;
var xhr = false;
function initAll() {
document.getElementById("makeTextRequest").onclick = getNewFile;
document.getElementById("makeXMLRequest").onclick = getNewFile;
}
function getNewFile() {
makeRequest(this.href);
return false;
}
function makeRequest(url) {
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else {
if (window.ActiveXObject) {
try {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) { }
}
}
if (xhr) {
xhr.onreadystatechange = showContents;
xhr.open("GET", url, true);
xhr.send(null);
}
else {
document.getElementById("updateArea").innerHTML = "Sorry, but I couldn't create an XMLHttpRequest";
}
}
function showContents() {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
if (xhr.responseXML && xhr.responseXML.contentType=="text/xml") {
var outMsg = xhr.responseXML.getElementsByTagName("choices")[0].textContent;
}
else {
var outMsg = xhr.responseText;
}
}
else {
var outMsg = "There was a problem with the request " + xhr.status;
}
document.getElementById("updateArea").innerHTML = outMsg;
}
}
HTML Code Code: <!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"> <head> <title>My First Ajax Script</title> <script type="text/javascript" src="script01.js"></script> </head> <body> <p><a id="makeXMLRequest" href="http://www.weather.gov/xml/current_obs/KOJC.xml">Request an XML file</a></p> <div id="updateArea"> </div> </body> </html> I need help to make a Server to server connection I already have a server connected to clients, clients send msgs and it echoes back to all of them and now i want when a client sends a msg it echoes on his server and the other server too .. so when any of the clients on any of the servers sends a msg it is broadcasted all over the servers to all clients This is my SERVER code Code: import java.io.*;
import java.net.*;
public class MultiThreadChatServer {
// Declaration section: This part to declare the server socket, client
// socket, input stream
// and output stream
static Socket clientSocket = null;
static ServerSocket serverSocket = null;
// server can hold up to 10 clients
static clientThread t[] = new clientThread[10];
public static void main(String args[]) {
int port_number = 6000;
if (args.length < 1) {
System.out.println("Server Started \n" + "Now using port number="
+ port_number);
} else {
port_number = Integer.valueOf(args[0]).intValue();
}
// Initialization section: Where I try to open a server socket on the
// given port
try {
serverSocket = new ServerSocket(port_number);
} catch (IOException e) {
System.out.println(e);
}
// Create a socket object from the ServerSocket to listen and accept
// connections
// Open input and output streams for this socket will be created in
// client's thread since every client is served by the server in
// an individual thread
while (true) {
try {
clientSocket = serverSocket.accept();
for (int i = 0; i <= 9; i++) {
if (t[i] == null) {
(t[i] = new clientThread(clientSocket, t)).start();
break;
}
}
} catch (IOException e) {
System.out.println(e);
}
}
}
}
// This client thread opens the input and the output streams for a particular
// client,
// ask the client's name, informs all the clients currently connected to the
// server about the fact that a new client has joined the chat room,
// and as long as it receive data, echos that data back to all other clients.
// When the client leaves the chat room this thread informs also all the
// clients about that and terminates.
class clientThread extends Thread {
DataInputStream is = null;
PrintStream os = null;
Socket clientSocket = null;
clientThread t[];
public clientThread(Socket clientSocket, clientThread[] t) {
this.clientSocket = clientSocket;
this.t = t;
}
public void run() {
String line;
String name;
try {
is = new DataInputStream(clientSocket.getInputStream());
os = new PrintStream(clientSocket.getOutputStream());
os.println("Enter your name.");
name = is.readLine();
os.println("Hello " + name
+ " you can now start chatting with all the connected chat-mates");
for (int i = 0; i <= 9; i++)
if (t[i] != null && t[i] != this)
t[i].os.println(".." + name + " has entered the chat room ..");
while (true) {
line = is.readLine();
if (line.startsWith("/quit"))
break;
for (int i = 0; i <= 9; i++)
if (t[i] != null)
t[i].os.println("<" + name + "> " + line);
}
for (int i = 0; i <= 9; i++)
if (t[i] != null && t[i] != this)
t[i].os.println("" + name + " has left the chat room ..");
os.println("Bye " + name + " ..");
// Clean up:
// Set to null the current thread variable such that other client
// could
// be accepted by the server
for (int i = 0; i <= 9; i++)
if (t[i] == this)
t[i] = null;
// close the output stream
// close the input stream
// close the socket
is.close();
os.close();
clientSocket.close();
} catch (IOException e) {
}
;
}
}
Hi, Im trying to load a remote script but only if a statement is true.. Code: <script type="text/javascript">
var width=screen.width;
if (width>1023);
{
// load remote script
}
</script>
How would I go about this? And will it work if the script in php? Thank youu! EDIT: I realise its probably not the best practice but at the moment im having to use Code: <script language="javascript"> window.location.href = "index2.php?width=" + screen.width; </script> and on index2.php Code: <?php
$res=$_GET['width'];
if ($res > 1024) {
include("header.php");
}
?>
Is there any way to check if exists a cookie from a domain2 in domain1? The purpose here is if the cookie from domain 2 exists then do an action in domain 1. For example: Erase cookie or do an action. I have discovered a XSS vuln in a website and I'd like to use this as a cookie grabber. If you can help, <removed>.
If I use a window opener to open a new window, is there a way to detect that the new window is finished loading before carrying out some other directive in the opener window? Can I access the remote window's onload event from the opener window? I need to know that the website has loaded before moving to the next page. something like: remoteWindow.onload = goToPage(url); Is this even possible? HI I'm new to tinymce. I'm using tinymce with jquery validate with remote Methods. (Remote Methods: http://docs.jquery.com/Plugins/Valid...Methods/remote) I'm using jquery validate to check if email address already has been enter into the database, once it check the email hasn't been entered. It then enter the email with the tinymce textarea. Right now the email address gets enter but tinymce textarea is undefined. I understand I have to uses the var content = tinyMCE.get (editor_id);, but its still enter as undefined, here is my code below: Code: <html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript"
src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// Location of TinyMCE script
// General options
mode : "textareas",
elements : "editor_id",
theme : "advanced",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
content_css : "css/content.css",
});
<script type="text/javascript">
$(document).ready(function(){
var validator = $("#myform").validate({
rules: {
email: {
required: true,
minlength: 5,
remote: {
url: "test.php",
type: "post",
data: {
dataType: 'json',
email: function() {
return
$("#email").val();
},
content: function() {
return
$("content").val();
}
},
},
}
},
messages: {
sub_name: {
required: "Please enter a email
address",
minlength: "Your email addressmust be
at least 5 characters long",
remote: jQuery.format("Sorry but
'{0}' has already been added. Please try again.")
}
});
});
</script>
</head>
<body>
<form id="myform" action="" method="post">
<input type="text" name="email" id="email" size="15"/>
<textarea id="editor_id" name="editor_id" rows="15" cols="80"
></textarea>
<input type="submit" value="Submit"/>
</form>
Where do I added? Code: var content = tinyMCE.get('editor_id');
content = escape(content.getContent());
content = content.replace("+", "%2B");
content = content.replace("/", "%2F");
thanks I have changed my event listener around a bit. Basically the "compare_fields" function is running when the "load_doc" function is run. Here is my JavaScript: PHP Code: function load_doc(doc, parent) { document.getElementById(parent).innerHTML = "<h1>Loading...</h1>"; var http = getHTTPObject(); if (http != undefined) { http.onreadystatechange = function() { req_doc(doc, parent, http); }; http.open("GET", doc, true); http.send(""); } } function req_doc(doc, parent, req) { if (req.readyState == 4) {//only if req is loaded if (req.status == 200) {//And if its okay document.getElementById(parent).innerHTML = req.responseText; add_event_listeners(page) } else { document.getElementById(parent).innerHTML = "Error fetching data: " + req.status + "\n" + req.statusText; add_event_listeners(); } } } //Script used to hide elements. Usage: expand(element id) function expand(elm) { var ex = document.getElementById(elm).style.display; if (ex == "none") { var obj = document.getElementById(elm); obj.style.display = "inline"; } else if (ex == "inline") { var obj = document.getElementById(elm); obj.style.display = "none"; } } function check_database(obj) { //Not written yet } //Function to test the password validation, should rewrite in future //to make it multifunctional function compare_fields(obj) { alert("com"); var field2 = obj.split("_"); field2 = document.getElementById(field2[1]+"2"); if (obj == field2) { if (obj.length >= 4) { document.getElementById("pass_status").style.color = "#00CC00"; document.getElementById("pass_status").innerHTML = "OK!"; } else { document.getElementById("pass_status").innerHTML = "Please must be between 5 - 14 characters long! "; document.getElementById("pass_status").style.color = "#FF0000"; } } else { document.getElementById("pass_status").innerHTML = "Passwords do not match!"; document.getElementById("pass_status").style.color = "#FF0000"; } } Global JavaScript: PHP Code: //Get httpobject function getHTTPObject() { var http = false; if (window.XMLHttpRequest) { http = new XMLHttpRequest(); } else if (window.ActiveXObject) { http = new ActiveXObject("Microsoft.XMLHTTP"); } return http; } //This function attaches events to elements. var addEvent = function( elm, evt, fun ) { if ( elm.addEventListener ) { elm.addEventListener( evt, fun, false ); } else if ( elm.attachEvent ) { elm.attachEvent( 'on' + evt, fun ); } else { elm [ 'on' + evt ] = fun; } }; Here is the first form, this contains the button: Code: <div style="border-color:#09C; border-width:1px; border-style:solid;">
<div class="register_button" onClick="load_doc('pages/forms/register_form.php', 'login_form')">Register</div>
<h1>Login</h1>
<h3>DrawSomething - WordGuesser</h3>
<br />
<form id="login" action="php/check_login.php" method="post">
Username<br /><input type="text" name="username" class="text login_field"><br />
Password<br /><input type="password" name="password" class="text login_field"><br />
<input type="submit" value="Login" class="button blue" />
</form>
<br />
<h2>Forgot Username/Password?</h2>
<span class="expand" onClick="expand('forgot_p')"></span>
<form class="forgot_p" action="php/forgot_p.php" method="post" style="display:none;" id="forgot_p">
Email<br />
<h3>Recover username</h3>
<input type="text" name="forgot_email" class="text login_field"><br />
<span style=" font-weight:bold; font-size:21px;">- OR -</span><br />
Username<br />
<h3>Recover password</h3>
<input type="text" name="forgot_password" class="text login_field"><br />
<input type="submit" value="Recover" class="button" />
</form>
</div>
Form which is loaded, this is when the "comare_fields" function is run when it shouldn't be. Edit: Oh and here is the PHP script which creates the event listeners. PHP Code: include "js/common.js"; include $js[$page]; //Write JS variables for event listeners $page_listeners = $listeners[$page]; //Check if there are some event listeners for this page if (count($page_listeners) > 0) { ///Start function echo "function add_event_listeners() { "; //Start loop to add event listeners for ($i = 0; $i < count($page_listeners); $i++) { $doc_elm = "document.getElementById('".$page_listeners[$i][1]."')"; echo "addEvent(\"document.getElementById('".$page_listeners[$i][0]."')\", \"".$page_listeners[$i][1]."\", ".$page_listeners[$i][2].");"."\n"; } //End function echo "}"; } Code that is written with the above PHP Code: function add_event_listeners() {
addEvent("document.getElementById('reg_username')", "click", check_database);
addEvent("document.getElementById('reg_email')", "click", check_database);
addEvent("document.getElementById('reg_password')", "click", compare_fields('reg_password'));
}
And here are global PHP variables: PHP Code: <?php //Define page titles $titles = array( "login" => "Login - DrawSomething", "main" => "DrawSomething - Word Guesser", "admin" => "Administrator" ); //Require JavaScript files when onscreen HTML is selected $js = array( "login" => "js/login_js.js", "main" => "js/main_js.js", "admin" => "js/admin_js.js" ); //Pages to require $pages = array( "login" => "pages/login_page.php", "main" => "pages/main_page.php", "admin" => "pages/admin_page.php" ); //Event listeners to add $listeners = array( "login" => array(array("reg_username", "click", "check_database"), array("reg_email", "click", "check_database"), array("reg_password", "click", "compare_fields('reg_password')") ), ); ?> Hi Guys, I'm remotely new to the world of scripting in general. I'm trying to run two scripts: Coda Slider (http://www.ndoherty.biz/tag/coda-slider/) and OS X Style Dialogue (http://www.ericmmartin.com/projects/simplemodal-demos/) But I'm am having difficulty doing so. I've heard the term "script confliction" throw around a lot - but I don't know how to solve it. My scripting code can be seen on the practice website: http://thenativedrum.com/practice/ Any help would be greatly appreciated. Thanks in advance! Hey all. I hate posting this problem, because I am quite embarrassed by this script I have put together. This is not the final script, it is a draft, but I am trying to learn as much as possible and I would like to fix this before I move on and completely rewrite it. As you can probably tell - this is my first crack at JS... Right now I have a page with a registration form, seen he http://www.temp1.hangnailproductions...gistration.php It is working as well as it can be in FireFox, but in IE it is not working at all. Now, I just ran the IE8 debugger, and my first problem is the onload function in the body tag, it is saying that an object is missing, but I do not understand what this means. Can anyone help me with this please? Again, sorry for asking for help on such a mess, but like I said - I need to learn and trial and error works best for me... Thanks very much. Code: <html>
<head>
<script type="text/javascript">
function ChangeSize(objId,ToWidth,ToHeight,Spd)
{
CurrentWidth=parseInt(document.getElementById(objId).style.width);
// CurrentHeight=parseInt(document.getElementById(objId).style.height);
if(CurrentWidth<>ToWidth)
{
WidthDiff=ToWidth-CurrentWidth;
if (Spd<WidthDiff) {Spd=round(WidthDiff/2);}
CurrentWidth=CurrentWidth+Spd;
document.getElementById(objId).style.width=CurrentWidth+'px';
TimeoutCmd="ChangeSize(\""+objId+"\","+ToWidth+","+ToHeight+","+Spd+");";
setTimeout(TimeoutCmd,1);
}
document.getElementById(objId).innerHTML=document.getElementById(objId).style.width;
}
</script>
</head>
<body>
<div id="ChangeSizeDiv" style="width:200px;height:200px;border:5px groove green;overflow:hidden" onclick='ChangeSize("ChangeSizeDiv",500,500,15);'>
Click here to resize me ...
</div>
</body>
</html>
I don't see any typos (though that doesn't mean I'm not blind). It doesn't even appear to be firing when I click the div. What's up? The first time I enter the command n it should run the first if statement, when I enter n it should then run the second one as its in zone two. However this is just not happening... What am I doing wrong. Its simply running the second one and skipping the first. Thanks in advance folks // gameFunctions.js // Javascript file for Game.html // September 29th 2010 Edition // The below represent our global variables for the game. The first variable // is called playerScore, and represents the total earned points. The player // earns or loses points based on progress in the game, this value can either // increase or decrease. var playerLocation = "zone"; function runProgram() { var command = ""; command = document.getElementById("txtCommand").value; switch (command) { case "n": north(); break; case "s": south(); break; case "e": east(); break; case "w": west(); break; case "north": north(); break; case "south": south(); break; case "east": east(); break; case "west": west(); break; default: giveError(); } } // The following function when called will take the player north. function north() { if(playerLocation = "zone") { var message = "You have come to what seems to be a beach"; post(message); var playerLocation = "zoneTwo"; } if(playerLocation = "zoneTwo") { var message = "You are unsure if you should set up camp. Set up camp?" post(message); var playerLocation = "zoneThree"; } else { giveError(); } } // The following function when called will take the player east. function east() { if(playerLocation = "zone") { var message = "You have come to a very large and steep mountain"; post(message); var playerLocation = "zoneTwo"; } if(playerLocation = "zoneTwo") { var message = "You are unsure if you should set up camp. Set up Camp?"; post(message); var playerLocation = "zoneThree"; } else { giveError(); } } // The following function when called will take the player south. function south() { if(playerLocation = "zone") { var message = "You have come to the entrance of a mine"; post(message); var playerLocation = "zoneTwo"; } if(playerLocation = "zoneTwo") { var message = "You are unsure if you should set up camp. Set up Camp?"; post(message); var playerLocation = "zoneThree"; } else { giveError(); } } } // The following function when called will take the player west. function west() { if(playerLocation = "zone") { var message = "You have found the edge of the world"; post(message); var playerLocation = "zoneTwo"; } if(playerLocation = "zoneTwo") { var message = "You are unsure if you should set up camp. Set up Camp?"; post(message); var playerLocation = "zoneThree"; } else { giveError(); } } // The following function reports an error when the program deviates from standard functionality. It is used mainly for debugging. function giveError() { alert("gameFunctions.js has encountered a critical error") alert("Please check that you are not using Internet Explorer to run this page") alert("The program will now close") } // The following function reports an error when the typed in command is not recognized by the program database. function doNotUnderstand() { alert("I am sorry but I do not understand please try again") } function post(newText) { document.getElementById("taGameText").value = "" var gameTextBox = document.getElementById("taGameText"); gameTextBox.value = newText + gameTextBox.value; } I currently have a script setup in HTML that will allow me too input a "Customers ID" and their "Gas Usage". Once those are entered, it will do some calculations and display text stating: > "Customers ID: 1 has gas usage of 50 and owes $100 > > Customers ID: 2 has gas usage of 120 and owes $195 > > Customers ID: 3 has gas usage of 85 and owes $142.5 > > Customers ID: 4 has gas usage of 65 and owes $112.5 > > Total amount of customers is: > > Total amount owed all customers:" **What im having trouble** with is making a running total that will calculate the "Total amount of customers" and the "Total amount owed by customers". All I know is that I may need to add another variable in the script. Code: function Summarise()
{
ID = prompt("Enter a Customer ID number ", -1)
while(ID != -1)
{
var gasUsed = 0
gasUsed = prompt("Enter amount of gas used ", "0")
var total = 0
///Standard Rate is used to assist in the calculation of customers in excess of 60 Gas Used
StandardRate = 60 * 1.75
if(gasUsed <= 60)
{
total= gasUsed * 2
document.write("Customers ID: " + ID)
document.write(" has gas usage of " + gasUsed)
document.write(" and owes $" + total)
document.write("<br/>")
}
else
{
total= (gasUsed - 60) * 1.50 + StandardRate
document.write("Customers ID: " + ID)
document.write(" has gas usage of " + gasUsed)
document.write(" and owes $" + total)
document.write("<br/>")
}
ID = prompt("Enter a Customer ID number ", -1)
}
}
I have an external js file which contains the function which for now opens an alert box. The div on the page should run the function when it is clicked but it isn't. I have tried changing the function to an alert to check the click event is working and i have tried running the javascript in the address bar Code: javascript:hasFocus(); to ensure it has loaded correctly. Both are working fine and i am getting no errors. Below is a snippet of the code: Code: function hasFocus() {
alert("a");
}
Code: <!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">
<head>
<script type="text/javascript" language="javascript" src="scripts/cms.js"></script>
</head>
<body>
<div id="tab_panel">
<div id="tabs"></div>
<div id="content" contenteditable="true" onclick="hasFocus();"></div>
</div>
</body>
</html>
Thanks in advance I am having a bit of trouble adding the drop down options to the running total. I managed to get the check boxes and radio buttons to work fine, but can't figure out how to get the drop downs working. Basically when small is selected it adds $10 to the running total, medium $15 and large $20. Code: <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pizza</title>
<script type="text/javascript">
function CalculateTotal(inputItem) {
var frm=inputItem.form;
if (!frm.fields) frm.fields='';
if (!frm.fields.match(inputItem.name)) frm.fields+=inputItem.name+',' // add the inputItem name to frm.fields
var fieldary=frm.fields.split(','); // convert frm.fields to an array
var cal=0;
for (var zxc0=0;zxc0<fieldary.length-1;zxc0++){ // loop through the field names
var input=document.getElementsByName(fieldary[zxc0]); // an array of fields with the mame
for (var zxc0a=0;zxc0a<input.length;zxc0a++){ // loop through the input array to detect checked fields
if (input[zxc0a].checked) cal+=input[zxc0a].value*1; // convert the value to a number and add to cal
}
}
frm.calculatedTotal.value=cal;
frm.total.value=formatCurrency(cal);
}
// format a value as currency.
function formatCurrency(num) {
num = num.toString().replace(/\$|\,/g,'');
if(isNaN(num))
num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3)) + ',' + num.substring(num.length-(4*i+3));
return (((sign)?'':'-') + '$' + num + '.' + cents);
}
// This function initialzes all the form elements to default values
function InitForm() {
//Reset values on form
var frm=document.selectionForm;
frm.total.value='$0.00'; // set initial total
frm.calculatedTotal.value=0;
frm.previouslySelectedRadioButton.value=0;
//Set all checkboxes and radio buttons on form to unchecked:
for (i=0; i < frm.elements.length; i++) {
if (frm.elements[i].type == 'checkbox' || frm.elements[i].type == 'radio') {
frm.elements[i].checked =(frm.elements[i].value!='0.00')? false:true;
}
}
}
</script>
</head>
<body onLoad="InitForm();" onreset="InitForm();">
<table width="770" height="171" border="1" cellpadding="3">
<tr>
<td colspan="2"><p>PIZZA ORDERS SCREEN Welcome: [username] Time:
[current time]
</p>
<p>Select the requirements of the CLIENT's pizza below</p></td>
</tr>
<tr>
<td width="462"><form method="POST" name="selectionForm">
<fieldset>
<legend>NEW PIZZA SELECTION</legend>
(pricing estimate)
<p>Select the size pizza (base price of all types):
<select name="SIZE" >
<option name="small" value=10.0 selected>small ($10)</option>
<option name="medium" value=15.00 onchange="CalculateTotal(this);">medium ($15)</option>
<option name="large" value=20.00 >large ($20)</option>
</select>
</p>
Select pizza type:
<table width="292">
<tr>
<td><label>
<input type="radio" name="type" value="radio" id="RadioGroup1_0" />
Supreme
<input type="radio" name="type" value="radio" id="RadioGroup1_1" />
Meat Lovers
<input type="radio" name="type" value="radio" id="RadioGroup1_2" />
Aussie</label></td>
</tr>
</table>
<p>Select additional topping (each topping is $2.50): </p>
<table width="200" border="0" cellspacing="5" cellpadding="1">
<tr>
<td width="70">Ham: </td>
<td width="111">
<input type="checkbox" name="ham" value=2.50 onclick="CalculateTotal(this);"></td>
</tr>
<tr>
<td width="70">Cheese: </td>
<td width="111">
<input type="checkbox" name="cheese" value=2.50 onclick="CalculateTotal(this);"></td>
</tr>
<tr>
<td width="70">Olives: </td>
<td width="111">
<input type="checkbox" name="olives" value=2.50 onclick="CalculateTotal(this);"></td>
</tr>
<tr>
<td width="70">Peppers: </td>
<td width="111">
<input type="checkbox" name="peppers" value=2.50 onclick="CalculateTotal(this);"></td>
</tr>
<tr>
<td width="70">Anchovies: </td>
<td width="111">
<input type="checkbox" name="anchovies" value=2.50 onclick="CalculateTotal(this);"></td>
</tr>
<tr>
<td width="70">Salami: </td>
<td width="111">
<input type="checkbox" name="salami" value=2.50 onclick="CalculateTotal(this);"></td>
</tr>
</table>
<p>
</p>
<p>Select the type of packaging: </p>
<table width="200">
<tr>
<td>
<input type="radio" name="Sauce" value=1.00 onClick="CalculateTotal(this);"> Plastic $1.00
</td>
</tr>
<tr>
<td>
<input type="radio" name="Sauce" value=1.00 onClick="CalculateTotal(this);"> Plastic $1.00
</td>
</tr>
<tr>
<td>
<input type="radio" name="Sauce" value=1.00 onClick="CalculateTotal(this);"> Plastic $1.00
</td>
</tr>
</table>
<p>
<input type="hidden" name="calculatedTotal" value=0>
<input type="hidden" name="previouslySelectedRadioButton" value=0>
<font size=+1> Your total is: </font><font face=Arial size=2><font size=+1>
<input type="text" name="total" readonly onFocus="this.blur();">
<br />
</p>
<p>
<input type="button" name="resetBtn" id="resetBtn" value="Reset" />
<input type="button" name="confirmBtn" id="confirmBtn" value="ADD TO
ORDER" />
</p>
</fieldset>
</form></td>
<td width="284" align="left" valign="top">
<form id="summaryForm" name="summaryForm" method="post" action="">
<fieldset><legend>CLIENT ORDER SUMMARY</legend>
<p>
<textarea name="summaryBox" cols="40" rows="20"></textarea>
</p>
<p>Number of Pizza's:
<label for="noPizza"></label>
<input name="noPizza" type="text" id="noPizza" size="5" />
</p>
<p>Total for Pizza's:
<input name="totPizza" type="text" id="totPizza" size="8" />
</p>
<p>Email a confirmation:
<input type="submit" name="email" id="email" value="KITCHEN
CONFIRMATION" />
<br />
</p></fieldset>
</form>
<p> </p></td>
</tr>
<tr>
<td colspan="2" align="right"><form id="form1" name="form1"
method="post" action="">
<input type="button" name="reset all" id="reset all" value="RESET for
New client" />
<input type="hidden" name="calculatedTotal" value=0>
<input type="hidden" name="previouslySelectedRadioButton" value=0>
</font>
</p>
</form></td>
</tr>
<tr>
</table>
</body>
</html>
|
|||||||