Hey

[atholon]

I am trying to write a JS file so that I can display one of two forms depending on the selection but I can`t seem to get it to work...I am using prototype as well that is why I have the $$('test'); "test" is a div that contains one of the forms that I want to be displayed and hidden

 

 

this is what I have...It is saying that it was expecting an object...or something

<script language="JavaScript" type="text/javascript">";
     function ToggleOtherText()
    {
    var othertextElement = $$('test');
    if( othertextElement && selectBox );
    othertextElement.style.display = (selectBox.options[selectBox.selectedIndex].value == 'DHF Tutorial') ? 'inline' : 'none';
    }
</script>

 

Can anyone let me know what I am doing wrong?

[tomfmason]

i think you mean $('test'); Also, you should pick a more descriptive topic next time as "Hey" doesn't really explain the issue at hand. Something like "Prototype: undefined object" or whatever would help us determine if we know anything about your problem without having to read the post first.

 

Thanks,

Tom

[atholon]

Ok. I believe I have it fixed now

[atholon]

What is the difference between $$ and one $?

 

$$ had something to do with arrays I think?

[atholon]

Ok, new issue for some reason I cannot get the if statement or switch to work on the object. It doesn`t seem to perform the match. Any ideas?

 

 

    function ToggleCatText()
    {
          var selectBox = document.getElementById('category');
          var display;        
          
          
          if (selectBox.options[selectBox.selectedIndex].value == 'Video')
          {          
           alert('Hamburger');
           }
          
          
          
          switch (selectBox.options[selectBox.selectedIndex].value)
          {
          case 'Video': 
            display = 'Video';
            alert('Video!');
          break;
          case 'Audio':
            display = 'Audio';
          break;
          case 'Graphics':
            display = 'Graphics';
          break;
          default:
            display = 'None';

          break; 
          }
             
          new Ajax.Updater(result, '../tutorials/process/catView.php?view=' + display, {asynchronous:true});
    }

[nogray]

make sure your select options have values

<option value="Video">Video</option>

[duclet]

The function $() is expecting the ID of an element. $$() is used mainly for selection based on CSS.

[atholon]

Yeah the select box is like that. I will post the entire form on here later so you can see.

[atholon]

Ok, I found out that getElementById also gets elements by their name!

 

I had another element with the same name but the ID's were correct.

 

My issue now is the the Ajax.Updater doesn`t seem to be functioning right.

[duclet]

But not functioning right, what exactly do you mean? Also, care to post your updated code?