JavaScript - Html Button Calls A Server Side Script

Hi guys,

I need your expertise regarding my dilema.

I was able to create a simple google map html page at our web server, this web server has access to the internet.

the problem is, when this page is accessed from a different PC that has no internet access, the google map won't work.

I know that javascripts are run at the client side, so i'm asking is it possible to run everything at the server, including the javascripts and still output the google map?

i used this tutorial to make my google map page : http://googlemaps.mayzes.org/

I have a form field that needs to be validated in a hidden Iframe which is driven by Coldfusion. Which is working fine. But the same form field also need do some client side validation as well if Server side (iframe) validation passes.
I thought I could create a javascript function, in it call a server side validate and then client side, but without any success. It does not process in the order as expected. Javascript always go first, then the server side validation.
I tried to delay the client side with time delay, then server side did process first, but client function could not recognize the parameter passed.

here is the function:

Function doValidation(param1,param2,param3,param4)
{
....
document.iframName.src='serverValidate.cfm?m1=param1&p2=param2';

....
clientValidate(param3,param4);

}

If only I could have serverside validation return a value the function, then I could defined that value then the the clientValidate(param3,param5) to start other wise warn with a message.

Both validation does work seperately. The issue is it triggered by one onChange event I have to put them in one function. Maybe I am on a wrong track. Please advise if anyone could have better solution.
Thanks in advance.
JT

Hello again...
I have written a custom slideshow script which gets the images from an array...
The script will change the src of a img, which is a fullscreen background.

Now here's the problem, I've been trying to write a function where can define a folder "gallery\test\", and then get all image files in that folder and repopulate the slideshow array.

So, is there a way to scan folders?

I've searched around and found some solutions where PHP is used, but i really want to keep this pure js, if possible (?)

Thanks,

I would like to use functionality similar to DirectoryInfo and FileInfo using server-side javascript in ASP.NET, but neither are recognized. What are the equivalents, if they exist, in javascript?

I'm attempting to pull the hidden iframe file upload trick using javascript. I've go my form file upload and iframe fine, but I can't figure out what to do when it gets server side. There seems to be relatively no documentation on how to handle uploaded files in server-side javascript. Ideas? I'm at a loss.

Hi,
I have a script that writes to an IFRAME, it writes dynamically and then needs to reload it server side. Anybody knows how to do it? I'm joining the code of my attempt but it appears to be reloading the IFRAME on the client side therefore causing an activeX error since I am running this in FireFox:
PHP Code:
    var frTraductionID = document.getElementById("frTraduction");
    frTraductionID = (frTraductionID.contentWindow) ? frTraductionID.contentWindow : (frTraductionID.contentDocument.document) ? frTraductionID.contentDocument.document : frTraductionID.contentDocument;
    var x=frTraductionID.document.getElementById("hCount").value;
    var ifrm = document.getElementById("ifUPDATE");
    ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
    ifrm.document.open();
    ifrm.document.write('<scr' + 'ipt language=javascript type="text/javascript" runat=server>');
    ifrm.document.write('var fso = new Active' + 'XObject("Scripting.FileSystemObject"); ');
    ifrm.document.write('var f = fso.OpenTextFile("' + sFileName + '", 2, true); ');
    for (var i=0;i<x;i+=1) {
        var sString="";
        sString +="f.WriteLine('";
        sString +=frTraductionID.document.getElementById("h"+i).value;
        sString +='="';
        sDetail=frTraductionID.document.getElementById("d"+i).value.replace('"', ' ');
        sDetail=sDetail.replace("'", "`");
        sString +=sDetail;
        sString +='"';
        sString +="')";
        sString +="; ";
        alert("i = " + i + " str = " + sString);
        ifrm.document.write(sString);
    }
    ifrm.document.write("f.Close();");
    ifrm.document.write("</Scr" + "ipt>");
    ifrm.document.close();
    document.getElementById('ifUPDATE').contentWindow.location.reload(true); 


any help would be appreciated.

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">&nbsp;</div>
</body>
</html>

I have a form that I've made in the XHTML comprised of text boxes and radio buttons. I want to put a button on the page that when clicked, takes the values in the data, processes it client-side and then outputs it to the same page that it took the data from.

I'm having difficulty know exactly how to reference the data in each form element. So far, it seems like I can use getElementById, but my efforts so far have stymied me.

The code is this:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>QuadWay DomQuote</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=utf-8" />

