JavaScript - Firefox Says: Error: Document.forms[0].c1 Is Not A Function

I'm working on my own site for layouts for sites like Myspace and Ning.
Myspace changed their layouts to no longer include CSS so I am working on a new way to post their layouts.

I used this same method to post all our other layouts.
For some reason this is not showing up in IE.

Firefox:


IE:


Interestingly enough, when I run the debugger in IE it loads when it is done.
If not I get the black hole effect above.

ERRORS:
Object required
Not implemented

Any help will be greatly appreciated!

Code:

bgImg = document.getElementById('bg').innerHTML;
tile = document.getElementById('bgtile').innerHTML;
att = document.getElementById('bgatt').innerHTML;
pos = document.getElementById('bgpos').innerHTML;
top = document.getElementById('mar').innerHTML;
ht = document.getElementById('marht').innerHTML;
alink = document.getElementById('sel').innerHTML;
col = document.getElementById('bgcol').innerHTML;
hed = document.getElementById('hdr').innerHTML;
bord = document.getElementById('bdr').innerHTML;
con = document.getElementById('ct').innerHTML;
div3 = document.getElementById('MS3css').innerHTML;


if (document.getElementById('bg')){
document.getElementById('bgimgEmpty').innerHTML='Background Image: <br /><textarea id="MS3" style="width:250px; height: 55px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" ><img src="'+bgImg+'"></textarea><br />';}
if (document.getElementById('bgtile')){
document.getElementById('bgtileEmpty').innerHTML='Background Tile: <br /><textarea id="MS3" style="width:250px; height: 25px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" >'+tile+'</textarea><br />';}
if (document.getElementById('bgatt')){
document.getElementById('bgattEmpty').innerHTML='Background Attachment: <br /><textarea id="MS3" style="width:250px; height: 25px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" >'+att+'</textarea><br />';}
if (document.getElementById('bgpos')){
document.getElementById('bgposEmpty').innerHTML='Background Position: <br /><textarea id="MS3" style="width: 250px; height: 25px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" >'+pos+'</textarea><br />';}
if (document.getElementById('mar')){
document.getElementById('marEmpty').innerHTML='Marquee: <br /><textarea id="MS3" style="width:250px; height: 55px; background: #999999; color: #000000; padding: 2px;"><a href="http://skemaholicsanonymous.com/"><img src="'+top+'"></a></textarea><br />';}
if (document.getElementById('marht')){
document.getElementById('marhtEmpty').innerHTML='Marquee Height: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" >'+ht+'</textarea><br />';}
if (document.getElementById('sel')){
document.getElementById('selEmpty').innerHTML='Selected: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" >'+alink+'</textarea><br />';}
if (document.getElementById('bgcol')){
document.getElementById('bgcolEmpty').innerHTML='Background Color: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" >'+col+'</textarea><br />';}
if (document.getElementById('hdr')){
document.getElementById('hdrEmpty').innerHTML='Header: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" >'+hed+'</textarea><br />';}
if (document.getElementById('bdr')){
document.getElementById('bdrEmpty').innerHTML='Borders: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" >'+bord+'</textarea><br />';}
if (document.getElementById('ct')){
document.getElementById('ctEmpty').innerHTML='Content: <br /><textarea id="MS3" style="width:60px; height: 25px; background: #999999; color: #000000; padding: 2px;"  onclick="select()" >'+con+'</textarea><br />';}

if (document.getElementById('MS3css')){
document.getElementById('code2Empty').innerHTML='<form id="genDone"action="http://blog.skemaholicsanonymous.com/MSPreview3/preview.php" method="post" rel="nofollow" target="_blank"><textarea id="codebox"  style="display: none;" name="genCode">'+div3+'</textarea><br /><input type="submit" value="Preview" id="prevLoad" /></form>';}

I'm new to JavaScript, just started an adult education class in it.

I wrote a simple script to view a list of document properties and their values.

This part works in Internet Explorer:

for (var prop in document){
p_prop = prop;
p_list[i] = p_prop + " : " + document[prop] + "<br />";

but doesn't in FireFox.

I was wondering how to get the value of a property in FireFox.

Thanks.

This is an example piece of code which I wish to add to an onkeydown event:

Code:

function keyListen(param1,param2,e) {
        
        // keycode for ie
        
        if(window.event) {
                e = window.event;
                var keycode = e.keyCode;
        }
        
        // keycode for firefox, safari and opera
        
        else {
                var keycode = e.which;
        }
        
        // if right arrow key was pressed execute a function
        
        if(keycode == '39') {
                someFunction(param1,param2);
        }
}

Then somewhere else in my code I dynamically add the function to an onkeydown event like so:

Code:

document.onkeydown = function() { keyListen(param1,param2,event) };

This works great in Internet Explorer, Opera, Safari and Google Chrome but not Firefox. Firefox keeps reporting that event is not defined, is there a way around this problem?

I have also tried this:

Code:

document.onkeydown = function() { keyListen(param1,param2) };

I excluded the event, but still the same outcome, works well in all browsers apart from Firefox. Please help me, thankyou.

New to this. This code works in IE but does not work in firefox. It just stays on the same page and does nothing. Please Help!

Code:

<table>
<CFFORM action="mypage.cfm METHOD="post" name="Login" rel="nofollow" target="_blank" id="go"> 
    
  
  <cfinput type="hidden" name="decrypted" value="#decrypted#">

  <tr>
        <td>
               <a  class="K" HREF="javascript:document.go.submit();">My Page</a>
        </td>
  </tr>
  
  <tr>
        <td >
                <table>
                          <tr>
                                <td>
                                       <a HREF="javascript:document.go.submit();"><img border="0" src="images/icon.PNG"  align="left" /></a> 
                                </td>
                          </tr>
                </table>
        </td>
   </tr>
   
</CFFORM>
</table>

Hi coders,

I have an .asp page on which you can change the background picture of a cell by simply selecting the desired color from a dropdown field.

When running the page in Firefox its Error console tells me the following:

Error: document.getElementById.bgtd is undefined
Source File: [localhost...]
Line: 29


Here is the code:


<select name=ADDITIONALINFO1 ID="Select1" onchange="changebg(document.forms[0].ADDITIONALINFO1[document.forms[0].ADDITIONALINFO1.selectedIndex].value)">
<option value="White"> White
<option value="Black"> Black
<option value="Blue"> Blue
</select>



And here is the changebg script:


function changebg(color){
if (color=="Black")
document.getElementById("bgtd").background = "img/bg-tshirt5.jpg";
else if (color=="Blue")
document.getElementById("bgtd").background = "img/bg-tshirt_bl.jpg";
else
document.getElementById("bgtd").background = "img/bg-tshirt2.jpg";

document.forms[0].bgimg.value = document.getElementById("bgtd").background;
}


Here is the table where the image is displayed as bachground:

<td width="353" background="img/bg-tshirt2.jpg" height="269" id="bgtd">
<p align="center"><font size="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>
&nbsp;&nbsp;&nbsp;
<img src="<%=imgSrc%>"></font></td>



Internet Explorer does not complain and does the job without any errors.
I Could not find out how to make it work also with Firefox.

Any comments are appreciated.

Hello,

I have WordPress installed in a directory of my website, and I'm using an iframe on the homepage to embed the blog. I'm using a javascript code that I found online to automatically resize the iframe based on the content inside of it. This is the code:

Code:

<script type="text/javascript">
function resizeIframe()
{
document.getElementById('blog').style.height =
document.getElementById
('blog').contentWindow.document.body.scrollHeight + 'px';
}
</script>

This works perfectly in Google Chrome. However, in Firefox I get this error in the console:

Code:

Error: Permission denied to access property 'document'
Source File: http://mysite.com/index1.html
Line: 24

I don't have any experience with javascript, but this makes no sense to me, because it should work since the iframe document is on the same domain and server as the parent page. The parent is "mysite.com/index1.html" and the iframe document is "mysite.com/blog/".

Why is Firefox complaining about this? It shouldn't violate the "same origin policy" that I have read about. Any help with getting this to work would be appreciated.

Hello codingforums! I'm new to javascript and have a problem regarding functions.

I've been trying to create a slideshow, and while testing different syntax etc. I'm getting stuck at why this works:

Code:

document.images.portrait.src = img2.src;

And not this:
Code:

function slideshow(){
document.images.portrait.src = img2.src;
}

Thanks for any help!

Hi All,

I have a problem in which I try to execute a funcition via a document.write() and it throws an "object expected" error.

Overall I am making an interface for MS ACCESS .mdb table via ADODB using JavaScript and I want to be able to click on a link and the id is used to delete that entry.

Code:
My function is:
Code:

function deleteRecord(del)
{
var adoConn = new ActiveXObject("ADODB.Connection");
var adoRS = new ActiveXObject("ADODB.Recordset");
adoConn.Open("Provider=Microsoft.Jet.OLEDB.4.0;Data Source = {path to }knowBA.mdb'");
adoRS.Open("Select * From know where ID="+ del, adoConn, 1, 3);
adoRS.Delete;
adoRS.Close();
adoConn.Close();
}

The code using the funcition is - oh and the numric KEY is rs(0) :

Code:

 if(!rs.bof) { 
        
         document.write("<table width='700' border='1' align='center' cellpadding='2' cellspacing='0' bgcolor='#FFFFFF'>");
     rs.MoveFirst()
      while(!rs.eof) {     

document.write("<tr><td><div align='center'><strong>"+rs(1)+"</strong></div>");  
document.write("<strong>Keyword(s):</strong> "+rs(3));
document.write("<br><strong>Entry:</strong> " +rs(2)+"&nbsp;&nbsp;");

 document.write("<A HREF='javascript:onClick=("+"eval(deleteRecord(" +rs(0)+"))"+")'>delete</A> "); 

document.write("</td></tr>");               
        cnt=cnt+1;
         rs.MoveNext()
      }

     document.write("</table></form>");
    }
if (cnt==0){      alert ("Sorry, there are no results on that search.");}
    rs.close()
    cn.Close(); 
      }
           
