AJAX

how to reload a page using javascript with out alert

Please support our JavaScript / DHTML / AJAX advertiser: 50% off 6 Months Dedicated Server Hosting from 1&1!

Thread Solved

•

Join Date: Apr 2007

Posts: 370

Reputation: greeny_1984 is an unknown quantity at this point

Solved Threads: 29

greeny_1984 greeny_1984 is offline

Offline

Posting Whiz

how to reload a page using javascript with out alert

Aug 18th, 2008

hi,
iam using the following javascript a page
opener.location.reload( true );
but every time the page reloads iam a getting alert message.
How can i reload a page with out a alert message

If u r query is achieved,mark the thread as solved

Live and Let Live

•

Join Date: Mar 2008

Posts: 12

Reputation: green2go is an unknown quantity at this point

Solved Threads: 2

green2go

Offline

Newbie Poster

Re: how to reload a page using javascript with out alert

Aug 18th, 2008

•

Originally Posted by greeny_1984

hi,
iam using the following javascript a page
opener.location.reload( true );
but every time the page reloads iam a getting alert message.
How can i reload a page with out a alert message

Tested your code replacing 'opener' with 'window' and I get no prompt! Whats the alert message saying?

Could be that your posting data to the page and then trying to refresh it?

Green2go

•

Join Date: Apr 2007

Posts: 370

Reputation: greeny_1984 is an unknown quantity at this point

Solved Threads: 29

greeny_1984 greeny_1984 is offline

Offline

Posting Whiz

Re: how to reload a page using javascript with out alert

Aug 19th, 2008

i have two pages one is parent page and other child page.when i click on hyperlink in parent page,the child page should open and on clicking submit button in child page,the page should close and reload the parent page.Thats y iam using opener.location.reoload(true).
iam getting the follwong error
"The page cannot be refreshed without resending the information.click retry to send the information again,or click cancel to return to the page that you were trying to view."

If u r query is achieved,mark the thread as solved

Live and Let Live

•

Join Date: Aug 2008

Posts: 383

Reputation: langsor is an unknown quantity at this point

Solved Threads: 35

langsor

Offline

Posting Whiz

Re: how to reload a page using javascript with out alert

Aug 19th, 2008

That alert is basically stating that you submitted a form and by reloading the page you are going to resubmit the same data from the form (again).

This might work to not reload the page but reload the location ... let me know if it works

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
window.location.href = window.location.href;
// or ...
window.location.href = 'same_page.html';
window.location.href = window.location.href;
// or ...
window.location.href = 'same_page.html';

Cheers

•

Join Date: Apr 2007

Posts: 370

Reputation: greeny_1984 is an unknown quantity at this point

Solved Threads: 29

greeny_1984 greeny_1984 is offline

Offline

Posting Whiz

Re: how to reload a page using javascript with out alert

Aug 19th, 2008

Basically my need is when a click edit button in parent page,i need to open a child page . After filling the data in the child page and clicking submit in child page,the child page should close and update the parent page.
When i use as u stated location.href, the page is not getting updated.

If u r query is achieved,mark the thread as solved

Live and Let Live

•

Join Date: Aug 2008

Posts: 383

Reputation: langsor is an unknown quantity at this point

Solved Threads: 35

langsor

Offline

Posting Whiz

Re: how to reload a page using javascript with out alert

Aug 19th, 2008

I think I see what you're trying to do now.

parent.html

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<html>
<head>
<script type="text/javascript">
// open your pop-up window ...
var pup = window.open('pup.html','pup');
 
function populate_form ( val1, val2 ) {
  pup.close();
  var form = document.getElementById('my_form');
  for ( var i = 0; i < form.elements.length; i ++ ) {
    var element = form.elements.item(i);
    switch ( element.name ) {
      case 'field_1': element.value = val1; break;
      case 'field_2': element.value = val2; break;
    }
  }
}
 
</script>
</head>
<body>
<form id="my_form">
  <input type="text" name="field_1" />
  <input type="text" name="field_2" />
</form>
</body>
</html>
<html>
<head>
<script type="text/javascript">
// open your pop-up window ...
var pup = window.open('pup.html','pup');