<!-- external script declarations -->		
<script type="text/javascript" src="chkValidityOfNumber.js"></script>
<script type="text/javascript" src="calcQuote.js"></script>
<script type="text/javascript" src="calcGoodsAndServicesTax.js"></script>
<script type="text/javascript" src="calcTotalCostIncludingGST.js"></script>
<script type="text/javascript" src="outPutResultsToPage.js"></script>

</head> 


<body>

        <form action="" name="quadway">
<!-- create fields to enter customer details into -->
                <b>Customer Details</b>
               
                <p>Customers Full Name:
                        <input type="text" id="customersfullname" name="custName" />
                        </p>
                       
                        <p>Contact Telephone Number:
                        <input type="text" id="customerstelephonenumber" name="phoneNumber" />
                        </p>
                       
                        <p>Customers Address:
                        <textarea id="customersaddress" name="custAddress" cols="20" rows="5"></textarea>
                        </p>
               
                                <hr />
<!-- create fields to enter the regularity of service -->              
                <b>Regularity</b>
                        <p>
                        <input type="radio" name="regularity" value="1" />
                        Once only
                        </p>
                       
                        <p>
                        <input type="radio" name="regularity" value="4" checked />
                        Weekly
                        </p>
                       
                        <p>
                        <input type="radio" name="regularity" value="2" />
                        Fortnightly
                        </p>
                       
                        <p>
                        <input type="radio" name="regularity" value="1" />
                        Monthly
                        </p>
               
                                <hr />
 
<!-- create radio buttons to select the contract period -->                            
                <b>Contract Period</b>
                        
                        <p>
                        <input type="radio" name="contractperiod" value="1" />
                        N/A (Once Only)
                        </p>
						
						<p>
                        <input type="radio" name="contractperiod" value="6" />
                        Six Months
                        </p>
                       
                        <p>
                        <input type="radio" name="contractperiod" value="12" />
                        One Year
                        </p>
                       
                        <p>
                        <input type="radio" name="contractperiod" value="24" />
                        Two Years
                        </p>
               
                                <hr />
 
<!-- create radio buttons to select the type of service -->                            
                <b>Type</b>
                        <p>
                        <input type="radio" name="typeOfService" value="1" />
                        Standard
                        </p>
                       
                        <p>
                        <input type="radio" name="typeOfService" value="1.4" />
                        Premium
                        </p>
               
                                <hr />
 
<!-- create fields to enter how many bedrooms, living areas and service areas there are and their area -->                                                             
                <b>Bedrooms</b>
                        <p>Number of bedrooms:
                        <input type="text" name="numBedrooms" size="3" maxlength="3" onchange="return chkValidityOfNumber(this)" />
                        </p>
                       
                        <p>Area:
                        <input type="text" name="areaBedrooms" size="3" maxlength="3" onchange="return chkValidityOfNumber(this)" />
                        m2
                        </p>
                       
                <b>Living Areas</b>
                        <p>Number of living areas:
                        <input type="text" name="numLivAreas" size="2" maxlength="3" onchange="return chkValidityOfNumber(this)" />
                        </p>
                       
                        <p>Area:
                        <input type="text" name="areaLivAreas" size="3" maxlength="3" onchange="return chkValidityOfNumber(this)" />
                        m2
                        </p>
                       
                <b>Service Areas</b>
                        <p>Number of service areas:
                        <input type="text" name="numServAreas" size="2" maxlength="3" onchange="return chkValidityOfNumber(this)" />
                        </p>
                       
                        <p>Area:
                        <input type="text" name="areaServArea" size="3" maxlength="3" onchange="return chkValidityOfNumber(this)" />
                        m2
                        </p>
		<input type="button" name="calculateQuoteButton" value="Calculate Quote" onClick = "calcQuoteBeforeTax(this.form)"></input>
		
		
			var theForm=document.getElementById("quadway");
			<input type="button" name="tester" value="test" onClick = "alert(document.quadway.getElementById.elements[0].value);"></input>
		
		
		</form>
                                <hr /><hr />

	<b>Quote</b>




</body>
</html>

Right down the bottom, under the word 'Quote is where the output should go.

Any suggestions on how to do this?

Regards


Jenny

Code:

<html>
<body>
var j=0;

