Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Drop down box to load various swf's

Discussion in 'Website Design Forum:' started by tbwcf, Jan 27, 2009.

  1. tbwcf

    tbwcf Active Member

    I'm building a webpage where where is a coverflow/slideshow of various mailer designs.

    There will be about 200 so it will need splitting up into various sections.

    Can anyone advise me on how to get some sort of dropdown menu/buttons to load different swfs into a div in the page please?
     
  2. Jazajay

    Jazajay Active Member

    Well I take it you want to accomplish this via JavaScript?
    Use the onchange event handler and grab the selected value, then pass it to a Ajax function, and load the file into a div if that 1 is selected.

    So something like ~

    HTML
    <select onchange="change()">
    <option value="movie1.swf"....
    <option value="movie2.swf"....
    </select>

    JavaScript
    function change(){
    var form=document.getElementsByTagName("form")[0]; //selects the first form.
    var selection=form.elements[form.getElementsByTagName('select')[0]]; //select the first select menu within the first form.
    var val=selection.selectedIndex; //gets the selected option.
    call("path/to/swf/file.swf","id you want to load the swf files into","selection="+selection.options[val].value,"Please wait while we load the flash movie"); //sends the value of the option to the swf file.
    }

    File.swf
    Then list the .swf files and test to see which one you want to send back, so for example ~
    <?php
    if(isset($_POST['selection'])){
    $a=$_POST['selection'];
    if($a=="movie1.swf"){?>

    <object.......
    <?php }elseif($a=="movie2.swf"){?>
    <object......
    <?php }elseif(.....
    }
    ?>


    Right now that looks fine, if you get an error let me know as I have have just wrote it off the cuff.
    Here's my AJAX function if you need it, and if you have the files in a DB then you can just simply loop through the results rather than listing each one.

    Then have a button that when pressed loads a separate page but also does the same thing, that way it works across the board.

    I would say though that if every page is going to be similar, except from the .swf file, that you should place the meta noindex on those pages so not to be penalized for duplicate content.

    Any problems, or not what you are looking for let me know.

    Hope it helps.
    Jaz

    Key:
    Purple ~ XHTML
    Orange ~ Comments (dont place in the code)
    Green ~ JavaScript
    Red ~ PHP
     
  3. tim

    tim Senior Member

    Yeeahh! Jaz's back with the coding shiz :D
     
  4. Jazajay

    Jazajay Active Member

    Well I don't use it that often TBH, so it is good for keeping my memory fresh. :)
     
  5. tbwcf

    tbwcf Active Member

  6. Jazajay

    Jazajay Active Member

    No worries glad I can help, any problems let me know.

    Jaz
     
  7. Jazajay

    Jazajay Active Member

    Hay error correction ~
    Change the above JavaScript function to ~
    function change(){
    var form=document.getElementsByTagName("form")[0]; //selects the first form.
    var selection=form.elements[form.getElementsByTagName('select')[0]]; //select the first select menu within the first form.
    var val=selection.selectedIndex; //gets the right option value.
    call("path/to/swf/file.swf","id you want to load the swf files into","selection="+selection.options[val].value,"Please wait while we load the flash movie"); //sends the value to the swf file.
    }

    As we want the contents of the value attribute.

    Changed in the above code.
    Any other problems let me know.

    Jaz

    Key:
    Green ~ JavaScript
    Orange ~ Comments (Don't include in the actual code.)
     
  8. tbwcf

    tbwcf Active Member

    Thanks Jay, I'll be getting this sorted in the next few days! - really appreciate it!
     

Share This Page