ansaurus

Question

Refresh button for an iframe jquery or javascript

Answer 1

A:

Have you tried this: http://www.byronsorrells.com/web-development/reloading-an-iframe-with-jquery/

$(".reloadAds").click(function() {
        jQuery.each($("iframe"), function() {
            $(this).attr({
                src: $(this).attr("src")
            });
        });
        return false;
    });

fehays 2010-09-09 17:16:21

yes but the problem is that when i press the refresh button, because of the reason that the url doesnt change it loads again the src which is the home page of the site of the iframe...

Xara 2010-09-09 17:23:36

Answer 2

A:

Why don't you do it like this:

<a href="javascript:document.getElementById('my_frame').location.reload();">

You don't need a onclick if you already have a href with no other target.

Kau-Boy 2010-09-09 17:16:35

I ve tried also this but it doesnt do it

Xara 2010-09-09 17:18:33

Answer 3

A:

Try the following:

var iframe = document.getElementById('your-iframe');
iframe.src = iframe.src;

elusive 2010-09-09 17:21:25

Answer 4

A:

Ok, let's cover some ground rules first

To get access to a frame's window object, go through the frames collection.
Give your frame a name
If parts of your UI don't work without javascript enabled, then don't put them in the markup - add them with javascript
Don't use anchor elements for controls that aren't hyperlinks

In practice:

<html>
<head>
  <title>Test Page</title>

  <style type="text/css">
    #toolbar button {
      cursor: pointer;  
    }
  </style>

  <script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
  <script type="text/javascript">  

  $(function()
  {
    var $iframe  = $( '#my_frame' );
    var $toolbar = $( '<div/>' ).attr( 'id', 'toolbar' );
    var frame    = self.frames['my_frame'];

    $toolbar.append(
      $('<button/>')
      .text( 'Home' )
      .click( function( event )
      {
        event.preventDefault();
        frame.location.href = 'http://www.google.com';
      } )
    );

    $toolbar.append(
      $('<button/>')
      .text( 'Back' )
      .click( function( event )
      {
        event.preventDefault();
        history.back();
      } )
    );

    $toolbar.append(
      $('<button/>')
      .text( 'Forward' )
      .click( function( event )
      {
        event.preventDefault();
        frame.history.forward();
      } )
    );

    $toolbar.append(
      $('<button/>')
      .text( 'Refresh' )
      .click( function( event )
      {
        event.preventDefault();
        frame.location.reload();
      } )
    );

    $toolbar.insertBefore( $iframe );

  } );

  </script>
</head>

<body>

  <iframe id="my_frame" name="my_frame" width="400" height="300" src="http://www.google.com"&gt;&lt;/iframe&gt;

</body>
</html>

Peter Bailey 2010-09-09 17:39:12

Hello and thank you for your time!

Xara 2010-09-09 17:54:34

I tried the code that you wrote, but i think that the iframe doesnt reloads again. Your code also has the same problem as mine. When i press the back button, i want only to go back to the iframe. So when the history of the iframe ends, it goes back of the main page. I googled it and i found a hash function stg like that. It doesnt work on me because of the not url changing

Xara 2010-09-09 17:56:53

That's not possible. The `history` object has a `length` property, but there's no way to determine where in the history you currently are, which would be required information to perform such a task. And the refresh *does* work.

Peter Bailey 2010-09-09 18:08:58

Yes thank you it works. I had done a mistake. But i didnt understand stg about the history you are writting. Sorry my english is pure. I mean that i dont want the back button to goes back when the history of the iframe ends.

Xara 2010-09-09 18:20:30

When the history of the frame "ends" - the back button does nothing. But you can't determine that you're at the end of the history.

Peter Bailey 2010-09-09 18:25:06

ansaurus

tags:

views:

answers:

Refresh button for an iframe jquery or javascript

related questions