var temp,temp2,temp3;
<script>
function scor(j)
	{
	switch(j)
	{
		case 1: alert("Απαντήσατε σωστά μόνο σε μία ερώτηση.Προσπαθήστε πάλι");
		 break;
		case 2: alert("Απαντήσατε σωστά στις δύο από τις τρείς ερωτήσεις");
		 break;
		default: alert ("Συγχαρητήρια απαντήσατε σωστά και στις τρεις ερωτήσεις");
	}	
	}
</script>	
<meta http-equiv="content-type" content="text/hmtl; charset=iso-8859-7">
<p align="center"><font size="5">Σε μία σελίδα html πόσα είναι τα μέγιστα frames που μπορούμε να τοποθετήσουμε; </p></font>
<form name="for1">
<input type="radio"  name="fr1"value="1" > 5 <br>
<input type="radio" name="fr1"value="2" > Όσα τα pixels<br>
<input type="radio"  name="fr1"value="3" > Δεν υπάρχει όριο<br>
<input type="button" value="Εκχώρηση Απάντησης" onClick="getVal1()">

</form>
<script type = "text/javascript">
function getVal1() 
{
	for(var i=0; i<document.for1.fr1.length; i++) 
	{
		if (document.for1.fr1[i].checked) 
		{
			if (document.for1.fr1[i].value==2)
			{
				j++;
			}
		}
	}
}	
function getVal2()
{
	for (var i=0;i<document.for2.fr2.length;i++)
	{
		if (document.for2.fr2[i].checked)
		{
			if (document.for2.fr2[i].value==2)
			{
				j++;
			}
		}
	}
}
function getVal3()
{
	for (var i=0;i<document.for3.fr3.length;i++)
	{
		if (document.for3.fr3[i].checked)
		{
			if (document.for3.fr3[i].value==3)
			{
				j++;
			}
		}
	}
}
</script>
<p align="center"><font size="5"> Είναι απαραίτητο σε κάθε σελίδα html να υπάρχουν τα tags head και title;</p></font>
<form name="for2">
<input type="radio" name="fr2" value="1"> Ναι <br>
<input type="radio" name="fr2" value="2"> Όχι <br>
<input type="button" value="Εκχώρηση Απάντησης" onClick="getVal2()">
</form>
<p align="center"><font size="5"> Τι κάνει το εξής tag: meta http-equiv="content-type" content="text/hmtl; charset=iso-8859-7" </p></font>
<form name="for3">
<input type ="radio" name="fr3" value="1"> Δημιουργεί τις προυποθέσεις για την απόκτηση τιμών <br>
<input type ="radio" name="fr3" value="2"> Ισσοροπεί τις παραγράφους σε στήλες <br>
<input type ="radio" name="fr3" value="3"> Επιτρέπει την κωδικοποίηση ελληνικών χαρακτήρων στην ιστοσελίδα <br>
<input type="button" value="Εκχώρηση Απάντησης" onClick="getVal3()"
</form>
<input type ="button" value="Υπολογισμός" onClick="scor(j)">

Apart from any logical mistakes this thing i have created might have , my question is this.Why upon pressing the last button and calling the "scor(j)" function , no alerts pop up?Thanks in advance. I'm completely stumbled by this as i have no clue as what might be wrong.But then again , my experience is extremely limited

Hi,

I have created a global navigation includes document. Unfortunately the drop down menus that are part of the navigation aren't working. They worked fine when they were part of the page, but now that they are separated from the page as includes the drop down menus don't appear in my test site (posted to a web server). All other content in the includes file appears and works. Any ideas?

Thanks for your help.

Hey guys. This is vague because I dont know what exactly to tell you but please reply with me so I can fix this.

I want to add something to my forum. Specifically, I want to add a HTML and Picture button for when you go to reply. Like posting an article here, there are also these options (font, alignment, insert image)

I do not know how to achieve this but shouldnt be too hard.

Here are the two sources you will need to look through to help me fix the forum.

http://neoweather.com/FWFORUM.JS
http://static.websimages.com/JS/fw.js

THANKS

Hey guys.

I want to add something to my forum. Specifically, I want to add a HTML and Picture button for when you go to reply. Like posting an article here, there are also these options (font, alignment, insert image)

I do not know how to achieve this but shouldnt be too hard.

Here are the two sources you will need to look through to help me fix the forum.

http://neoweather.com/FWFORUM.JS
http://static.websimages.com/JS/fw.js

THANKS

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!

Hi,
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 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!