iframe scroller - brower back button not working - CodingForum

X

cnstrgirl

New to the CF scene

Join Date: Feb 2004

Posts: 2
- Share
- Tweet
#1

iframe scroller - brower back button not working

Feb 17, 2004, 03:16 PM

I am using iframe scroller and it works great (thank you)

Dynamic Drive DHTML Scripts- scroller </a> </div> <div class="url ellipsis"> <a href="http://www.dynamicdrive.com/dynamicindex2/iframe-scroller.htm" target="_blank" rel="nofollow"> http://www.dynamicdrive.com/dynamicindex2/iframe-scroller.htm </a> </div> <div class="meta"> This scroller script uses an external HTML file as its content to scroll and display, making updating and adding rich HTML to the scroller a breeze. </div> </div> </div> <br /> <br /> however when I click on one of the links that I have in my external.htm page, the bowser back button does not take me back to the page where I started. <br /> <br /> Can any give me an idea of what I need to change or add to make this work. <br /> <br /> thanks for any help you can give <img src="https://www.codingforum.net/core/smilies/0/0/4/8/1/9/images/smilies/smile.gif" border="0" alt="" title="Smilie" smilieid="1" class="inlineimg" /> </div> </div> <div class="b-post__edit h-margin-vert-l"> Last edited by <a href="https://www.codingforum.net/member/12082-cnstrgirl" data-vbnamecard="12082">cnstrgirl</a>; <span class="time">Feb 23, 2004, 04:57 PM</span>. </div> </div> </div> <div class="b-post__footer h-hide--on-preview h-clear h-padding-bottom-m h-margin-horiz-xl"> <div class="h-clearfix"> <div class="h-margin-bottom-xl h-margin-top-none h-text-size--11" id="content-tags-34401"> <strong>Tags:</strong> <span class="js-content-tag-none">None</span> </div> <hr class="b-divider b-divider--post-controls" /> <ul class="h-left js-post-info"> </ul> <ul class="h-margin-top-s h-right js-post-controls b-comp-menu-horizontal js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-node-id="34401" data-dropdown-icon-classes="b-icon b-icon__ellipsis" data-dropdown-content-classes="b-comp-menu-dropdown__content--right"> </ul> </div> </div> <div class="edit-conversation-container"></div> </div> </div> </div> </li>  <li data-node-id="608243" data-node-publishdate="1082592531" class="b-post js-post js-comment-entry__parent h-restore--on-preview b-post--text js-conversation-reply h-left h-clear js-slideshow__gallery-node js-poll__parent " itemscope itemtype="http://schema.org/Comment"> <a id="post608243" class="anchor"></a> <meta itemprop="url" content="https://www.codingforum.net/forum/client-side-development/javascript-programming/dynamic-drive-scripts-help/34401-iframe-scroller-brower-back-button-not-working" /> <div class="l-row l-row__fixed--left"> <div class="l-col__fixed-3 l-col--userinfo l-col__small--full h-hide--on-preview h-padding-right-l"> <div class="userinfo b-userinfo b-post__hide-when-deleted" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a href="https://www.codingforum.net/member/13406-robert-a" class="b-avatar b-avatar--m b-avatar--thread h-margin-bottom-l"><img src="./core/images/default/default_avatar_medium.png" width="64" height="64" alt="Robert A." title="Robert A." /></a>  <div class="b-userinfo__details"> <div class="author h-text-size--14"> <strong> <a href="https://www.codingforum.net/member/13406-robert-a" class="" data-vbnamecard="13406">Robert A.</a> </strong> </div> <div class="usertitle">New to the CF scene</div> <div class="b-meter h-margin-top-m balance" title="is an unknown quantity at this point"> <div class="b-meter__bar"></div> <div class="b-meter__bar"></div> <div class="b-meter__bar"></div> <div class="b-meter__bar"></div> <div class="b-meter__bar"></div> <div class="b-meter__bar"></div> <div class="b-meter__bar"></div> <div class="b-meter__bar"></div> <div class="b-meter__bar"></div> <div class="b-meter__bar"></div> </div> <div class="b-userinfo__rank h-margin-top-s h-hide"></div> <ul class="b-userinfo__additional-info-block h-margin-top-xl"> <li class="b-userinfo__additional-info"><label>Join Date:</label> <span>Apr 2004</span></li> <li class="b-userinfo__additional-info"><label>Posts:</label> <span>1</span></li> </ul> <ul class="b-userinfo__icons h-margin-none"> <li class="b-userinfo__icon h-left" title="Robert A. is offline"><span class="b-icon b-icon__status--gray"></span></li> </ul> </div> </div> <ul class="b-sharing-menu js-sharing-menu js-comp-menu-horizontal js-comp-menu--dropdown-on-small b-post__hide-when-deleted" data-dropdown-trigger-phrase="share" data-dropdown-icon-classes="b-icon b-icon__share" data-dropdown-content-classes="b-sharing-menu--dropdown" data-dropdown-menu-classes="b-sharing-menu--right-on-small"> <li class="b-sharing-menu__item"> <a class="js-fb-share-dialog b-sharing-menu__item-link b-sharing-menu__item-link--facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.codingforum.net%2Fforum%2Fclient-side-development%2Fjavascript-programming%2Fdynamic-drive-scripts-help%2F34401-iframe-scroller-brower-back-button-not-working%3Fp%3D608243%23post608243" data-url-not-encoded="https://www.codingforum.net/forum/client-side-development/javascript-programming/dynamic-drive-scripts-help/34401-iframe-scroller-brower-back-button-not-working?p=608243#post608243" target="_blank"> <svg class="b-sharing-menu__item-link-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" color="#ffffff"> <path fill="#ffffff" fill-rule="evenodd" d="M8 14H3.667C2.733 13.9 2 13.167 2 12.233V3.667A1.65 1.65 0 0 1 3.667 2h8.666A1.65 1.65 0 0 1 14 3.667v8.566c0 .934-.733 1.667-1.667 1.767H10v-3.967h1.3l.7-2.066h-2V6.933c0-.466.167-.9.867-.9H12v-1.8c.033 0-.933-.266-1.533-.266-1.267 0-2.434.7-2.467 2.133v1.867H6v2.066h2V14z"></path> </svg> Share </a> </li> <li class="b-sharing-menu__item b-sharing-menu__item--twitter"> <a class="js-twitter-share b-sharing-menu__item-link b-sharing-menu__item-link--twitter" href="https://twitter.com/intent/tweet?text=&url=https%3A%2F%2Fwww.codingforum.net%2Fforum%2Fclient-side-development%2Fjavascript-programming%2Fdynamic-drive-scripts-help%2F34401-iframe-scroller-brower-back-button-not-working%3Fp%3D608243%23post608243" target="_blank"> <img class="b-sharing-menu__item-link-img" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E" /> Tweet </a> </li> </ul> </div> <div class="js-post__content-wrapper l-col__flex-3 l-col--post__body l-col__small--full h-restore--on-preview"> <div class="b-post__body h-restore--on-preview h-padding-horiz-xxl h-padding-top-xl h-padding-bottom-m h-clearfix"> <div class="b-post__arrow b-post__hide-when-deleted"></div> <div class="b-post__content js-post__content"> <hr class="b-divider--section" /> <div class="b-media h-hide--on-preview"> <div class="b-media__img--rev"> <a class="b-post__count js-show-post-link" href="https://www.codingforum.net/forum/client-side-development/javascript-programming/dynamic-drive-scripts-help/34401-iframe-scroller-brower-back-button-not-working?p=608243#post608243">#2</a> </div> <div class="b-media__body"> <div class="b-post__timestamp"><time itemprop="dateCreated" datetime="2004-04-21T17:08:51">Apr 21, 2004, 09:08 PM</time></div> </div> </div> <div class="b-post__hide-when-deleted"> <div class="OLD__post-content h-padding-vert-xl"> <div class="axd axd_last-post"> </div> <div class="js-post__content-text restore h-wordwrap" itemprop="text"> Generally, whenever the src document in an iframe is changed, the browser creates a new entry in its History. So, when you click the back button, you get to the previous History entry - which is simply a prior state of the same master page. Multiple clicks can get you out eventually, provided that there in so onload event handler that interferes with the History.<br /> <br /> If you are willing to try a complicated solution that I use myself, go here:<br /> <br /> <div class="b-bbcode b-bbcode__url b-bbcode__url--preview"> <a href="http://www.icogitate.com/~ra849/misctopics/scriptdemos/changeiframesrc.htm" target="_blank" rel="nofollow" class="urlimg_container"> <img src=""> </a> <div class="urlinfo"> <div class="title ellipsis"> <a href="http://www.icogitate.com/~ra849/misctopics/scriptdemos/changeiframesrc.htm" target="_blank" rel="nofollow"> 404 Not Found </a> </div> <div class="url ellipsis"> <a href="http://www.icogitate.com/~ra849/misctopics/scriptdemos/changeiframesrc.htm" target="_blank" rel="nofollow"> http://www.icogitate.com/~ra849/misctopics/scriptdemos/changeiframesrc.htm </a> </div> <div class="meta"> </div> </div> </div><br /> <br /> It isn't for everyone, but it works. </div> </div> </div> </div> <div class="b-post__footer h-hide--on-preview h-clear h-padding-bottom-m h-margin-horiz-xl"> <div class="h-clearfix"> <hr class="b-divider b-divider--post-controls" /> <ul class="h-left js-post-info"> </ul> <ul class="h-margin-top-s h-right js-post-controls b-comp-menu-horizontal js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive" data-node-id="608243" data-dropdown-icon-classes="b-icon b-icon__ellipsis" data-dropdown-content-classes="b-comp-menu-dropdown__content--right"> </ul> </div> </div> <div class="b-comment-entry js-comment-entry h-padding-xxl h-padding-top-xl comment-entry-box h-hide "> <h2 class="h-margin-bottom-xl">Comment</h2> <textarea class="b-comment-entry__textbox js-comment-entry__textbox autogrow" placeholder="Type your comment here"></textarea> <div class="b-button-group h-margin-top-xl"> <button type="button" id="btnPostComment-608243" class="b-button b-button--primary js-comment-entry__post">Post</button> <button type="button" id="btnPostCommentCancel-608243" class="b-button js-comment-entry__cancel">Cancel</button> </div> </div> <div class="edit-conversation-container"></div> <div class="b-comments js-comments h-margin-bottom-xl h-clearfix h-hide"> <div class="b-comments__header js-comments__header b-media h-padding-vert-m h-padding-horiz-l h-hide"> <div class="js-comments__total h-margin-left-l b-media__body"> <span class="b-icon b-icon__speech-single h-margin-right-s"></span> <label class="js-comments__total-text h-align-top"></label> </div> <div class="b-media__img--rev js-comments__pagination h-hide"> <label></label> <span class="b-comments__pagination--up js-comments__page--prev h-margin-left-s" title="See previous comments"><span class="b-icon b-icon__arrow-up-m"></span></span> </div> </div> <ul class="b-comments__comments js-comments__comments h-left"></ul> <div class="b-comments__footer js-comments__footer b-media h-padding-vert-m h-padding-horiz-l h-clear h-hide"> <div class="b-media__img--rev js-comments__pagination"> <label></label> <span class="b-comments__pagination--down js-comments__page--next h-margin-left-s" title="See next comments"><span class="b-icon b-icon__arrow-down-m"></span></span> </div> </div> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="pagenav-container h-clearfix noselect h-hide"> <div class="js-pagenav pagenav h-right js-shrink-event-parent" data-baseurl="https://www.codingforum.net/forum/client-side-development/javascript-programming/dynamic-drive-scripts-help/34401-iframe-scroller-brower-back-button-not-working"> <a class="js-pagenav-button js-pagenav-prev-button b-button b-button--secondary h-hide-imp js-shrink-event-child" data-page="0" tabindex="0">Previous</a> <a class="js-pagenav-button b-button b-button--narrow js-shrink-event-child b-button--secondary js-pagenav-button--template h-hide-imp" data-page="0" tabindex="0">template</a> <a class="js-pagenav-button js-pagenav-next-button b-button b-button--secondary h-hide-imp js-shrink-event-child" data-page="0" tabindex="0">Next</a> </div> </div> <div class="h-margin-top-xl"></div> </div> </div> <script type="text/javascript"> (function(){ window.vBulletin = window.vBulletin || {}; vBulletin.widget = vBulletin.widget || {}; vBulletin.conversation = vBulletin.conversation || {}; vBulletin.conversation.COMMENTS_PER_PAGE = Number('25') || 25; vBulletin.conversation.POSTS_PER_PAGE = Number('15') || 15; })(); </script>  </div> </div>  <div class="canvas-layout-row l-row no-columns h-clearfix">  <div class="canvas-widget-list section-3 js-sectiontype-extra h-clearfix l-col__large-12 l-col__small--full l-wide-column"> </div> </div>  <div class="canvas-layout-row l-row no-columns h-clearfix">  <div class="canvas-widget-list section-201 js-sectiontype-global_before_footer h-clearfix l-col__large-12 l-col__small--full l-wide-column"> </div> </div> </div> </div> <div class="h-clear"></div> </main> <footer id="footer"> <nav id="footer-tabbar" class="h-clearfix js-shrink-event-parent"> <ul class="h-left js-footer-chooser-list h-margin-left-xxl js-shrink-event-child"> <li> <div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover b-comp-menu-dropdown--direction-up js-stylechooser js-select-on-xsmall h-margin-right-l"> <div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow"> CF Light </div> <ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--left"> <li class="b-comp-menu-dropdown__content-item b-comp-menu-dropdown__content-item--current"> <a href="#" data-styleid="10"> CF Light</a> </li> <li class="b-comp-menu-dropdown__content-item"> <a href="#" data-styleid="13"> CF Green</a> </li> <li class="b-comp-menu-dropdown__content-item"> <a href="#" data-styleid="14"> CF Dark</a> </li> </ul> </div> </li> <li> <div class="b-comp-menu-dropdown js-comp-menu-dropdown b-comp-menu-dropdown--open-on-hover b-comp-menu-dropdown--direction-up js-languagechooser js-select-on-xsmall h-margin-right-l"> <div class="b-comp-menu-dropdown__trigger js-comp-menu-dropdown__trigger b-comp-menu-dropdown__trigger--arrow"> English (US) </div> <ul class="b-comp-menu-dropdown__content js-comp-menu-dropdown__content b-comp-menu-dropdown__content--left"> <li class="b-comp-menu-dropdown__content-item"> <a href="#" data-languageid="5">Deutsch (Du)</a> </li> <li class="b-comp-menu-dropdown__content-item b-comp-menu-dropdown__content-item--current"> <a href="#" data-languageid="1">English (US)</a> </li> <li class="b-comp-menu-dropdown__content-item"> <a href="#" data-languageid="7">French</a> </li> <li class="b-comp-menu-dropdown__content-item"> <a href="#" data-languageid="6">Spanish</a> </li> </ul> </div> </li> </ul> <ul class="nav-list h-right js-footer-nav-list h-margin-right-xxl b-comp-menu-horizontal js-comp-menu-horizontal js-comp-menu--dropdown-on-xsmall b-comp-menu-dropdown--inactive js-shrink-event-child" data-dropdown-trigger-phrase="go_to_ellipsis" data-dropdown-menu-classes="h-margin-vert-l b-comp-menu-dropdown--direction-up" data-dropdown-trigger-classes="b-comp-menu-dropdown__trigger--arrow"> <li class=""> <a rel="nofollow" href="https://www.codingforum.net/help">Help</a> </li> <li class=""> <a rel="nofollow" href="https://www.codingforum.net/contact-us">Contact Us</a> </li> <li class=""> <a href="https://www.codingforum.net/privacy">Privacy</a> </li> <li><a href="#" class="js-footer-go-to-top">Go to top</a></li> </ul> </nav> </footer> </div> <div id="footer-copyright"> <div id="footer-user-copyright"></div> <div id="footer-vb-copyright">Powered by <a href="https://www.vbulletin.com" id="vbulletinlink">vBulletin®</a> Version 5.7.2 <br />Copyright © 2023 MH Sub I, LLC dba vBulletin. All rights reserved. </div> <div id="footer-current-datetime">All times are GMT-5. This page was generated at 06:08 AM.</div> </div> </div> <div id="loading-indicator" class="js-loading-indicator b-ajax-loading-indicator h-hide"> <span>Working...</span> </div> <div class="js-flash-message b-ajax-loading-indicator b-ajax-loading-indicator--medium h-hide"> <span class="js-flash-message-content"></span> </div> <div id="confirm-dialog" class="sb-dialog"> <div class="dialog-content h-clearfix"> <div class="icon h-left"></div> <div class="message"></div> </div> <div class="b-button-group"> <button id="btnConfirmDialogYes" type="button" class="b-button b-button--primary js-button">Yes</button> <button id="btnConfirmDialogNo" type="button" class="b-button b-button--secondary js-button">No</button> </div> </div> <div id="alert-dialog" class="sb-dialog"> <div class="dialog-content h-clearfix"> <div class="icon h-left"></div> <div class="message"></div> </div> <div class="b-button-group"> <button id="btnAlertDialogOK" type="button" class="b-button b-button--primary js-button">OK</button> </div> </div> <div id="prompt-dialog" class="sb-dialog"> <div class="dialog-content table h-clearfix"> <div class="message td"></div> <div class="input-box-container td"> <input type="text" class="input-box textbox" /> <textarea class="input-box textbox h-hide" rows="3"></textarea> </div> </div> <div class="js-prompt-error h-hide"></div> <div class="b-button-group"> <button id="btnPromptDialogOK" type="button" class="b-button b-button--primary js-button">OK</button> <button id="btnPromptDialogCancel" type="button" class="b-button b-button--secondary js-button">Cancel</button> </div> </div> <div id="slideshow-dialog" class="sb-dialog slideshow"> <div class="b-icon b-icon__x-square--gray close-btn">X</div> <div class="slideshow-wrapper"></div> <div class="caption"></div> <div class="thumbnails-wrapper"> <div class="thumbnails"></div> </div> </div> <div class="unsubscribe-overlay-container"></div> <div id="fb-root" data-facebook-language="en_US"></div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-154882725-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-154882725-1'); </script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="js/jquery/jquery-3.5.1.min.js"><\/script>');</script> <script type="text/javascript" src="js/footer-rollup-572.js"></script> <script type="text/javascript"> window.vBulletin = window.vBulletin || {}; vBulletin.version = '5.7.2'; </script> <script type="text/javascript" src="js/login.js?v=572"></script> <script type="text/javascript" src="js/conversation-rollup-572.js"></script> <script type="text/javascript" src="js/facebook.js?v=572"></script> </body> </html>