pass value from one html page to another?

nirmalsingh

hai experts,
i am having page called main.html, when the user clicks a button in this page a popup window of pop.html is opened. in pop.html user enter his name and close that popup window.
now what i need is:
the name entered in pop.html shiould be shown as table format in main.html. the row should be added each and every time the user open and enter a name.
without refreshing main.html. what should i do for this.

dmjpro

plz try this code .......

in main.html
=================

Expand|Select|Wrap|Line Numbers

 //ur code

<table id = my_tab>

</table>

//ur code

in pop.html
=================

Expand|Select|Wrap|Line Numbers

 <body onbeforeunload = passMain()>

<input type = text id = ur_name>

</body>

in pop.js file
==================

Expand|Select|Wrap|Line Numbers

 function passMain()

{

  var cell_obj = window.opener.document.getElementById('my_tab').insertRow().insertCell()

  cell_obj.innerHTML = doument.getElementById('ur_name').value;

}

if u close or refresh the popup html the row will be inserted in main.html

plz send ur response

i am online

nirmalsingh

no reaction in main.html.
my code:main.html

Expand|Select|Wrap|Line Numbers

 
<html>

<body>

<table id = my_tab>

</table>

</body>

</html>

pop.html

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<script language="javascript" src="pop.js">

</script>

</head>

<body onbeforeunload = "passMain();">

<input type = 'text' id = 'ur_name'>

</body>

</html>

pop.js

Expand|Select|Wrap|Line Numbers

 
function passMain()

{

var cell_obj = window.opener.document.getElementById('my_tab').in sertRow().insertCell()

cell_obj.innerHTML = doument.getElementById('ur_name').value;

}

acoder

In IE, you will need a tbody, so in main.html:

Expand|Select|Wrap|Line Numbers

 <html>

<body>

<table id = my_tab>

<tbody id="mytb"></tbody>

</table>

</body>

</html>

and in pop.js:

Expand|Select|Wrap|Line Numbers

 function passMain()

{

var cell_obj = window.opener.document.getElementById('mytb').insertRow().insertCell();

cell_obj.innerHTML = doument.getElementById('ur_name').value;

}

nirmalsingh

still no reaction.

acoder

Sorry, typo. Try:

Expand|Select|Wrap|Line Numbers

 function passMain() {

var cell_obj = window.opener.document.getElementById('mytb').insertRow().insertCell();

cell_obj.innerHTML = document.getElementById('ur_name').value;

}

dmjpro

always try to write while u coding js .........

Expand|Select|Wrap|Line Numbers

 try

{

 //ur code

}catch(err)

{

 alert(err.description);

}

then u can trap the error

now plz check out the case_sensitive id_name my_tab and mytb in main.html and pop.js

nirmalsingh

hi experts,
can i send data from one html page to another just like
main.html?id=sample&data
if yes, how can i retrieve those data by javascript?

acoder

Use location.search and parse it for your values.

nirmalsingh

hi experts,
i am having 2 html pages.
1.main.html
2.sub.html

in main.html, when i click a button, sub.html should open in a popup. the user will fill datas in sub.html and close the window. the filled data should be displayed as a table(in main.html along with edit and delete button on each row) at each and every time the user open popup and close. atlast i should be able to edit data by clicking edit button and popup should be opened to edit and after i close the popup, the edited data should be updated, and by clicking delete button current row should be deleted. and at final stage i need the datas in a string to save it in a database.
i hope u understood my problem.

acoder

You have already posted on this (though perhaps in this thread, you have given more information). Please do not double post. I am merging this with the previous thread.

acoder

Quote:

Originally Posted by nirmalsingh

hi experts,
i am having 2 html pages.
1.main.html
2.sub.html

in main.html, when i click a button, sub.html should open in a popup. the user will fill datas in sub.html and close the window. the filled data should be displayed as a table(in main.html along with edit and delete button on each row) at each and every time the user open popup and close. atlast i should be able to edit data by clicking edit button and popup should be opened to edit and after i close the popup, the edited data should be updated, and by clicking delete button current row should be deleted. and at final stage i need the datas in a string to save it in a database.
i hope u understood my problem.

Why go through the hassle of passing values between pages? Just allow the user to edit values directly in the page by showing a text box with the value when you click on edit. Alternatively, just show a prompt box and use the edited value to dynamically change the current value.

nirmalsingh

hi all! i need a popup box to enter values. it should be cross browser compatibility. what should i do?

acoder

Merged threads. Follow the suggestion that I posted earlier in this thread. If you still have problems, post your code.

persiangulf

Hi,

I have a question regarding this passMain function,
Unfortunately I cant reach my admin, How can I allow my members to download the .wmv file from this code:

Expand|Select|Wrap|Line Numbers

 <img onmouseout="                  swapImage(vid_5738, '/web/vod/images/5738.png')

                " onmouseover="                  swapImage(vid_5738, '/web/vod/images/5738NAV.png')

                " onclick="                  passMain('5738', 'http://38.117.88.50/N/TV_Series/BooyeGolhayeVahshi/BooyeGolhayeVahshi_01.wmv', 'WB100619');window.parent.chName='Booye Golhaye Vahshi - 1';

                " style="position: absolute; top: 8px;" src="/web/vod/images/5738.png" name="                  vid_5738" id="vid_5738" class="logo"/>

Before it used to be the file.wmv?sid=value&vid=value
But it wont work now, please help me with this issue

persiangulf

Would someone please answer my question ?!

acoder

Can you post your version of passMain() and also check if you have any errors?

pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

re: pass value from one html page to another?

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about