Re: Pass html form data in bi-directional ways

From: Matt (mattloude_at_hotmail.com)
Date: 03/07/04 

Date: Sat, 6 Mar 2004 20:02:48 -0800

Thanks Viatcheslav,

this is exactly what I want. If I need to create page3.html, and pass object
between page1.html, page2.html, and page3.html, then the code of page3.html
will be the same as page2.html, and add the following in page2.html's OK()
function.

window.showModalDialog("page3.html", document, ...);

I wonder if page3.html can pass that object directly to page1.html, without
going through page2.html??

Please advise. Thanks!

"Viatcheslav V. Vassiliev" <msnewsgroup@www-sharp.com> wrote in message
news:#KRJV62AEHA.3400@tk2msftngp13.phx.gbl...
> You may pass any object in window.showModalDialog, for example, page1
> document
>
> var myObject = document;
> window.showModalDialog("page2.html", myObject, ...);
>
> and manipulate this document in script in page2:
>
> //page1.html
> <html>
> <head>
> <script>
> function openwindow()
> {
> window.showModalDialog("page2.html", document,
> "menubar=no, titlebar=no, toolbar=no, location=no, directories=no,
> status=no, menubar=no,scrollbars=yes, resizable=no, copyhistory=yes,
> width=400, height=500");
> }
> </script>
> </head>
> <body">
> <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>
> var opener = window.dialogArguments;
>
> function window_onload()
> {
> fname.value = opener.all.fname.value;
> }
> function OK()
> {
> opener.all.fname.value = fname.value;
> window.close();
> }
> </script>
> </head>
> <H2>Page 2</H2>
> <body onload="window_onload()">
> <P>name: <input type="text" name="fname">
> <P><input type="button" value="validate" onclick="OK()">
> </body>
> </html>
>
> //------------------------------------
> Regards,
> Vassiliev V. V.
> http://www-sharp.com -
> Scripting/HTA/.Net Framework IDE
>
>
>
> "Matt" <mattloude@hotmail.com> сообщил/сообщила в новостях следующее:
> news:eLCxV$0AEHA.3436@tk2msftngp13.phx.gbl...
> > 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>
> >
> >
> >
> >
> >
> >
> >
> >
> >
>
>