dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: Help with passing javascript variables to html?

Hybrid View

  1. #1
    Join Date
    Feb 2013
    Posts
    1

    Help with passing javascript variables to html?

    Hi there! I googled around a lot and searched the forum for a few hours before posting this thread, but to no avail.

    I have a first webpage (parent) that, upon a button press, opens a new window (child) and passes some variables to it. I have successfully passed the variables and made this alert-popup on the child webpage to ensure the variables are being passed, but I can't figure out how to pass the variables from the javascript to the html.

    The following is relevant code from the parent website:

    var w = window.open("child website");

    var link1 = "src=http%3A%2F%2F143.215.99.158%3A1935%2Fvod%2Fmp4%3Asample.mp4%2Fmanifest.f4m%3Fwowzaplaystart%3D3 0000%26wowzaplayduration%3D40000&poster=http%3A%2F%2Fosmf.org%2Fimages%2Fposter_cathy_fmp.jpg";

    var link2 = "src=http%3A%2F%2F143.215.99.158%3A1935%2Fvod%2Fmp4%3Asample.mp4%2Fmanifest.f4m%3Fwowzaplaystart%3D3 0000%26wowzaplayduration%3D40000&poster=http%3A%2F%2Fosmf.org%2Fimages%2Fposter_cathy_fmp.jpg";

    w.msStart = msStart;
    w.msDuration = msDuration;
    w.link1 = link1;
    w.link2 = link2;


    ///////end

    this is the child code:
    <html>
    <head>
    <script>
    function display_alert()
    {


    alert("link1: " + link1 + " link2: " + link2);
    }
    /////////////this script bit here is literally just for me to make sure the variables are being transferred from the parent to child
    </script>


    <body onload='display_alert()'>
    //so the alert comes up on child loading, again just for me to ensure variables are being transferred.

    <object width="600" height="409"> <param name="movie" value="http://fpdownload.adobe.com/strobe/FlashMediaPlayback_101.swf"></param><param name="flashvars" value=link1></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback_101.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="409" flashvars=link2></embed></object></body>
    </head>
    </html>

    //so this bit here is calling an osmf flash player instance. My intention is to use the link1 and link2 variables transferred from the parent to the child window where I have bolded the words link1 and link2. I've tried a couple things to make this work, without luck

  2. #2
    Join Date
    Mar 2009
    Location
    Wherever i lay my hat
    Posts
    180
    Well, you can add some id to the elements like this:

    <param id="paramLink1" name="flashvars" value=link1></param>

    <embed id="embedLink2" src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback_101.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="409" flashvars=link2></embed>

    and then use

    document.getElementById( "paramLink1" ).setAttribute( "value", link1 );
    document.getElementById( "embedLink2" ).setAttribute( "flashvars", link2 );

    It should theoretically work, however i'm not sure, what your flash application will do with them after that. It can be already started, when you change them and i don't know flash, so i'm useless here

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



Recent Articles