Making Javascript provide an ID# ?

Question

Hi!
For a Flash navigation bar I need to provide a button ID# instead of linking my button directly to a URL. Other scripting on the page is referring to the button ID to make my page hide/show certain content on button release.
Earlier I was able to have Java script help open a popup window by using this code:
In Flash:
on (release) {
getURL ("Javascript:popup3():");
In HTML
          <script language="JavaScript">
function popup3() {
window.open('http://www.URL.html','','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrol lbars=no,resizable=yes,width=620,height=710,left=10,top=10');
</script>
Question:
Can I use this kind of code to make flash trigger a java script that provids an ID for a Button on release?
If so what would it look like?
Thank you on beforehand.
ggaarde

Answer 1

Hi kglad
Well, that did not work...
Did you test it out?
On each button I placed this code:
on (release) {gotoAndPlay(9)
import flash.external.ExternalInterface;
btn1.onRelease=function(){
ExternalInterface.call("f1");
in the menu script widget i added the other part of your script:
<script type="text/javascript">
$j(document).ready(function() {
// Only apply this script if we are not on the customize page.
if ($j("#jive-widgets-panel").length == 0){
// Assigns class="widget-to-hide" to hide all widgets & assigns each widget a class with its own name.
$j("h4:contains('kickoff')").closest(".jive-widget").addClass("widget-to-hide kickoff-widget");
  $j("h4:contains('analysis')").closest(".jive-widget").addClass("widget-to-hide analysis-widget");
  $j("h4:contains('learn_more_tabs')").closest(".jive-widget").addClass("widget-to-hide learn_more_tabs-widget");
  $j("h4:contains('certification')").closest(".jive-widget").addClass("widget-to-hide certification-widget");
$j("h4:contains('Widget_for_tab_1')").closest(".jive-widget").addClass("widget-to-hide Widget_for_tab_1-widget");
$j("h4:contains('Widget_for_tab_2')").closest(".jive-widget").addClass("widget-to-hide Widget_for_tab_2-widget");
$j("h4:contains('Widget_for_tab_3')").closest(".jive-widget").addClass("widget-to-hide Widget_for_tab_3-widget");
$j("h4:contains('Widget_for_tab_4')").closest(".jive-widget").addClass("widget-to-hide Widget_for_tab_3-widget");
// Hides widgets and displays the Info widget on page-laod
  $j(".widget-to-hide").css("display", "none");
  $j(".secret-shop-widget").css("display", "block");
    $j('.kickoff-widget').css('display', 'block');
$j("h4:contains('CSS')").closest(".jive-widget").css("display", "none");              
$j("h4:contains('menu scripts')").closest(".jive-widget").css("display", "none");                  
</script>
<script type="text/javascript">
// This script allows the Flash naviation to target the hide show script (kglad)
function f1(){
$j('#Image1').click();
function f2(){
$j('#Image2').click();
function f3(){
$j('#Image3').click();
function f4(){
$j('#Image4').click();
</script>
<script type="text/javascript">
// These hide all widgets and the show one widget according to what was clicked in the menu
$j(document).ready(function() {
  $j('#Image1').click(function() {
    $j('.widget-to-hide').css('display', 'none');
    $j('.kickoff-widget').css('display', 'block');
          $j('.arrow').css('visibility', 'hidden');
          $j('.subtext').css('color', '#6a6a6a');
  $j('#Image2').click(function() {
    $j('.widget-to-hide').css('display', 'none');
    $j('.analysis-widget').css('display', 'block');
          $j('.arrow').css('visibility', 'hidden');
          $j('.subtext').css('color', '#6a6a6a');
  $j('#Image3').click(function() {
    $j('.widget-to-hide').css('display', 'none');
    $j('.learn_more_tabs-widget').css('display', 'block');
             $j('.Widget_for_tab_1-widget').css('display', 'block');
               $j('.Widget_for_tab_2-widget').css('display', 'block');
                       $j('.Widget_for_tab_3-widget').css('display', 'block');
                         $j('.Widget_for_tab_4-widget').css('display', 'block');
          $j('.arrow').css('visibility', 'hidden');
          $j('.subtext').css('color', '#6a6a6a');
  $j('#Image4').click(function() {
    $j('.widget-to-hide').css('display', 'none');
    $j('.certification-widget').css('display', 'block');
          $j('.arrow').css('visibility', 'hidden');
          $j('.subtext').css('color', 'white');
// $j('#reporting').click(function() {
//   $j('.widget-to-hide').css('display', 'none');
  //  $j('.reporting-widget').css('display', 'block');
//          $j('.arrow').css('visibility', 'hidden');
//          $j('.subtext').css('color', '#6a6a6a');
</script>
I am wondering if Flash needs a complete URL to the page to interact with the script since it is not tecnically on the page but in an iFrame?
I think maybe your idea with the getURL + a value string would work better?
What do you think?
ggaarde