JavaScript - Access 'form'

First post!

Hey all! So I've been having trouble figuring out how to make this page work.

The page I'm working on has 3 frames: top/main/title frame, left frame, and right frame.

What the page is supposed to be is like a shopping page. The left frame has all the items that you can select, while the right page has the "receipt" of your selected items.

Now here's the problem:

The left frame has an "Update Order" button on the bottom that updates the receipt on the right frame. However, I can't get the button to work.

I'm not exactly sure how to write the code for the receipt frame (if there is any javascript code needed for that frame) or how to have the left frame send all that information to the right frame.


I hope this all makes sense. Thanks for taking the time to read all that!

I'm trying to get the value of a radio button when clicked.

I'm dynamically creating these radio buttons while populating a table like this:


Code:

var rad
for(blah blah blah){
insert array data into table...
insert array data into table...
insert array data into table...
rad = document.createElement('input');
		rad.setAttribute('type', 'radio');
		rad.setAttribute('name', 'options');
		rad.setAttribute('value', id);
		rad.onclick = function() { doSomething() }; 
		cell.appendChild(rad);
}

If I'm in the doSomething function, how do I access the value or ID of the radio button?

Thanks!

Hi,

I am trying to access an XML file from a server in my JavaScript code.
I have an XML file like this:

-<stream version="1.2">
-<room id="simulator" time="128168557915">
-<dimention id=0 x="1.25" y="2.00">
<m mcu="160" sid="75">
</dimention>
</room>
-<room id="simulator" time="128168557928">
-<dimention id=0 x="1.95" y="1.86">
<m mcu="160" sid="55">
</dimention>
</room>
</stream>
this file is generated by an application and I can access it from a URL ( since I am using the simulator for this application the XML is accessible from http://localhost:8081/feed/demo)
This xml file is updated every few seconds and constantly growing.
I have a javascript code which I've added the following code to it in order to use the data from XML file:

<script type="text/javascript">
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","http://localhost:8081/feed/demo",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("room");
for (i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(xmlDoc.getElementsByTagName("dimention")[i].getAttribute("x"));
document.write("</td><td>");
}
document.write("</table>");

</script>

Now here comes my problem: if I have the XML file saved on same drive as html page and I address it like this:
xmlhttp.open("GET","floor.xml",false);
it works fine, but when I pass the URL it doesn't. is there anything else I should do in case of loading the xml from URL?

my second question is that I want to use the text values returned by xmlDoc.getElementsByTagName("dimention")[i].getAttribute("x") in an if statement like this :
if (valuereturned = 2.00)
{
do sth
}
what is the best way to do that, since the returned value is a text.

I need the answer ASAP and I really appreciate your help, thanx :-)