function populate_form ( val1, val2 ) {
  pup.close();
  var form = document.getElementById('my_form');
  for ( var i = 0; i < form.elements.length; i ++ ) {
    var element = form.elements.item(i);
    switch ( element.name ) {
      case 'field_1': element.value = val1; break;
      case 'field_2': element.value = val2; break;
    }
  }
}

</script>
</head>
<body>
<form id="my_form">
  <input type="text" name="field_1" />
  <input type="text" name="field_2" />
</form>
</body>
</html>

pup.html

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<html>
<head>
<script type="text/javascript">
function send_to_parent ( target ) {
  var val1 = target.getAttribute('val1');
  var val2 = target.getAttribute('val2');
  opener.populate_form( val1, val2 );
  return false;
}
</script>
</head>
<body>
  <a href="javascript:" val1="one" val2="two" onClick="send_to_parent(this)">Populate 'one','two'</a><br />
  <a href="javascript:" val1="three" val2="four" onClick="send_to_parent(this)">Populate 'three','four'</a>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function send_to_parent ( target ) {
  var val1 = target.getAttribute('val1');
  var val2 = target.getAttribute('val2');
  opener.populate_form( val1, val2 );
  return false;
}
</script>
</head>
<body>
  <a href="javascript<b></b>:" val1="one" val2="two" onClick="send_to_parent(this)">Populate 'one','two'</a><br />
  <a href="javascript<b></b>:" val1="three" val2="four" onClick="send_to_parent(this)">Populate 'three','four'</a>
</body>
</html>

I think something like this is what you're looking for ... let me know if it works for you.

:-)

•

Join Date: Apr 2007

Posts: 370

Reputation: greeny_1984 is an unknown quantity at this point

Solved Threads: 29

greeny_1984 greeny_1984 is offline

Offline

Posting Whiz

Re: how to reload a page using javascript with out alert

Aug 19th, 2008

hi,
Thanks for the quick reply,but i want to update the whole page.

If u r query is achieved,mark the thread as solved

Live and Let Live

•

Join Date: Apr 2007

Posts: 370

Reputation: greeny_1984 is an unknown quantity at this point

Solved Threads: 29

greeny_1984 greeny_1984 is offline

Offline

Posting Whiz

Re: how to reload a page using javascript with out alert

Aug 19th, 2008

The suggestion u gave is very nice.

If u r query is achieved,mark the thread as solved

Live and Let Live

•

Join Date: Aug 2008

Posts: 383

Reputation: langsor is an unknown quantity at this point

Solved Threads: 35

langsor

Offline

Posting Whiz

Re: how to reload a page using javascript with out alert

Aug 19th, 2008

•

Originally Posted by greeny_1984

hi,
Thanks for the quick reply,but i want to update the whole page.

I think you can effectively target the parent window with the child form-action ...

parent.php (parent file name)

child.html

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<head>
<script type="text/javascript">
window.onload = function () {
  var form = document.getElementById('child_form');
  form.onsubmit = function () {
    self.close();
  };
};
</script>
</head>
<body>
<form id="child_form" action="parent.html" method="POST">
  ... form input goes here
</form>
</body>
<head>
<script type="text/javascript">
window.onload = function () {
  var form = document.getElementById('child_form');
  form.onsubmit = function () {
    self.close();
  };
};
</script>
</head>
<body>
<form id="child_form" action="parent.html" method="POST">
  ... form input goes here
</form>
</body>

Then in the parent window you will need to detect if it is getting form values passed to it

 Help with Code Tags 
 php Syntax (Toggle Plain Text) 
<?php
if ( count( $_POST ) ) {
  // grab all the posted values here
  $val1 = $_POST ['val1']; // etc ...
}
?>
<html>
<head>
</head>
<body>
 ... update the parent with child values
 <input type="text" name="val1" value="<? print $val1 ?>" />
 ... or whatever values you need to update on the parent page 
 ... using inline <? print $value ?> PHP tags
</body>
</html>
<?php
if ( count( $_POST ) ) {
  // grab all the posted values here
  $val1 = $_POST ['val1']; // etc ...
}
?>
<html>
<head>
</head>
<body>
 ... update the parent with child values
 <input type="text" name="val1" value="<? print $val1 ?>" />
 ... or whatever values you need to update on the parent page 
 ... using inline <? print $value ?> PHP tags
</body>
</html>