AJAX

RSS

populating text field in firefox not working

Please support our JavaScript / DHTML / AJAX advertiser: Programming Forums

•

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

(Toggle Plain Text)

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

that passes the the variable in a javascript function -

Help with Code Tags

(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>

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

(Toggle Plain Text)

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

any ideas?

thanks

•

Posts: 728

Reputation: essential is on a distinguished road

Solved Threads: 104

essential

Offline

Master Poster

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;

•

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!

•

Posts: 728

Reputation: essential is on a distinguished road

Solved Threads: 104

essential

Offline

Master Poster

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;

•

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.

•

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

(Toggle Plain Text)

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

lind AFTER the call to my display function!

•

Posts: 728

Reputation: essential is on a distinguished road

Solved Threads: 104

essential

Offline

Master Poster

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>

Thread Tools Display Modes

Quick Reply to Thread

•

Only community members can participate in forum threads. You must register or log in to contribute.

Other Threads in the JavaScript / DHTML / AJAX Forum

Previous Thread: Ajax script not working on firefox
Next Thread: how to access a folder using java script

•

Views: 1485 | Replies: 6 | Currently Viewing: 1 (0 members and 1 guests)

•

Thread Tools	Display Modes
Show Printable Version Email this Page	Linear Mode Switch to Hybrid Mode Switch to Threaded Mode