</script>

Thanks for any hints on how to accomplish this!

So i 've reviewed my work and can't see what i've done wrong.

here is the html
<code><html>
<head>
<title>Javascript Practic</title>
<script type="text/javascript" src="Practice.js">
</script>
</head>
<body>
write something here
<div id="here"> blue here</div>
</body>
</html></code>

and here is the javascript:
<code>

window.onload = tryInnerHTML;

function tryAlert(){
alert("just trying it out");

}

function tryInnerHTML(){
var p = document.createElement('p');
here = document.getElementById("here");
here.style.color = "blue";


p.innerHTML("<b>This is Dynamic</b>");

here.appendChild(p);
}
</code>

firebug is saying the error is p.createElement('p'); but for the life of me I can't guess why

any help would be very appreciative.

Hello Pros.
I am having a problem with getting id of the active element which calls function savePanelPosition(), as a result, I cannot get a new location of this element and pass it to my Page Method SaveCoords() All draggable panels are created dynamically in code-behind. Please, see the javascript code below. Any ideas/help are greatly appreciated

function pageLoad() {
var Max = "<%=qtyMax%>";
for (i = 0; i < Max; i++) {
$find('DragP' + i).add_move(savePanelPosition);
}
}


function savePanelPosition()
{
var elem = document.activeElement;
var loc = $common.getLocation(elem);
PageMethods.SaveCoords(elem, loc.x, loc.y);
/* there is a call to PageMethods.SaveCoords(), but elem = objectHTMLBodyElement, loc.x=0, loc.y =0 */
}

I am trying to add a green tick or red cross to my form so that the user will know if they have filled out the form correctly before submitting it and getting told that they need to fill out this or correct that.

I have added NAME to each form field and have been using this to read the content but for some reason I am unable to read what is in the field I get the error, 'undefined'.

this is what code I have started on...
Code:

function checkValidFormInput(id, noCheck) {
			if (noCheck == '') {
			var idValue = document.getElementsByName(id);
					if (id == 'customerName') {
						alert(id);
						alert(idValue.value);
						if (idValue != '') {
						document.getElementsByName(id + 'Img').innerHTML = '<img alt=/"/" src=/"/">';
						}
					}
					if (id == 'customerEmail') {
						if (idValue != '') {
						document.getElementsByName(id + 'Img').innerHTML = '<img alt=/"/" src=/"/">';
						}
					}
			}
	}

my code is still in the early stages and is missing the other parts to place a red cross, as the moment i am working on placing the green tick.

Can anyone spot what I have wrong in my code that is causing it not to read the form field.

my form field is coded as so..

Code:

<li class="value">
<input type="text" autocomplete="off" name="customerName" value="<?=$fullname;?>" style="width: 200px;" onChange="checkValidFormInput(this.name, '');">
<div style="float: left;" id="customerNameImg"></div><br style="clear:both">
</li>

Hi, i have this jquery script on my photo galery page, it detects left and right key down on keyboard and acts uppon key down.

Is there any way to deactivate it when I click on a text area that is located below each photo? this must be a common issue I think...

Textareas id="comment_"

Code:

