Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > Pass html form data in bi-directional ways using JavaScript

Reply
Thread Tools

Pass html form data in bi-directional ways using JavaScript

 
 
Matt
Guest
Posts: n/a
 
      03-06-2004
I have 2 html pages, both have a text box and a button. In page1.html,
when the user enter a text in text box, and click button, it will pass
the form data to page2.html, and it will open page2.html in a smaller
window and that data will show in text box in page2.html. In
page2.html, if the user changes the text box data and click the
button, it will update the data in existing window for page1.html. In
other words, data can transfer back and forth in page1.html and
page2.html.

I already wrote the html pages as shown below. However, after clicking
the button in page1.html, the data can be shown in text box in
page2.html,
But when user changes the text box data in page2.html, it will open
another window for page1.html, not change the data in existing window
for page1.html, and data cannot shown in new window for page1.html
also.
I am just using regular button, and i am not using submit button.

any ideas? Please advise. Thanks!

-------------- page1.html ----------------------------
<html>
<head>
<script>
function openwindow()
{ var myObject = new Object();
myObject.firstName = fname.value;
alert(myObject.firstName);
var sReturn = window.showModalDialog("page2.html", myObject,
"menubar=no, titlebar=no, toolbar=no, location=no, directories=no,
status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=yes,
width=400, height=500");
}
function window_onload()
{ alert("window onload...");
if (window.dialogArugments != null)
{
alert("window.dialogArguments != null");
var oMyObject = window.dialogArguments;
fname.value = oMyObject.firstName;
}
else
{ alert("window.dialogArguments = null");
}
}
</script>
</head>
<body onload="window_onload()">
<H2>Page 1</H2>
<P>name: <input type="text" name="fname">
<P><input type="button" value="validate" onclick="openwindow()">
</body>
</html>


------------------------ page2.html --------------------------
<html>
<head>
<script>
function openwindow()
{ var myObject = new Object();
myObject.firstName = fname.value;
alert(myObject.firstName);
var sReturn = window.showModalDialog("page1.html", myObject,
"menubar=no, titlebar=no, toolbar=no, location=no, directories=no,
status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=yes,
width=400, height=500");
}
function window_onload()
{ alert("window onload...");
// if (window.dialogArugments != null)
// {
// alert("window.dialogArguments != null");
var oMyObject = window.dialogArguments;
fname.value = oMyObject.firstName;
// }
// else
// { alert("window.dialogArguments = null");
// }
}
</script>
</head>
<H2>Page 2</H2>
<body onload="window_onload()">
<P>name: <input type="text" name="fname">
<P><input type="button" value="validate" onclick="openwindow()">
</body>
</html>
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
HTML File Upload using enctype=multipart/form-data in form? Matt Java 8 05-26-2012 07:40 AM
JavaScript for Form (using CGI formmail) that sends user a copy ofthe form data TPK Javascript 1 08-27-2010 12:49 PM
Html/JavaScript/CSS code ouput in TextArea-- Best Ways Smart RoR Ruby 1 03-03-2010 02:33 AM
HTML File Upload using enctype=multipart/form-data in form? Matt HTML 1 10-12-2004 08:17 PM
Pass html form data in bi-directional ways Matt HTML 1 03-06-2004 11:06 AM



Advertisments