Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 2110

Sep 11th, 2008

populating text field in firefox not working

Expand Post »

i have a simple url -

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 -

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

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

mjag16

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

4 posts
since Sep 2008

Permalink

Sep 11th, 2008

Re: populating text field in firefox not working

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;

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Sep 12th, 2008

Re: populating text field in firefox not working

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!

mjag16

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

4 posts
since Sep 2008

Permalink

Sep 12th, 2008

Re: populating text field in firefox not working

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;

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Sep 15th, 2008

Re: populating text field in firefox not working

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.

mjag16

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

4 posts
since Sep 2008

Permalink

Sep 15th, 2008

Re: populating text field in firefox not working

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

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!

mjag16

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

4 posts
since Sep 2008

Permalink

Sep 15th, 2008

Re: populating text field in firefox not working

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

html Syntax (Toggle Plain Text)
<html>
<head>
<title><!--Sample--></title>
<html>
<head>
<title><!--Sample--></title>

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>

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>

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>

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Ajax script not working on firefox

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: how to access a folder using java script

DaniWeb Message

Cancel Changes

User Name
Password