<script type="text/javascript">
$(document).keydown(function(e){    
if (e.keyCode == 37) {  
window.location = "photo.php?phot=$prev_file_p&p_id=$prev_file"
            
return false;    
}
else if (e.keyCode == 39) {
window.location = "photo.php?phot=$next_file_n&p_id=$next_file"
            
return false;
}});
</script>

Without elaboration plz see my code:
Code:

<body>
<script>
var b="s";
</script>

<button target="_blank" onclick="window.open('http://......php?b="javascript:document.write(b);"&id=2&q=<?php print $_GET['q']; ?>','1','');return false;">xyz</button>
</body>

i don understand why this javascript:document.write(b); doesnt work in url...
i know its simple yet it make my hair out of my head. plz count it..

Hello to codingforums,
This is my beginning posting here as I am mostly reading, compiling and so..
There are multiple forms in the script generated page, that has to update via script url - and the problem is probably looping through form script
-so please help with this as only first form submit correctly while other pass value from 1st - need looping method or condition?
Code:

<SCRIPT language=Javascript>
function getMessage(hwm)
{	loc = './index.php?p=ordersBasket&sOption=add';
	jlc = document.getElementById('qty');
	jloc = document.getElementById('pid');
	nloc = loc+ '&iProduct='+jloc.value+ '&iQuantity='+jlc.value;
	self.location = nloc;
}
</SCRIPT>
<FORM id="123" name="123">
<input type="button" id="minus" value="-" onClick="qty.value = (qty.value-1)">
<input type="button" value="+" onClick="qty.value = (+qty.value+1)">
<input type="text" size="4" id="qty" name="name" value="3" />
<INPUT TYPE="text" id="pid" VALUE="123" />
<INPUT TYPE="button" value="order" onclick="getMessage(this)">
</FORM>
<FORM id="456" name="456">
<input type="button" id="minus" value="-" onClick="qty.value = (qty.value-1)">
<input type="button" value="+" onClick="qty.value = (+qty.value+1)">
<input type="text" size="4" id="qty" name="name" value="3" />
<INPUT TYPE="text" id="pid" VALUE="456" />
<INPUT TYPE="button" value="order" onclick="getMessage(this)">
</FORM>
<FORM id="789" name="789">
<input type="button" id="minus" value="-" onClick="qty.value = (qty.value-1)">
<input type="button" value="+" onClick="qty.value = (+qty.value+1)">
<input type="text" size="4" id="qty" name="name" value="3" />
<INPUT TYPE="text" id="pid" VALUE="789" />
<INPUT TYPE="button" value="order" onclick="getMessage(this)">
</FORM>

Hi,
New to JS. Have ordered some new books, but need to get somethings going in the mean time.
What I wanted to do is to link to a new page having a date range input in the form of 6 text boxes, 2 sets of mm-dd-yy, from and to, where the upon loading the page box 1 of the from would auto focus and then auto tab and then post where php could take over on the server side. Setting up the form and the lay out, no problem. Auto focusing went just like expected using the following code, included because on the next step everything fell apart.
[/CODE]
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
[/CODE]
So then the wheels came off and in response, began to simplify what was trying to be done to find where the issues were. As far as I can get working is:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
	document.getElementById("input1").focus();
	}
</script>
<script type="text/javascript" >
function myFunc() {
alert("is this working");
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc()" maxlength="2" value="type a No." />
</body>
</html>

First issue with this: When I first get to the page everything is just as ordered. The focus is on the text box and the default value is "type a No." When I press a key onkeyup, I bring up the alert box with "is this working" in it. But when I refresh the page with the refresh button, after clicking the "ok" on the alert box, the character that was typed in is still displayed. If I use the link to the page, or the URL from the address bar, then the page reloads properly with the default value, "type a No".
Question 1: How do you get the default textbox value using the refresh button as apposed to reloading the page using a link or from the address bar? Using Firefox 8.0

Second and more important at the moment: If I change the script to pass an argument to the function the script crashes. It does not pull up an alert box and freezes. My guess is that I'm doing something wrong on a concept level.
NOTE: changed the default value of the text box to " ". Looked like to me there was an issue with the size specification and the default string length as you could only enter in a key stroke by highlighting the text and replacing it
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
	document.getElementById("input1").focus();
	}
</script>
<script type="text/javascript" >
function myFunc(awe) {
alert(awe);
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc("123")" maxlength="2" value="" />
</body>
</html>

Question 2: can someone straighten me out with this?