AJAX

populating text field in firefox not working

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Sep 2008

Posts: 4

Reputation: mjag16 is an unknown quantity at this point

Solved Threads: 0

mjag16

Offline

Newbie Poster

populating text field in firefox not working

Sep 11th, 2008

i have a simple url -

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
 <a href="javascript:displayWindow('Slice 2100 (Commercial)');">SLICE 2100 (Commercial)</a>
 <a href="javascript<b></b>:displayWindow('Slice 2100 (Commercial)');">SLICE 2100 (Commercial)</a>

that passes the the variable in a javascript function -

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
				<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>
				<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

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
 <input type="text" style="width: 292px" class="myTextBox" id="sellitsheet" />
 <input type="text" style="width: 292px" class="myTextBox" id="sellitsheet" />

any ideas?

thanks

•

Join Date: Aug 2008

Posts: 954

Reputation: essential will become famous soon enough

Solved Threads: 131

essential

Offline

Posting Shark

Re: populating text field in firefox not working

Sep 11th, 2008

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;

•

Join Date: Sep 2008

Posts: 4

Reputation: mjag16 is an unknown quantity at this point

Solved Threads: 0

mjag16

Offline

Newbie Poster

Re: populating text field in firefox not working

Sep 12th, 2008

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!

•

Join Date: Aug 2008

Posts: 954

Reputation: essential will become famous soon enough

Solved Threads: 131

essential

Offline

Posting Shark

Re: populating text field in firefox not working

Sep 12th, 2008

This should work!
If not then try this reference guide @
http://developer.mozilla.org/en/The_DOM_and_JavaScript --

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

•

Join Date: Sep 2008

Posts: 4

Reputation: mjag16 is an unknown quantity at this point

Solved Threads: 0

mjag16

Offline

Newbie Poster

Re: populating text field in firefox not working

Sep 15th, 2008

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.

•

Join Date: Sep 2008

Posts: 4

Reputation: mjag16 is an unknown quantity at this point

Solved Threads: 0

mjag16

Offline

Newbie Poster

Re: populating text field in firefox not working

Sep 15th, 2008

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

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
 document.getElementsByTagName('form')['SellSheet'].elements['sellitsheet'].value = url;
 document.getElementsByTagName('form')['SellSheet'].elements['sellitsheet'].value = url;

lind AFTER the call to my display function!

•

Join Date: Aug 2008

Posts: 954

Reputation: essential will become famous soon enough

Solved Threads: 131

essential

Offline

Posting Shark

Re: populating text field in firefox not working

Sep 15th, 2008

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

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<html>
<head>
<title><!--Sample--></title>
<html>
<head>
<title><!--Sample--></title>

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
<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>
<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>

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<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>
<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>

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
</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>
</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>