i have a simple url -

<a href="javascript:displayWindow('Slice 2100 (Commercial)');">SLICE 2100 (Commercial)</a>

that passes the the variable in a javascript function -

<script language="javascript">
		    function displayWindow(url)
		    {
		        var w, h, l, t;
				var nc;
				
		        w = 600;
		        h = 409;
		        l = screen.width/4;
		        t = screen.height/4;
				
				nc = url;
				document.forms['SellSheet'].elements['sellitsheet'].value = nc;				
               
                // no title		        
		        // displayFloatingDiv('windowcontent', '', w, h, l, t);

                // with title		        
		        displayFloatingDiv('windowcontent', 'Floating and Dimming Div', w, h, l, t);				
			
		    }
		</script>

the function then prints our the variable in a text field but it doesn't show in firefox -

my text field

<input type="text" style="width: 292px" class="myTextBox" id="sellitsheet" />

any ideas?

thanks

Hope this would help you!

Instead of this one --> document.forms ['SellSheet'].elements['sellitsheet'].value = nc; Try doing it like this --> document.SellSheet.sellitsheet.value = nc;

thanks for the quick reply - but that doesn't work either. in fact, i originally had that string and changed it b/c i saw some post on the net saying firefox couldn't understand that type of syntax.

any other ideas?

thanks!

still nothing - it's weird b/c i'll put a document.write in the function and it reads the passed variable but nothing i do gets the text field to populate in firefox or safari.

never mind - got it to work - i had to put the

document.getElementsByTagName('form')['SellSheet'].elements['sellitsheet'].value = url;

lind AFTER the call to my display function!

This should do it!
If you still need anythin', just let me know. Good day...

<html>
<head>
<title><!--Sample--></title>
<style type="text/css">
<!--
a { text-decoration: none; }
form input { border: none; }
#screen 
{ position: fixed; 
  left: 10px; 
  top: 10px;
  text-align: center;
  font-weight: bold;
 
/* You may change the width and height if it is necessary. 
*/ 
  width: 200px; 
  height: 40px; 
  background-color: #C0C0C0;
  color: #A6A6A6;
}
-->
</style>
<script type="text/javascript">
<!--
function load()
{ thisLink = document.getElementById('link1');
  thisLink.addEventListener('click', function displayWindow() {
  container = document.sellSheet.sellitsheet;  screen = document.getElementsByTagName('div')[0];
  screen.id = 'screen'; screen.firstChild.nodeValue = thisLink.title;
container.value = thisLink.title;
}, false ); 
}
//-->
</script>
</head>
<body onload="load();">
<p align="center">
<div>&nbsp;</div><br /><br />
<a id="link1" href="#" alt="" title="SLICE 2100 (Commercial)">SLICE 2100 (Commercial)</a><br /> 
<form name="sellSheet" action="#" onsubmit="return false;">
<input type="text" name="sellitsheet" size="20" value="" />
</form>
</p>

</body> 
</html>
This article has been dead for over six months. Start a new discussion instead.