JavaScript - How To Hide Html Tags

Greetings,

I recently learned that the <option> tags can not use the onclick attribute inside of IE. This works great for firefox, but sadly not a single version of internet explorer supports it (from what I am told via countless Google searches).

I have been modifying my attempit at a solution to use the <select> tag with the attribute onchange. Maybe I am casing this wrong, or not seeing a solution as the below code does not operate in any browser,
and no errors are reported back through firebug or IE.

Excuse my sloopy attempt at {smarty tags} this script is written in a bunch of PHP object->vales and to save space cored the issue down to it's basics.

On change of the select box, the value="5-28" is sent to javascript showBox to split the number away from the id_trips and only focus on the locations (the number before the '-' .

IF the location matches the switch value then the box should show / hide or value change. The IDs are all correct I just think that there is a ' or a " or something off as I am not a javascript expert.

my SQL return values
<code class="php">
//PHP VARIABLES from QUERY sample loop 1
trip-number = 200
locations = 5
id_trips = 28

</code>

my HTML form loop
<code class="html">


{BEGIN LOOP 'trips'}
<!--HTML form for {trip-number} -->
<form id="trip{trip-number}" method="post" action="#">

<select id="depid{trip-number}"
name="depId" class="inputed greybig required"
onchange="showBox(this.value, '{trip-number}', 'dep');">
<option value="">Select Time</option>
<option value="{locations}|{id_trip}">{trip-time}</option>
</select>

</form>
<!--/HTML form for {trip-number} -->
{/END LOOP 'trips'}

</code>

my javascript at the bottom of the page before the </body>
<code class="javascript">
<!--
JAVASCRIPT AT END OF PAGE BEFORE CLOSING </body>
I am using the jQuery Tools latest build 1.4.2
pull value, split and process for hide / show options
-->
<script type="text/javascript">
function showBox(val, trip, arrdep){
var splitVal = val.split("-");
switch (splitVal[0]){
case 1: //Airport
$("#"+arrdep+"dep_win_airport"+trip).show();
case 2: //Port of Miami
$("#"+arrdep+"_win_cruse"+trip).show();
case 4: //Port Canaveral
$("#"+arrdep+"_win_cruse"+trip).show();
case 5: //door drop off
$("#"+arrdep+"_win_door"+trip).show();
case 6: //Door Pick Up

case 7://Airport NO FLIGHT
default:
$("#"+arrdep+"_window"+trip).hide();
$("#"+arrdep+"_info_"+trip).hide();
$("#"+arrdep+"_win_door"+trip).hide();
$("#"+arrdep+"_win_cruse"+trip).hide();
$("#"+arrdep+"_win_airport"+trip).hide();
$("#"+arrdep+"info_"+trip).val("Supply Address");
}; //end switch splitVal
}; //end function showBox
</script>
</code>

Hi,

I wanna make a form that receives:

textbox URL And textbox Anchor

and result will be two anchors one <a href, and one phpBB

Example:

Url: www.pushpin.co.il
Anchor: pushpin

Results:
<a href="http://www.pushpin.co.il">pushpin</a>

[ url = http://www.pushpin.co.il/ ] pushpin[ /url ]

Help?

Hi,

I have a text area that I want to add simple html formatting buttons to.

The user should be able to:
- highlight text and click a 'bold' button
- highlight text and click 'itallic' button
- Add bulleted list
- Link

I've looked at a number of WYSIWYG javascript examples, but they seem to accept Microsoft Word formatting, which I dont want.

I came across some embedded JavaScript code and I noticed some weird “HTML comment-like tags” within embedded JavaScript that are getting rendered in FireFox but not IE. Specifically the closing tag "//-->"

And the JavaScript code between these tags is functional (not commented out)!

Code:

<SCRIPT type=text/javascript>
<!--

....

//-->
</SCRIPT>

What are these?

Example usage:

Code:

<SCRIPT type=text/javascript>
<!--
var zz, zv, d, fTSR;
d = new Date();
fTSR=0;
zv = d.getTime();
zz = "&zz="+zv;

var gBF=false;
function GoTo(u){window.top.location = u + zz;}
function Go(u){window.top.location = u;} 

....

//-->
</SCRIPT>