Hello everybody, I am new in this forum (and I'm also new in web coding, but not in programming)...
This is the first problem I met: I can't understand how to acccess a property in this snippet:
Code:

function FGGE()
{
	this.totalExternals = 0;
	this.loadedExternals = 0;

	this.loadImage = function(image)
	{
		image.onload = function()
		{
			alert("Loaded 1: "+this.loadedExternals+"/"+this.totalExternals);
		};
		alert("Loaded 2: "+this.loadedExternals+"/"+this.totalExternals);
	};
}

Output is this:
Loaded 1: NaN/undefined
Loaded 2: 0/0

Could someone help me fixing "Loaded 1"?
Thanks a lot

I'm trying to write a little Greasemonkey script (in Firefox) to manipulate the top bar Google Translate produces when translating a site. For example: http://translate.google.com/translat.../www.google.de.

Google has employed traditional HTML frames. According to many websites, I can use something like window.frames[0].contentDocument to access the first frame. However, this is refusing to work!

I have been debugging this for hours. I have verified that I am indeed running the script from the top-level window (window.parent === window.top), and I am able to manipulate the frames themselves without a problem. When I try something like window.frames[0].contentDocument.URL, it returns as about:blank (I also get this with the other frame, i.e., frames[1]). I have tried several different methods of getting at that frame, including getElementsByTagName("frame")[0] (which works for manipulating the frame itself, but not for editing the frame's content through contentDocument).

Here's my little script so far. I've included the first part so you can see for yourself that I'm definitely in the top-level window and using the right @include because it works. In this example, the URL returned is "about:blank" (again, I'm in Firefox).
Code:

// ==UserScript==
// @name           GTranslate
// @include        /^https?://translate\.google\.com/translate\?.*/
// ==/UserScript==

// change how the frame is displayed
var bar = document.getElementsByTagName("frame")[0];
bar.removeAttribute("noresize");

// manipulate the content inside the frame
var gt = bar.contentDocument;
alert(bar.URL);

Hi

someone please let me know the way to access a smarty value with javascript?

my smarty value is = {$value.url}

i want to access it like

Code:

<script type="text/javascript">
function load()
{
	document.location = '{$value.url}';	
}
</script>

i tried with wrapping code with {literal} {/literal} but it isnt working. can some one correct this please

sorry for bad english

Thanks

Hi,

I'm a retired social worker with beginner skills in scripting a web page and need some suggestions.

I create eLearning materials which are given away as a communty service to help people improve their health. A typical eLearning project has a few educational screens (using a Learner Management System-LMS-template) and an interactive exercise (on an external web page-htm or html-usually accessed by button which navigates to the exercise's URL).

The interactive exercise should only be accessed from inside the eLearning lesson using the button, because it requires understanding of the way it works plus important cautions to assure proper use. I need to prevent the use of the URL outside of taking the lesson (for example, someone taking the lesson acquires the exercise's URL from their browser history and then may give this to others who access the exercise directly-without necessary knowledge and cautions).

I tried document.referrer, using JavaScript. Using the referrer URL from inside the lesson and adding the JavaScript to the exercise's htm code worked OK in FF, but not in IE 8. In FF, if the referrer was not the correct single URL from inside the lesson, then it redirected; if the correct URL, the exercise appears.

The JS code follows:

Code:

<script language="JavaScript" type="text/javascript">
<!--
var oksite = "http://www.mysite.com/xyz/courseidxxxxx/yyyy/zzz.html";
var redirect = "http://mysite.com/error.html"; 
if (document.referrer != oksite)
{
location.replace(redirect);
}
//-->
</script>

In IE 8, I was not able to get it to work. Using an alert, I noticed that the referrer in IE 8 was blank.

My web hosting (GoDaddy) is a shared Windows hosting. I would have to upgrade from IIS6 to IIS7 to use PHP. Bigger challenge: I've never used PHP. If possible, I would prefer to use JS. But, I am open to any suggestion that will help.

I am also wondering if part of the IE 8 issue is that I am using IE 8 X 64?

I'm stuck and hope someone can suggest a way to solve this access issue.

Thanks for your help.

Kind Regards,
saratogacoach

hi'yall

i want to setup a piece of code that allows me to drag text onto a div, and have that text be recorded into a javascript variable. the text is text brought in from anywhere; website, other website, a notepad text file, etc. basically any text

so, im thinking i need to access the system's clipboard to get that info?

thanks

Hello, I am trying to set up this Javascript to work with my XML exported from Microsoft Access for support on an Intranet page. I borrowed from a tutorial code but I cant seem to figure out how to get the Javascript to recognize my values in the xml file. I believe my issue is related to the formatting of the xml file. The example is formatted like
Code:

<index>
		<name><![CDATA[ Paul ]]></name>
		<age><![CDATA[ 26 ]]></age>
		<height><![CDATA[ 6'0" ]]></height>
	</index>

While my access file exports a little messy... Sadly, unless this can be changed.. I would love to just enter the code myself for each entry.. but I need it to be exportable and immediately updated to the Javascript search. Access exports like this.
Code:

<Employee_x0020_Database>
<Employee_x0020_Number>200786</Employee_x0020_Number>
<First_x0020_Name>Stacey</First_x0020_Name>
<Middle_x0020_Name>Leanne</Middle_x0020_Name>
<Last_x0020_Name>Evans</Last_x0020_Name>
<Gender>F</Gender>
<Date_x0020_of_x0020_Hire>2005-04-07T00:00:00</Date_x0020_of_x0020_Hire>
<Position>Cashier</Position>
</Employee_x0020_Database>

Any advice on how I can get Javascript to recognize the values without a CDdata tag?


Code:

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Search</title>
<script type="text/javascript">
window.onload = loadIndex;

function loadIndex() { // load indexfile
// most current browsers support document.implementation
	if (document.implementation && document.implementation.createDocument) {
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.load("index.xml");
	}
// MSIE uses ActiveX
	else if (window.ActiveXObject) {
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async = "false";
		xmlDoc.load("index.xml");
	}
}



function searchIndex() { // search the index (duh!)
	if (!xmlDoc) {
		loadIndex();
	}
	// get the search term from a form field with id 'searchme'

	var searchterm = document.getElementById("searchme").value;
	var allitems = xmlDoc.getElementsByTagName("item");
	results = new Array;
	if (searchterm.length < 3) {
		alert("Enter at least three characters");
	} else {
		for (var i=0;i<allitems.length;i++) {
// see if the XML entry matches the search term,
// and (if so) store it in an array
			var name = allitems[i].lastChild.nodeValue;
			var exp = new RegExp(searchterm,"i");
			if ( name.match(exp) != null) {
				results.push(allitems[i]);
			}
		}
// send the results to another function that displays them to the user
	showResults(results, searchterm);
	}
}



// Write search results to a table
function showResults(results, searchterm) {

	if (results.length > 0) {
// if there are any results, write them to a table 
		
		document.write('<div><a href="search.html">New Search</a></div>You searched for <b><i>'+searchterm+'</i></b><br><br>');
		document.write('<table border="1" style="width: 100%;">');
		document.write('<tr><th>NAME</th><th>AGE</th><th>HEIGHT</th><th>WEIGHT</th></tr>');
		for(var i=0; i<results.length; i++) {
		 document.write('<tr>');
		 document.write('<td>' + results[i].getAttribute("name") + '</td>');
		 document.write('<td>' + results[i].getAttribute("age") + '</td>');
		 document.write('<td>' + results[i].getAttribute("height") + '</td>');
		 document.write('<td>' + results[i].getAttribute("weight") + '</td>');
		 document.write('</tr>');
		}
		document.write('<table>');
		document.close();
		
		
	} else {
// else tell the user no matches were found
		var notfound = alert('No results found for '+searchterm+'!');
	}
}
</script>

</head><body>
<form action=""><b>Search:&nbsp;&nbsp;</b><input id="searchme" type="text" size="20">&nbsp;&nbsp;<input value="Submit" onClick="searchIndex(); return false;" type="submit"></form>

</body></html>

Thanks for helping me with this... Totally way over my head on this one.

Delvok

Hi all,

Have problem from getting data of JavaScript Object ie. Associative Array.

Code:

var a, table1
a = new ActiveXObject("MyProgID");  a.GetDataFromExcel("C:\\Users\\myFolder\\Desktop\\test.xls","Sheet1")
a.Generate()  
table1 = a.writeInTable();

Here writeInTable function returns a 2D Object array from DLL written in VB.Net. So I got the Object to table1.
But from table1, I can't access the values but its there. table1 shows values as in this image(Image Attached.)



Actually, I tried many ways like
tab(0)(0)
tab[0][0]
tab["0"]
tab.(0).(0)
tab.[0].[0]
Also with toArray(), (new VBArray(tab)).toArray()....


I don't know what I am wrong..Can anyone help me on this?

Thanks...
Shanmugavel.C

Hi,
I want to access SQL database using javascript.

I am passing 1 value to the java script but I want to pass that value further to the SQL query as an where clause parameter to retrieve data.

If the value retrieves multiple or single data then how do i handle it.
Is it possible to use dataset in javascript?

Regards,
Anthony.

Hi everybody!

I am trying to work out how to access unrecognised CSS properties within stylesheets from JavaScript.

Say I have a stylesheet containing the following:

Code:

p {border-radius: 20px;}

Now. The CSS3 "border-radius" property is not recognised by any browsers at the moment. In Internet Explorer I can still access the property as follows:

Code:

alert(document.styleSheets[0].rules[0].style['border-radius']); // Alerts "20px"

However, Gecko and V8 don't seem to include the rule in their JavaScript engines at all:

Code:

alert(document.styleSheets[0].cssRules[0].cssText); // Alerts "p { }"

Does anyone know of any way to access unrecognised rules in these engines? Or even better if there are any scripts or plugins available anywhere that will do this for me?

Cheers,
Robin.

maybe i've been spoiled by php's associative arrays which can be both sorted/iterated in a reliable, consistent order AND accessed via indexed string keys...but is there something like this in javascript?

it seems any way you slice it (pardon the pun), you have to write an object that maintains either keys for you or element order. i suppose it makes more sense to maintain keys since there are a lot of built-in functions for working with arrays.

any thoughts?
thanks,
Leon

I have a table within a table, that is to say the table is embedded in a <tr> tag in another table and would like to extract row and cell data to make an ajax call. The table in question has several input fields and a submit button on each row. While I can find the table where the submit came from and can get the data from the <td> elements which contain data i.e.<? echo AsOfDate; ?>, I can't find the correct syntax to retrieve the data from the input fields in that same row.
Can someone give me the correct syntax to retrieve the input data?

Thanks,
Tom

var AssetTbl = document.getElementsByTagName('table');
for (i =0; i< AssetTbl.length; i++)
{
if (AssetTbl[i].id == "tblAssetHx")
{
RowID =AssetTbl[i].rows[1].cells[0].childNodes[0].data;
if (RowID == ID)
{
// this syntax works to get the data from the non input fields
// alert(AssetTbl[i].rows[1].cells[0].childNodes[0].data);
// this doesn't work to get the input field data obviously! alert(document.getElementById('AssetTbl[i]').rows[1].cells[5].childNodes[0].data);
}
}
}

Table row HTML
<tr>
<td><? echo $AssetID; ?></td>
<td><? echo $LastAsOfDate; ?></td>
<td><? echo $LastQuantity; ?></td>
<td><? echo $LastPrice; ?></td>
<td><? echo $LastCurrentValue; ?></td>
<td><input name="txtAsOfDate" id="txtAsOfDate" type="text" /></td>
<td><input name="txtQuantity" id="txtQuantity" type="text" /></td>
<td><input name="txtPrice" id="txtPrice" type="text" /></td>
<td><input name="txtCurrentValue" id="txtCurrentValue" type="text" /></td>
<td><input name="Submit" type="submit" value="Submit" onclick="GetAssetHxData(<? echo $AssetID; ?>)" /></td>
</tr>

This relates to FireBugLite.

Can anyone tell me why this happens and how to change what so I can see the code. HTML, CSS and DOM tabs work OK. All are local files except for FireBugLite

Thanks