JavaScript - Hide/show Button Only Works In Internet Explorer??

Hi,

I need a button that not only resets what is typed in the textarea but also hides all shown tables...

Here's how my current set up is...

---------text area------ with a reset button

table1 title (when clicked, shows a table under it)
table2 title (when clicked, shows a table under it)
table3 title (when clicked, shows a table under it)

the tables under the main tables have buttons that when clicked on inserts texts in the textarea.

Any help would be much much appreciated!

Hello,

I'm not really a techie but I was feeling a little adventurous this morning so I thought I'd try to follow some tips online to customize a "buy" button for some products that I'm preparing to sell online at what is currently: www.SensoryEscapeImages.Squarespace.com

If you visit this site, then click on "Photo Gallery" on the top nav, then click on the 4th image to the right on the top row of thumbnails, you will see on the overlay, at the bottom, three dropdowns that I'm trying to affect.

So, there are three fields presented with the Buy button: Size, Format, and Trim & Finish. If I were to select the Size of 8 x 12 in the first dropdown, the behavior that I am striving for is to only show the Formats available in that size in the second dropdown. Subsequently, each format has Trim & Finish options exclusive to that format and I'm aiming to only make those show in the Trim & Finish dropdown.

But it aint working. Here's the code that I started. No laughing

<left><form action="https://www.e-junkie.com/ecom/gb.php?c=cart&i=563148&cl=74166&ejc=2"
target="ej_ejc" method="POST" name="condition" accept-charset="UTF-8">
<table><tr><td>Size:<select name="o1">
<option value="8 x 12">8 x 12</option>
<option value="12 x 18">12 x 18</option>
<option value="16 x 24">16 x 24</option>
<option value="20 x 30">20 x 30</option>
<option value="24 x 36">24 x 36</option>
<option value="30 x 45">30 x 45</option>
</select></td><td>Format:<select name="o2">
<script type="text/javascript">
if (condition.o1.options = 0)
{
document.write("<option value="Print $50">Print $50</option>
<option value="Print on Gatorboard $80">Print on Gatorboard $80</option>
<option value="Canvas $125">Canvas $125</option>");
}

if (condition.o1.options = 1)
{
document.write("<option value="Print $90">Print $90</option>
<option value="Print on Gatorboard $125">Print on Gatorboard $125</option>
<option value="Canvas $145">Canvas $145</option>");
}

if (condition.o1.options = 2)
{
document.write("<option value="Print $125">Print $125</option>
<option value="Print on Gatorboard $165">Print on Gatorboard $165</option>
<option value="Canvas $220">Canvas $220</option>
<option value="High Def Metal Print $575">High Def Metal Print $575</option>");
}

if (condition.o1.options = 3)
{
document.write("<option value="Print $170">Print $170</option>
<option value="Print on Gatorboard $230">Print on Gatorboard $230</option>
<option value="Canvas $325">Canvas $325</option>
<option value="High Def Metal Print $725">High Def Metal Print $725</option>");
}

if (condition.o1.options = 4)
{
document.write("<option value="Print $215">Print $215</option>
<option value="Print on Gatorboard $300">Print on Gatorboard $300</option>
<option value="Canvas $430">Canvas $430</option>
<option value="High Def Metal Print $830">High Def Metal Print $830</option>");
}

if (condition.o1.options = 5)
{
document.write("<option value="Print $250">Print $250</option>
<option value="Print on Gatorboard $340">Print on Gatorboard $340</option>
<option value="Canvas $535">Canvas $535</option>
<option value="High Def Metal Print $1">High Def Metal Print $1</option>");
}
</script></select></td>
<td>Trim and Finish:<select name="o3">

<script type="text/javascript">
if (condition.o2.options = 1 || condition.o2.options = 4 || condition.o2.options = 7 ||
condition.o2.options = 11 || condition.o2.options = 15 || condition.o2.options = 19)
{
document.write("<option value="None">None</option>");
}

if (condition.o2.options = 0 || condition.o2.options = 3 || condition.o2.options = 6 ||
condition.o2.options = 10 || condition.o2.options = 14 || condition.o2.options = 18)
{
document.write("<option value="1/4 Inch White Trim">1/4 Inch White Trim</option>
<option value="1/4 Inch Black Trim">1/4 Inch Black Trim</option>");
}

if (condition.o2.options = 2 || condition.o2.options = 5 || condition.o2.options = 8 ||
condition.o2.options = 12 || condition.o2.options = 16 || condition.o2.options = 20)
{
document.write("<option value="White Sides">White Sides</option>
<option value="Black Sides">Black Sides</option>
<option value="Stretched Sides">Stretched Sides</option>");
}

if (condition.o2.options = 9 || condition.o2.options = 13 || condition.o2.options = 17 ||
condition.o2.options = 21)
{
document.write("<option value="Silver Recessed Frame">Silver Recessed Frame</option>
<option value="Silver Frame to Edge">Silver Frame to Edge</option>
<option value="Black Recessed Frame">Black Recessed Frame</option>
<option value="Black Frame to Edge">Black Frame to Edge</option>
<option value="Pewter Recessed Frame">Pewter Recessed Frame</option>
<option value="Pewter Frame to Edge">Pewter Frame to Edge</option>");
}
</script></select></td>
<td><input type="image" src="http://www.e-junkie.com/ej/ej_add_to_cart.gif"
border="0" alt="Add to Cart" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this.parentNode);"/>
</form></td></tr></table></left>

i'm looking for a function to check for the browser version and NOT run a script if the user is using internet explorer 7 or less

something like

<!--[if gte IE 7]>
alert(internet explorer 6 sucks)
<!--[else]>
alert(internet explorer 7 or greater is better but it still sucks)
<![endif]-->

and if i just use "lte IE 7" instead of gte IE 7 it will exclude firefox... so that's why i prefer to use a "else" statement.... instead you got something better to suggest

thanks!!

I have javascript code in my site. It works in FireFox but doesn't work in IE.
The page is http://omidpand.ir/search.html First select something from first combobox when u open second combobox the javascript code should change latin characters with persian one, but it doesn't do it.

I am using HAPedit for HTML/Javascript and it used to work alright by clicking Display -> Browse with -> Default Browser(Internet Explorer). But since last one or two days it gives the following error

"The page cannot be displayed"

and the following is shown in the URL bar

http://localhost/helloworld.html

2. But, however, if I navigate to the file by using File -> Open of the IE, the result is shown correctly.
3. What has gone wrong??

Hi There,

Can anyone explain why the following XMLHttpRequest.open call fails on IE browsers, but works fine in Firefox and Chrome?

Code:

<html>
 <head>
 </head>
 <script type="text/javascript">
  if( window.XMLHttpRequest )
  {
   xhttp=new XMLHttpRequest();
  }
  else
  {
   xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xhttp.open("GET","test.xml",false); // I show an "access is denied error in IE"
  xhttp.send("");
  document.write( xhttp.responseXML.getElementsByTagName("simple")[0].childNodes[0].nodeValue );
 </script>
 <body>
 </body>
</html>

The "text.xml" file resides in the same location (local HDD folder on the pc this is running on) as the html page. And the contents of "test.xml" are shown below:

Code:

<simple>
 Hello
</simple>

Obviously its just a very simple example that should just display "Hello" when loaded, but it fails to work in IE.

Hi there - I was wondering if anyone out there could help me

I'm redoing my site from many years ago - www.industrialarts.co.uk

It contains a "Conveyor" - to which I've always wanted to add a "Lightbox" effect.

Well - the good news is that I've managed to get a test page up and running and it's doing exactly what I want it to in Firefox, Chrome, Opera and in Safari

However .. in Internet Explorer 8 .. it ain't good. The scripts on the page seem not to work at all. (In Internet Explorer 7, it's worse as the formatting is haywire too - but I'll try to fix one thing at a time)

http://www.industrialarts.co.uk/test/chairs/chairs.html

So - if anybody could be good enough to take a look at my test page and offer any suggestions for getting it running on Internet Explorer too .. or just where to look for answers - I'd be massively grateful

My apologies also as I'm a dabbler with this stuff (normally a woodworker)

Cheers, Jol

I am making a web page, and as part of it I have a table that the user can add rows to. My code works in FF and Chrome, but IE is broken.
Code:

function addrow() {
              var example=document.getElementById("new");
              var addHere=document.getElementById("ticketTable");
              var node= example.cloneNode(true);
              node.id="added";
              addHere.appendChild(node);
          }

This code is called when a button is clicked. new is the ID of the row I am adding, and ticketTable is the ID of the table I am adding to. Help please!

I have the following Javascript function that just refuses to work in Internet Explorer (since IE is absolute .......). Can anybody tell me why this wouldn't be working in IE and what I need to do to fix it? I am new to Javascript so don't really have any idea

Code:

function displaymember()

{

    var d = new Date();

    var curr_date = d.getDate();

    if (curr_date < 10)

    curr_date = "0" + curr_date;

    var curr_month = d.getMonth();

    curr_month++;

    if (curr_month < 10)

    curr_month = "0" + curr_month;

    var curr_year = d.getFullYear();

    //alert("date="+curr_date+" month="+curr_month+" year="+curr_year);
    for (i = 0; i < x.length; i++)

    {

        membershipstatus = (x[i].getElementsByTagName("membership_status")[0].childNodes[0].nodeValue);

        name = (x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);

        body = (x[i].getElementsByTagName("body_type")[0].childNodes[0].nodeValue);

        ethnicity = (x[i].getElementsByTagName("ethnicity")[0].childNodes[0].nodeValue);

        sex = (x[i].getElementsByTagName("sex")[0].childNodes[0].nodeValue);

        profession = (x[i].getElementsByTagName("profession")[0].childNodes[0].nodeValue);

        seeking = (x[i].getElementsByTagName("seeking")[0].childNodes[0].nodeValue);

        date = (x[i].getElementsByTagName("date_joined")[0]);

        month = (date.getElementsByTagName("month")[0].childNodes[0].nodeValue);

        year = (date.getElementsByTagName("year")[0].childNodes[0].nodeValue);

        newa = document.createElement('a');

        aIdName = 'my' + i + 'a';

        ahref = '#';

        aclick = 'show(' + i + ')';

        newa.setAttribute('id', aIdName);

        newa.setAttribute('href', ahref);

        newa.setAttribute('onclick', aclick);

        newa.innerHTML = name + " | " + body + " " + ethnicity + " " + sex + " " + profession + " with " + membershipstatus + " membership seeks " + seeking + "<br/>";

        if (curr_month == month && curr_year == year) {

            document.getElementById("member").appendChild(newa);
        }

    }

}

Hello,

I have been trying to trouble shoot this for quite a while and am stuck. My site works 100% on Firefox, Safari, and Chrome, but in Internet Explore (6,7,8) the only thing that shows up is the background image.

The site utilizes a few scripts: MooTools, a rollover replacement script, an iframe custom scrollbar script, and the Zenphoto CMS, that is utilized on other pages and displayed in the iframes.

I think my problem may be mootools related, bur really have no idea.

This is the site: http://www.ErikaCervantes.com

Here is the offending code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ErikaCervantes.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">

#main{width:1100px;height:618px;background: url('img/BG.jpg') no-repeat;margin-left:-550px;left:50%;position:absolute}
#words{text-align:right;padding-right:30px;padding-top:30px;}
.window{width:963px;height:492px;margin-left:-477px;left:50%;position:absolute;background: url('img/windowBG.jpg');top:49px;}
.content{float:left;width:618px;height:330px;margin-left:55px;}
.scroll{height:220px;width:36px;float:right;text-align:left;margin-top:60px;}
.contenthead{padding-top:52px;padding-left:47px;height:35px;width:300px;margin-bottom:15px;}
.right{padding-right: 50px; padding-top: 57px; text-align:right;width:200px;float:right;}
.back{padding-top:145px;margin-right:-10px}
.nav
.left{width:600px;height:490px;float:left;}
#production{visibility: hidden;}
#erika{visibility:hidden;}
img{border:0px;}

</style>

<script type="text/javascript" src="roll.js"></script>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">

function showErika(){
$('words').tween('opacity',0);
      $('erika').set('tween',{duration : 2000}).fade([0,1]);    

}

function hideErika(){
$('erika').tween('opacity',0);
      $('words').set('tween',{duration : 2000}).fade([0,1]);    

}

function showProduction(){
$('words').tween('opacity',0);
      $('production').set('tween',{duration : 2000}).fade([0,1]);    

}

function hideProduction(){
$('production').tween('opacity',0);
      $('words').set('tween',{duration : 2000}).fade([0,1]);  
}
</script>



</head>
<body style="padding-top:15px;">

<div id="main">

	<div id="words"><img src="img/erika_off.jpg" alt="erika_off" width="" height="" onclick="javascript:showErika();" /><img src="img/productions_off.jpg" alt="productions_off" width="" height=""  onclick="javascript:showProduction();" style="padding-top:10px;" /></div><!--words-->
	
	<div class="window" id="erika">
	
		<div class="right">
			<div id="navErika">
			<a href="http://www.imdb.com/name/nm2563825/"  target="_blank"><img src="img/imdb_off.jpg"  width="" alt="Erika Cervantes on IMDB" height="" /></a>
			<a href="ECfilmography.pdf" ><img src="img/filmog_off.jpg" alt="Download Erika Cervantes Filmography" width="" height="" /></a>
			<a href="#"  target="_blank"><img src="img/editing_off.jpg" alt="View Erika Cervantes Editing Reel" width="" height="" /></a>
			<a href="mailto:erikamcervantes@gmail.com" ><img src="img/contact_off.jpg" alt="Contact Erika Cervantes" width="" height="" /></a>
			</div><!--navErika-->
			<img src="img/erikamail.jpg" alt="erikamail" width="" height="" />
		
			<div class="back"><img src="img/back_off.jpg" alt="Back" width="" height="" onclick="javascript:hideErika();" /></div><!--back-->
		</div><!--right-->
		<div id="left">
			<div class="contenthead"><img src="img/erikaHeader.jpg" alt="Erika Cervantes" width="" height="" /></div><!--contenthead-->
			<div class="content">
			<!--Scrollable iframe script- By Dynamic Drive-->
<!--For full source code and more DHTML scripts, visit http://www.dynamicdrive.com-->
<!--This credit MUST stay intact for use-->

<iframe class="datamain" src="zen/index.php?album=erika" name="bio" width="618" height="330" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" ></iframe>
</div><!--content-->
<div class="scroll">

<a href="#" onmouseover="scrollspeed=-1" onmousedown="scrollspeed=-2" onmouseout="scrollspeed=0"><img src="img/scrolltop.jpg" alt="scrolltop" width="" height="" /></a><br/><img src="img/scrollmid.jpg" alt="scrollmid" width="" height="" /><br /><a href="#"  onmouseover="scrollspeed=1" onmouseout="scrollspeed=0" onmousedown="scrollspeed=2"><img src="img/scrollbottom.jpg" alt="scrollbottom" width="" height="" /></a>

</div><!--scroll-->						
		</div><!--left-->
	</div><!--window erika-->
	
	<div class="window" id="production">
	
		<div class="right">
			<div class="nav">
			<a href="zen/index.php?album=features"  target="prod"><img src="img/features_off.jpg" alt="features" width="" height="" /></a>
			
			<a href="zen/index.php?album=shorts"  target="prod"><img src="img/shorts_off.jpg" alt="shorts" width="" height="" /></a><br />
			
			<a href="zen/index.php?album=web"  target="prod"><img src="img/web_off.jpg" alt="web" width="" height="" /></a>
			
			<a href="zen/index.php?album=music"  target="prod"><img src="img/music_off.jpg" alt="music videos" width="" height="" style="padding-bottom:25px;" /></a>
			
			</div><!--nav-->
			<div class="back"><a href="zen/news" target="prod"><img src="img/back_off.jpg" alt="Back" width="" height="" onclick="javascript:hideProduction();" /></a></div><!--back-->
		</div><!--right-->
		
		<div class="left">
			<div class="contenthead"><img src="img/erikatitle.jpg" alt="Erika Cervantes Productions" width="" height="" /></div><!--contenthead-->
	<div class="content">
			<!--Scrollable iframe script- By Dynamic Drive-->
			<!--For full source code and more DHTML scripts, visit http://www.dynamicdrive.com-->
			<!--This credit MUST stay intact for use-->

<iframe class="datamain" src="zen/news/" name="prod" width="618" height="330" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" ></iframe>
</div><!--content-->
<div class="scroll">

<a href="#" onmouseover="scrollspeed=-1" onmousedown="scrollspeed=-2" onmouseout="scrollspeed=0"><img src="img/scrolltop.jpg" alt="scrolltop" width="" height="" /></a><br/><img src="img/scrollmid.jpg" alt="scrollmid" width="" height="" /><br /><a href="#"  onmouseover="scrollspeed=1" onmouseout="scrollspeed=0" onmousedown="scrollspeed=2"><img src="img/scrollbottom.jpg" alt="scrollbottom" width="" height="" /></a>
</div><!--scroll-->		
			
		</div>	<!--left-->
	</div><!--window production-->

</div><!--main-->

</body>
</html>

Thank you very much!

Here I am again.
In Internet Explorer 7, running on Windows Vista I am testing a project.
I get an error message when the page loads to the effect:
line 31
char 29
error: object does not support this property or method
code 0
This is a one page site and this message comes up on every page load.
So I have a good idea what it is complaining about.
But in I.E., how do I determine 'line 29'? Where does it start counting,
and what type of lines would it skip?
I.E. loads source into notepad and notepad does not number the lines.
Further, the lines in the source are formatted unix style ("\n" line feed endings
instead of line feed/carriage return: as in Windows). Long lines are wrapped,
so it is unclear where one line ends and the next starts.
Are there any good web dev tools for I.E.(preferreably open source)?

Thank you;
JK

Sorry fellas, I am a complete noob
I am trying to detect if a users browser is Internet Explore Version 9
the subsequently redirect that browser to a new page that is IE 9 specific in my directory. My code does NOT seem to be working.
Could any of you kind folks take a look and see the mistake?


<script language="JavaScript" type="text/JavaScript">
if(navigator.appName == "Microsoft Internet Explorer"&& navigator.appVersion >=8)
{
window.location = "SeansWebsite_2012_IE9.html"
}
<!-- the page that i am starting on is "SeansWebsite_2012.html"-->
</script>

Hello, im new and hope you can help me out.

I am running some javascript on my vbulletin forum.

One is for some ad network to display ads, I noticed this working in firefox and chrome but not IE.

After some investigation I realised my analytics javascript snippet is conflicting, if i remove the javascript for my analytics then the ads show in all web browsers.

The two pieces of code a

Analytics;

Code:

<script src="/mint/?js" type="text/javascript"></script>

Ad network;

Code:

<script type="text/javascript">
var EB_campid='5336510241';
</script>
<script src="http://www.zintext.com/showads.js" type="text/javascript"></script>

Any help appreciated.

Dave.

Hi there i have been looking around the internet for a way to resolve the problem i have, admittedly i may well of read the answer several times but being relatively new to JavaScript i am still unclear on much of the terminology. Well basically my problem is that i have a piece of code which wen tested on my mac i was using Firefox, safari, opera etc. all these worked fine when it came to pc testing with internet explorer i was presented with the following errors.....

Error Details:

1) Line:32
Char:16
Error: 'getElementsByTagName(...).0.src' is null or not an object
Code:0
URL:http://www.janedelacey.co.uk/html/press.html

2) Line:53
Char:41
Error: Object doesnt support this property or method
Code:0
URL:http://www.janedelacey.co.uk/html/press.html

The url is a clients webpage i dont think this has any effect on the issue. Here is the code for the page if this helps anyone in helping me resolve the issue!

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
	<LINK REL="SHORTCUT ICON" HREF="../images/favicon.ico">
		<link rel="stylesheet" type="text/css" href="../css/layout.css">
		<title>
		Jane De-Lacey  - Press
		</title>
		<link rel="shortcut icon" href="favicon.ico" >
				<meta name="description" content="Jane De Lacey is a freelance lingerie designer and manufacturer using the finest silk to create Bras, Briefs, Camisoles, Slip, Dresses and Sleepmasks. The latest collection is called the 'L.A Collection'. ">
		<meta name="keywords" content="Jane De Lacey, Jane DeLacey, Lingerie, 100% Silk, Bra, Knickers, Briefs, Slips, Camisoles, Dresses, Sleepmasks, Underwear, Sheer Silk, Chemise">
<!--[if lt IE 8]>
    <style media="screen,projection" type="text/css">
        #jgal1 li { filter: alpha(opacity=40); }
        #jgal1 li.active, #jgal1 li:hover { filter: alpha(opacity=100); }
    </style>
	<![endif]-->
    <script type="text/javascript">document.write("<style type='text/css'> #press_gallery { display: none; } </style>");</script>
    <!--[if lt IE 6]><style media="screen,projection" type="text/css">#press_gallery { display: block; }</style><![endif]-->


    <script type="text/javascript">
var gal1 = {
    init : function() {
        if (!document.getElementById || !document.createElement || !document.appendChild) return false;
        if (document.getElementById('press_gallery')) document.getElementById('press_gallery').id = 'jgal1';
        var li = document.getElementById('jgal1').getElementsByTagName('li');
        li[0].className = 'active';
        for (i=0; i<li.length; i++) {
           				var url = li[i].getElementsByTagName('img')[0].src;
						var url_array = url.split("/");
						var j = url_array.length - 1;
						var thumb_path = "../images/thumbs/";
						li[i].style.backgroundImage = 'url(' + thumb_path + url_array[j] + ')';
            li[i].style.backgroundRepeat = 'no-repeat';
            li[i].title = li[i].getElementsByTagName('img')[0].alt;
            gal1.addEvent(li[i],'click',function() {
                var im = document.getElementById('jgal1').getElementsByTagName('li');
                for (j=0; j<im.length; j++) {
                    im[j].className = '';
                }                this.className = 'active';
            });
        }
    },
       addEvent : function(obj, type, fn) {
        if (obj.addEventListener) {
            obj.addEventListener(type, fn, false);
        }
        else if (obj.attachEvent) {
            obj["e"+type+fn] = fn;
            obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
            obj.attachEvent("on"+type, obj[type+fn]);
        }
    }
    
 } 
 
gal1.addEvent(window,'load', function() {
    gal1.init();
});
    </script>

		
	</head>
	
	<body>
	
	<div id="content">
			<div id="navcontainer">
		<div id="topbanner">
			<a href="home.html"><img  src="../images/logo1.gif" border="none" width="380" height="50"alt="Home - Jane DeLacey"/></a>
		</div>
	
	
		
       		<ul id="nav">
     			<li id="nav-home"><a href="home.html">Home</a></li>
   	        	<li id="nav-shop"><a href="shop.html">Collections</a></li>
    			<li id="nav-press"><a href="press.html">Press</a></li>
    			<li id="nav-about"><a href="about.html">About Us</a></li>
   	        	<li id="nav-contact"><a href="contact.html">Contact Us</a></li>
         	</ul>
   		 </div>	
   		 
   		 
   		 <div id="product">
	
	<div id="product_graf">
				<img src="../images/top_lines.gif" alt="Side Graphic" height="300px">
		</div>
<div id="press">

<div id="press_text">
click logo to view image, click image to enlarge
</div>
		<div id="press_pics">
		
			<ul id="press_gallery">
				<li><a href="../images/press/marieclaire.jpg"><img src="../images/press/marieclaire.jpg"width="475px" height="500px" alt="Marie Claire featuring Victoria Beckham"  border="none" ></a></li>

   				<li><a href="../images/press/vogue1.jpg"<img src="../images/press/vogue1.jpg"width="350px" height="500px" alt="Vogue" border="none"></a></li>
    			<li><a href="../images/press/elle1.jpg"<img src="../images/press/elle1.jpg"width="350px" height="500px" alt="ELLE" border="none" ></a></li>
    			<li><a href="../images/press/wwd1.jpg"<img src="../images/press/wwd1.jpg"width="350px" height="500px" alt="Womens Wear Daily"  border="none" ></a></li>
    			<li><a href="../images/press/brides.jpg"<img src="../images/press/brides.jpg" width="350px" height="500px"alt="Brides"  border="none" ></a></li>
    			<li><a href="../images/press/wwd2.jpg"<img src="../images/press/wwd2.jpg" width="350px" height="500px"alt="ELLE"  border="none" ></a></li>
    			<li><a href="../images/press/elle2.jpg"<img src="../images/press/elle2.jpg" width="350px" height="500px"alt="ELLE"  border="none" ></a></li>
    			<li><a href="../images/press/hg.jpg"<img src="../images/press/hg.jpg" width="350px" height="500px"alt="Homes and Gardens"  border="none" ></a></li>
    			<li><a href="../images/press/vogue2.jpg"<img src="../images/press/vogue2.jpg" width="350px" height="500px"alt="Vogue"  border="none" ></a></li>
    			<li><a href="../images/press/wwd3.jpg"<img src="../images/press/wwd3.jpg" width="350px" height="500px"alt="Womens Wear Daily" border="none"  ></a></li>
    			<li><a href="../images/press/elle3.jpg"<img src="../images/press/elle3.jpg" width="350px" height="500px"alt="ELLE"  border="none" ></a></li>
    			<li><a href="../images/press/status1.jpg"<img src="../images/press/status1.jpg" width="350px" height="500px"alt="Status" border="none"  ></a></li>
    			<li><a href="../images/press/elle4.jpg"<img src="../images/press/elle4.jpg"width="500px" height="350px" alt="ELLE" border="none"  ></a></li>
    			<li><a href="../images/press/wwd4.jpg"<img src="../images/press/wwd4.jpg"width="350px" height="500px" alt="Womens Wear Daily"  border="none" ></a></li>
    			<li><a href="../images/press/status2.jpg"<img src="../images/press/status2.jpg" width="350px" height="500px"alt="Status"  border="none" ></a></li>
    			<li><a href="../images/press/fashiondaily.jpg"<img src="../images/press/fashiondaily.jpg" width="500px" height="350px"alt="Fashion Daily"  border="none" ></a></li>
    			<li><a href="../images/press/eve.jpg"<img src="../images/press/eve.jpg" width="350px" height="500px"alt="Eve"  border="none" ></a></li>
    			<li><a href="../images/press/observer.jpg"<img src="../images/press/observer.jpg" width="350px" height="500px"alt="Observer Magazine"  border="none" ></a></li>
    			<li><a href="../images/press/telegraph.jpg"<img src="../images/press/telegraph.jpg" width="350px" height="500px"alt="Telegraph"  border="none" ></a></li>
    			<li><a href="../images/press/financialtimes.jpg"<img src="../images/press/financialtimes.jpg" width="350px" height="500px"alt="Financial Times"  border="none" ></a></li>
    			<li><a href="../images/press/linbuyer.jpg"<img src="../images/press/linbuyer.jpg" width="350px" height="500px"alt="Lingerie Buyer Blog"  border="none" ></a></li>
    			<li><a href="../images/press/juice1.jpg"<img src="../images/press/juice1.jpg" width="350px" height="500px"alt="Juice Brighton Magazine"  border="none" ></a></li>
    			<li><a href="../images/press/ideal.jpg"<img src="../images/press/ideal.jpg" width="350px" height="500px"alt="Ideal" border="none"  ></a></li>
    			<li><a href="../images/press/drapers.jpg"<img src="../images/press/drapers.jpg" width="500px" height="200px"alt="Drapers"  border="none" ></a></li>
    			<li><a href="../images/press/juice2.jpg"<img src="../images/press/juice2.jpg" width="500px" height="350px"alt="Juice Brighton Magazine" border="none"  ></a></li>
    			
  			 </ul>	
		</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>




		<div id="footer">
			<ul id="footer_nav">
			<li><a href="terms.html">terms & conditions</a></li>
			<li><a href="delivery.html">delivery</a></li>
			<li><a href="acknowledge.html">acknowledgments</a></li>
			<li><a href="contact.html">contact us</a></li>
			</ul>
		
   		 </div>		
		</div>
	</div>
</body>
</html>

I know most of this code will not be relevant but i thought adding the whole pages code made more sense? Thank you in advance for any help received!

Tom

I've got a flash music player (audioplay) on a site (yeah, I know, I hate music on websites too, but the client wants it).

I'm using javascript to trigger "stop" and "play" and it works on every browser except IE 9+.
The error in IE's developer says: SCRIPT438: Object doesn't support property or method 'stopMusic'

Here's the javascript:

Code:

<script language="JavaScript" type="text/javascript">

function getPlayer(movieName)
    {
        if (navigator.appName.indexOf("Microsoft") != -1) 
        {
            return window[movieName];
            } 
        else 
        {
            return document[movieName];
            }
        }

function play2()
        {
                getPlayer('player2').playMusic();
        }

        function stop2()
        {
                getPlayer('player2').stopMusic();
        }

</script>

Here's the working example: EXAMPLE