www.webdeveloper.com
Results 1 to 6 of 6

Thread: Access Sibling Frame

  1. #1
    Join Date
    Jan 2018
    Posts
    19

    Access Sibling Frame

    Hi,

    how do I access from a frame an object of another frame?

    I have the following 4 html files.

    index.html
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    <html>
    <header>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </header>
      <frameset rows="*, 45px" name="test">
        <frame src="menu.html" name="main" id="main" scrolling="yes">
    	<frame src="player.html" name="player" id="player" scrolling="no">
      </frameset>
    </html>
    menu.html
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    </head>
    <body >
    	<a href="black.html"> GO TO SUB WEBSITE </a>
    </body>
    </html>
    player.html
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html >
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    
    <body >
        <audio id="myaudio" controls="true"  autoplay="true" >
            <source src="#" type="audio/mpeg" />
            This text displays if the audio tag isn't supported.
        </audio>		
    </body>
    </html>
    black.html
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <script >
    	function runRadio() {
    		var audio = document.getElementById("myaudio");  
    		audio.volume = 1;	
    		audio.src = "https://br-br1-obb.sslcast.addradio.de/br/br1/obb/mp3/128/stream.mp3"; 	
    		audio.preload = "none";		
    		audio.load();
    	}
    </script>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    
    <body >
    	<a href="javascript:;"  onClick="runAudio()">RUN</a>
    </body>
    </html>
    So by clicking the RUN link within black.html I want to play the audito within player.html

    Thx, Aykut

  2. #2
    Join Date
    Jan 2018
    Posts
    19
    black.html

    onClick="runAudio()"

    should be

    onClick="runRadio()"

    (my question is still not solved, how do I access id="myaudio" from another frame?)

  3. #3
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,769
    Sorry to break this to you but Framsets were dropped years agoa nad are not supported in HTML5 which uses the <!DOCTYPE html> tag instead of the HTML4 tag
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  4. #4
    Join Date
    Jan 2018
    Posts
    19
    THANKS for the hints!

    #1
    OK, understood! => <!DOCTYPE html>

    #2
    >> "Sorry to break this to you but Framsets were dropped years agoa"

    What should I use instead frameset in HTML5?

    I want
    - to change content of top_frame
    - to keep content of bottom_frame

  5. #5
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,769
    Frame sets were dropped years ago as in depreciated and HTML 5 does not recognise frame sets, only browsers that would recognise framesets are really old browsers.

    So you shouldn't be using them in HTML markup.

    The new accepted method is to use DIV elements which you then populate with the HTML that you want displayed there or you can use iframes but even those are going for the chop at some point and use was discouraged many years ago.

    Does that clarify?
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  6. #6
    Join Date
    Jan 2018
    Posts
    19
    Yes, I changed my code. It works now! Thx!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center

"

"

X vBulletin 4.2.2 Debug Information

  • Page Generation 0.16697 seconds
  • Memory Usage 2,884KB
  • Queries Executed 14 (?)
More Information
Template Usage (33):
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (4)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates