[RESOLVED] Undoing CSS with JS - HTML Forums

Sawtooth500 · 11-06-2009, 02:46 AM

So I have this annoying little customer survey box from bizrate.com that we need on the thank you page of our shopping cart - basically the code for it is just an external JS file we link to. Of course, bizrate, in their infinite wisdom, decided that they would dictate positioning. Using firebug, I found the following HTML code being written by javascript:

<div id="showimage" class="noprint" style="position: absolute; z-index: 9995; display: inline; width: 250px; left: 250px; top: 200px;">

I need to undo ALL the style elements of this div - I want to use javascript to make them blank, as if they were never set in the first place. So how do I "undo" them?

coothead · 11-06-2009, 03:55 AM

Hi there Sawtooth500,

try it like this example...

Code:


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

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<title></title>

<style type="text/css">
#showimage {
    font-family:'times new roman',serif;
    font-size:40px;
 }
</style>

<script type="text/javascript">
if(window.addEventListener){
   window.addEventListener('load',removeCSS,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',removeCSS);
  }
 }

function removeCSS(){
   obj=document.getElementById('showimage')
   obj.style.position='static';
   obj.style.display='block';
   obj.style.width=0;
 }
</script>

</head>
<body>

<div id="showimage" class="noprint" 
style="position: absolute; z-index: 9995; display: inline; width: 250px; left: 250px; top: 200px;">
Sawtooth500
</div>

</body>
</html>

Notice that setting position:static will automatically nullify the z-index:9995, top:200px and left:250px settings.

Sawtooth500 · 11-07-2009, 02:56 AM

Thanks coothead, once again you solved my problem!

coothead · 11-07-2009, 07:05 AM

No problem, you're very welcome.