I have to live with a javascript gizmo on my pages. I've edited it's background color to better suit my html / css, but I'd really like to make the background transparent. I'm revising my html to use far fewer images, and more css, so I have to update the pages anyway. I've tried a number of ideas to replace the javascript color code which just turned the blackground black, also tried replacing the javascript code with "transparent", and the whole widget disappeared. The code for it looks like this:

<!-- There are two instances of the background color, 0x3d5549, that I'd like to present at perhaps 20% opacity. -->

<!--ASW--><!--version 1.0-->
<!--There are two instances of 0x3d5549 which are the portions of the image I want to go semi transparent-->
<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'>
<tr>
<td>
<SCRIPT LANGUAGE='JavaScript' type='text/javascript'>var itemNumber = window.ebayItemID ? window.ebayItemID : -1; function passpara(){return '&id=1719540&itembgcolor=0x05cce6&bordercolor=0x000006&storewindowbgcolor=0x3d5549&toptextcolor=0xe5b421&bottomtextcolor=0xe5b421&stripcolor=0x035f80&auctionclosemessagecolor=0x035f80&emptyboxmessagecolor=0x035f80&buttovercolor=0x035f80&buttoutcolor=0x035f80&searchtitlecolor=0xe5b421&searchbuttbgcolor=0xe5b421&searchbutttextcolor=0x3d5549&searchbuttbordercolor=0x3d5549&itemhighlightcolor=0x3d5549&navbuttonactivecolor=0x3d5549&navbuttonoutlinecolor=0xe5b421&navbuttoninactivebgcolor=0x3d5549&siteid=0&cat=-1&item=' + itemNumber + '&baseurl='+escape(location.href.substring(0, location.href.lastIndexOf('/') + 1));} </script>
<SCRIPT language='JavaScript' type='text/javascript'><!--
var flashVersion = window.flashVersion ? window.flashVersion : 0;
if (flashVersion <= 0)
{
var agent = navigator.userAgent.toLowerCase();
if (navigator.plugins != null && navigator.plugins.length > 0)
{
var flashPlugin = navigator.plugins['Shockwave Flash'];
if (typeof flashPlugin == 'object')
{
/*
need flash version 6 or higher (this code should work with future flash plugins.)
*/
if (flashPlugin.description.indexOf(' 5.') != -1)
flashVersion = 5;
else if (flashPlugin.description.indexOf(' 4.') != -1)
flashVersion = 4;
else if (flashPlugin.description.indexOf(' 3.') != -1)
flashVersion = 3;
else if (flashPlugin.description.indexOf(' 2.') != -1)
flashVersion = 2;
else if (flashPlugin.description.indexOf(' 1.') != -1)
flashVersion = 1;
else if (flashPlugin.description.indexOf(' 6.') != -1)
flashVersion = 6;
else if (flashPlugin.description.indexOf(' 7.') != -1)
flashVersion = 7;
else
flashVersion = 8;
}
}
else if (agent.indexOf('msie') != -1 && parseInt(navigator.appVersion) >= 4 && agent.indexOf('win')!=-1 && agent.indexOf('16bit')==-1)
{
if (window.sqHasFlash || typeof(window.andale_fv) != 'undefined')
{
if (window.sqHasFlash || andale_fv >= 6)
{
flashVersion = 6;
}
}
else
{
document.writeln('<scr' + 'ipt language="VBScript">');
document.writeln('on error resume next');
document.writeln('dim obFlash ');
document.writeln('set obFlash = CreateObject("ShockwaveFlash.ShockwaveFlash.7")');
document.writeln('if IsObject(obFlash) then ');
document.writeln('flashVersion = 7 ');
document.writeln('else set obFlash = CreateObject("ShockwaveFlash.ShockwaveFlash.6") end if ');
document.writeln('if flashVersion < 7 and IsObject(obFlash) then ');
document.writeln('flashVersion = 6 ');
document.writeln('else set obFlash = CreateObject("ShockwaveFlash.ShockwaveFlash.5") end if ');
document.writeln('if flashVersion < 6 and IsObject(obFlash) then ');
document.writeln('flashVersion = 5 ');
document.writeln('else set obFlash = CreateObject("ShockwaveFlash.ShockwaveFlash.4") end if ');
document.writeln('if flashVersion < 5 and IsObject(obFlash) then ');
document.writeln('flashVersion = 4 ');
document.writeln('else set obFlash = CreateObject("ShockwaveFlash.ShockwaveFlash.3") end if ');
document.writeln('if flashVersion < 4 and IsObject(obFlash) then ');
document.writeln('flashVersion = 3 ');
document.writeln('end if ');
document.writeln('</scr' + 'ipt>');
}
}
}
if (flashVersion >= 6)
{
document.writeln('<table align="center" valign="top" border="0" cellspacing="0" cellpadding="0">');document.writeln('<tr><td width="247"><tr><td align="right" valign="top">');document.writeln('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="875" HEIGHT="225" id="auctivastorewindow" ALIGN="middle">');document.writeln('<PARAM NAME=movie VALUE="http://asw.auctiva.com/StoreWindow_Carousel.swf">');document.writeln('<PARAM NAME=FlashVars VALUE="'+passpara()+'">');document.writeln('<PARAM NAME=quality VALUE=high>');
document.writeln('<PARAM NAME=wmode VALUE=transparent>');
document.writeln('<PARAM NAME=allowScriptAccess VALUE=always>');document.writeln('<EMBED src="http://asw.auctiva.com/StoreWindow_Carousel.swf" FlashVars="'+passpara()+'"quality=high ');document.writeln('wmode="transparent" WIDTH="875" HEIGHT="225" NAME="auctivastorewindow" ALIGN="middle"');document.writeln('TYPE="application/x-shockwave-flash"');document.writeln('PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">');document.writeln('</EMBED>');
document.writeln('</OBJECT>');
document.writeln('</td></tr></table>');
}
--></SCRIPT>
<NOSCRIPT><div style="text-align:center"><img src="http://ti2.auctiva.com/sw/java.gif" border="0"><br><table align="center"><tr><td><a style="text-decoration:none" href="http://emporium.auctiva.com/meadowcroftdyeworks" target="_blank"><img src="http://ti2.auctiva.com/sw/images.gif" border="0"></a></td><td height="27px" valign="middle" align="center"><font face="arial" size="2"><b><a href="http://emporium.auctiva.com/meadowcroftdyeworks" target="_blank">meadowcroftdyeworks</a> Store</b></font></td></tr></table></div></NOSCRIPT>
</td>
</tr>
</table>
<!--ASW-->

If you have any pointers or suggestions, I'd be much obliged. I know almost nothing about JavaScript, though I do have the Free JavaScript Editor.

Peace,

Dave

your best bet is to use F12 on the page after it's rendered, follow the DOM Tree, and find the class or id name of the object you want to affect, then attach your own CSS to make the changes you want. It looks like the params that are passed are expected params by the widget, and adding new params won't make a bit of difference - or may just break the widget.

It may not be possible, unless you can make the background disappear entirely, and make your own background to fit in the div.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.