JavaScript - No Errors, But No Output, Either

Hey guys, Working on a large project. Ive created a form that when an anchor is clicked it calls the following javascript. This code executes fine in FF and creates a new select box, input box, and delete anchor. When i attempt this code in IE 8, an error occurs. The error message below and referes to the lines in which i have used the newField array.
Code:

<script type="text/javascript">
var counter = 0;

function moreFields() {
	
		var newFields = document.getElementById('rowline').cloneNode(true);
	var insertHere = document.getElementById('inputgroup');
		var newField = newFields.childNodes;
		counter = document.getElementsByTagName('select').length;
		newField[2].name = 'item' + counter;
		counter = document.getElementsByTagName('input').length;
		newField[5].name = 'amount' + counter;
	newField[7].style.display = 'block';
	insertHere.parentNode.insertBefore(newFields,insertHere);
}
</script>

Error: Object doesn't support this property or method

Im guessing this refers to the attempt to use .name/.style . Does anyone know why this is the case or an alternative way to do this?

Thanks.

Matthew King

If you go to: http://www.five-nine.net/index2/index.html and click on "Go Ahead what ..... info@five-nine.net" And try to submit the form, it will work in every browser except IE6, IE7, & IE9, (I don't know why IE8 is so different than the rest but w/e)... However I don't see any errors on in the JavaScript.

Does anyone know why this would happen in just those three browsers?

Hi

I am doing validation on a form, but instead of throwing an alert on empty fields I want to highlight those fields indicating error. if all are empty, then i would like to show only 1 generalized error
message "Pls. fill the highlighted textboxes.".
how do i do this and thanks in advance.

i get this error when ever i try to process the form:

There was a SyntaxError: Unexpected token < error due to an parsererror condition.


Javacsipt/jquery:

$(document).ready(function(){

$("#slide").click(function(){
$("#inner-wrapper").slideToggle();
});

$('form #response').hide();
$('#submit').click(function(e){

e.preventDefault();

var valid = '';
var required = ' is required';
var name = $('form #name').val();
var email = $('form #email').val();
var fname = $('form #fname').val();
var femail = $('form #femail').val();
var message = $('form #message').val();
var honeypot = $('form #honeypot').val();
var humancheck = $('form #humancheck').val();

//Error checking


if (name == '' || name.length <=2) {
valid = '<p>Your name' + required + '</p>';
}

if (!email.match(/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/)) {
valid += '<p>Your email' + required + '</p>';
}

if (fname == '' || fname.length <=2) {
valid += '<p>Your friend\'s name' + required + '</p>';
}

if (!femail.match(/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/)) {
valid += '<p>Your friend\'s email' + required + '</p>';
}


if (message == '' || message.length <=5) {
valid += '<p>A message' + required + '</p>';
}

if (honeypot != 'http://') {
valid += '<p><center>Spambots are not allowed.</center></p>';
}

if (humancheck != '') {
valid += '<p><center>A human user' + required + '</center></p>';
}

if (valid != '') {
$('form #response').removeClass().addClass('error')
.html('<strong>Please correct the errors below.</strong>' + valid).fadeIn('2000');
}else {
$('form #response').removeClass().addClass('processing').html('<center>Working...</center>').fadeIn('2000');

var formData = $('form').serialize();
submitForm(formData);

}

});

});

function submitForm(formData) {
$.ajax({
type: 'POST',
url: 'emailfriend.php',
data: formData,
dataType: 'json',
cache: false,
timeout: 7000,
success: function(data) {
$('form #response').removeClass().addClass((data.error === true) ? 'error' : 'success')
.html(data.msg).fadeIn('fast');

if ($('form #response').hasClass('success')) {
setTimeout("$('form #response').fadeOut('slow')", 5000);
}
},

error: function(XMLHttpRequest, textStatus, errorThrown) {
$('form #response').removeClass().addClass('error')
.html('<p>There was a <strong>' + errorThrown +
'</strong> error due to an <strong>' + textStatus +
'</strong> condition.</p>').fadeIn('fast');
},
complete: function(XMLHttpRequest, status) {
$('form')[0].reset();
}

});
};

php file

PHP Code:
<?php
  error_reporting(E_ALL ^ E_NOTICE);
  
  sleep(3);
  
  $name = stripslashes($_POST[name]);
  $email = stripslashes($_POST[email]);
  $fname = stripslashes($_POST[fname]);
  $femail = stripslashes($_POST[femail]);
  $message = stripslashes($_POST[message]);
  $honeypot = $_POST[honeypot];
  $humancheck = $_POST[humancheck];
  
  if ($honeypot == 'http://' && empty($humancheck)) {
  
      $error_msg = '';
      $reg_exp = "/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/";
      
      if (!preg_match($reg_exp, $email)) {
         $error_msg .= "<p>A valid email is required</p>"; 
      }
      
        if (!preg_match($reg_exp, $femail)) {
         $error_msg .= "<p>A valid email is required</p>"; 
      }
      
      if (empty($name)) {
         $error_msg .= "<p/>Please provide your name</p>";
      }
      
      if (empty($fname)) {
         $error_msg .= "<p/>Please provide your name</p>";
      }
      
      if (empty($message)) {
          $error_msg .= "<p>A message is required.</p>";
      }
      
      if (!empty($error_msg)) {
         $return['error'] = true;
         $return['msg'] = "<h3>Oops! Looks like you missed a few fields.</h3>".$error_msg;
         echo json_encode($return);
         exit();
         
      }else {
        $return['error'] = false;
      
        $ref=@$HTTP_REFERER; 
        /////Message at the top of the page showing the url////
        $header_message = "Hi $fname \n Your friend $name requested you to visit this page at \n $ref \n";
        /// Body message prepared with the message entered by the user ////
        $body_message =$header_message."\n".$message."\n";
        // IP address of visitor is added to message, you can remove it if not required.//
        $body_message .="\n Sent from http://www.separatethescams.com";
        //// Mail posting part starts here /////////

        $headers="";
        //$headers = "Content-Type: text/html; charset=iso-8859-1\n".$headers; 
         // Un comment the above line to send mail in html format
        $headers4=$email;         // Change this to change from address
        $headers.="Reply-to: $headers4\n";
        $headers .= "From: $headers4\n"; 
        $headers .= "Errors-to: $headers4\n"; 

        $subject="$name visit this site!";

        mail($femail,$subject,$body_message,$headers);
      
         $return['msg'] = " <b><p><center>Thanks for spreading the word! :) " . "<font color='red'>" .$name .  "</font>" . " </p>" . "</b>" . "</center>";
         echo json_encode($return);
      }
      
  }else {
      $return['error'] = true;
      $return['msg'] = "<h3><center>0ops there was a problem submitting the data. Please try again!</center></h3>";
      echo json_encode($return);
  }

?>


html file

<html>
<head>
<link rel="stylesheet" href="ajaxform/form.css" type="text/css" media="screen"/>
</head>
<body>

<div id="wrapper">
<h3 id="slide">Email This Page To a Friend</h3>
<hr></hr>
<div id="inner-wrapper">

<form id="my_form" action="ajaxform/emailfriend.php" method="post">

<div id="response"><!--This will hold error message and response from server. --></div>
<div class="inputs">
<p>
<label>Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;</label>
<input name="name" type="text" placeholder="Your Name" class="required" id="name" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label>Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;</label>
<input name="email" type="text" placeholder="Your Email" class="required" id="email" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label>Friend's Name&nbsp;&nbsp;</label>
<input name="fname" type="text" placeholder="Friend's Name" class="required" id="fname" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label>Friend's Email&nbsp;&nbsp;</label>
<input name="femail" type="text" placeholder="Friend's Email" class="required" id="femail" size="30" />
</p>
</div>

<div class="inputs">
<p>
<label id="msg">Message&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
<textarea name="message" cols="24" rows="5"type="text" placeholder="Message To Friend" class="required" id="message"></textarea>
</p>
</div>

<div class="button">
<input name="submit" type="submit" id="submit" value="EMAIL PAGE" />
</div>

<div class="inputs">
<input type="hidden" name="honeypot" id="honeypot" value="http://" />
<input type="hidden" name="humancheck" id="humancheck" class="clear" value="" />
</div>

</form>
</div> <!-- inner-wrapper end -->
</div>

<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="ajaxform/ajax_submit.js"></script>
</body>
</html>

On the 'Edit Profile' page of my eCommerce Wordpress Theme (http://www.projectdisobey.com/disobeyclothing), no error message appears when I do any of the following in the ''New Password' and 'Confirm New Password' text fields:

1. 'New Password' and 'Confirm New Password' do not match.
2. 'Confirm New Password' field is left empty.
3. New password is less than 5 characters.
4. New password is exactly the same as the current password.

This is the script:

Code:

<script language="javascript" type="application/javascript">
function chk_form_pw()
{
if(document.getElementById('new_passwd').value == '')
{
alert("<?php _e(ENTER_NW_PW_JS_MSG) ?>");
document.getElementById('new_passwd').focus();
return false;
}
if(document.getElementById('new_passwd').value.length &lt; 4 )
{
alert("<?php _e(ENTER_NW_PW_MIN_JS_MSG) ?>");
document.getElementById('new_passwd').focus();
return false;
}
if(document.getElementById('cnew_passwd').value == '')
{
alert("<?php _e(ENTER_CONFIRMNW_PW_JS_MSG) ?>");
document.getElementById('cnew_passwd').focus();
return false;
}
if(document.getElementById('cnew_passwd').value.length &lt; 4 )
{
alert("<?php _e(ENTER_CONFIRMNW_PW_MIN_JS_MSG) ?>");
document.getElementById('cnew_passwd').focus();
return false;
}
if(document.getElementById('new_passwd').value != document.getElementById('cnew_passwd').value)
{
alert("<?php _e(ENTER_NW_AND_CONFIRM_PW_SAME_JS_MSG) ?>");
document.getElementById('cnew_passwd').focus();
return false;
}
}
</script>

I'd be extremely appreciative if anybody could help me fix the script so that it works as it is meant to. Javascript is not something I'm particularly familiar with...

Thanks in advance!

Good morning,

This is my first post here and if it is in the wrong forum I do apologise. I am looking for help with a navigation element on which my page titles have outgrown the existing navigation. I have considered reducing page titles but know this would only be a short term solution.

My web pages can be accessed http://www.eskside.co.uk/ss_rohilla/index.htm here as can my array http://www.eskside.co.uk/ss_rohilla/array.js and menu http://www.eskside.co.uk/ss_rohilla/menu.js

I must admit that JS is somewhat complex to me and the basic design was created a long time before we moved and lost contact with friends. If you could assist me I would be most grateful.

Colin

I have a loop that originally printed out a day, in a table, that linked to a new page.
Code:

out.println("<th height=100><a href=eventPage.jsp?month="+(n+1)+"&day="+d+">" + d + "</a>");

This works fine but now I want to instead have it be a link a page thats a pop up. The code I have now is as follows

Code:

out.println("<th height=100><a href="eventPage.jsp?month="+(n+1)+"&day="+d"" onclick="popUp(this.href);return false"> + d + "</a>">);

and

Code:

<script type="text/javascript">
	function popUp(URL) {
	<!--
		window.open(URL,'width=300,height=300');
	//-->
	}
</script>

I can not seem to find where I am going wrong. Any help would be appreciated.

****ING FORUM PIECE OF ****, just wrote a whole post about my error and got taken to login when I clicked submit and the post is gone now, great, thanks for caching the tags and the title, really needed those...................flsdkjflsdkfjsd

Hello, I am having trouble with a javascript length converter that I got from
http://www.javascriptkit.com/script/...onverter.shtml

It is working fine in dreamweaver, but when it goes live on my site, the calculations do nothing. I can see everything in the drop down menus, but when i click the "to" button, nothing happens. I got the following errors from chrome when activating any of the calculation functions. I'm wondering if anyone here can help me decipher these


1. Uncaught TypeError: Cannot read property 'from_unit' of undefined
1. convert_unitDefault.aspx:459
2. (anonymous function)Default.aspx:482
3. onchangeDefault.aspx:483

1. Default.aspx:459Uncaught TypeError: Cannot read property 'from_unit' of undefined
1. convert_unitDefault.aspx:459
2. (anonymous function)Default.aspx:496
3. onchangeDefault.aspx:497

1. Default.aspx:459Uncaught TypeError: Cannot read property 'from_unit' of undefined
1. convert_unitDefault.aspx:459
2. (anonymous function)Default.aspx:516
3. onclickDefault.aspx:517

Do you log JavaScript errors on your live website?
The actual errors that users experience?

If you do, what tool do you use? And how is it woring out?
If you don''t why not?

I'm working with greasymonkey scripts. Firefox JS console would always display GM script errors, but all of the sudden it stopped doing that. Script just won't load and no errors are displayed. I didn't touch any settings, yesterday they were showing fine, today none are displayed. Would appreciate any help.

Here I am again.
In Internet Explorer 7, running on Windows Vista I am testing a project.
I get an error message when the page loads to the effect:
line 31
char 29
error: object does not support this property or method
code 0
This is a one page site and this message comes up on every page load.
So I have a good idea what it is complaining about.
But in I.E., how do I determine 'line 29'? Where does it start counting,
and what type of lines would it skip?
I.E. loads source into notepad and notepad does not number the lines.
Further, the lines in the source are formatted unix style ("\n" line feed endings
instead of line feed/carriage return: as in Windows). Long lines are wrapped,
so it is unclear where one line ends and the next starts.
Are there any good web dev tools for I.E.(preferreably open source)?

Thank you;
JK

<script type="text/javascript">

Code:

function switch1(div) {
if (document.getElementById('one')) {
var option=['one','two','three','four','five','six','seven','eight','nine','ten','eleven','twelve'];
for(var i=0; i<option.length; i++)
{ obj=document.getElementById(option[i]);
obj.style.display=(option[i]==div)? "block" : "none"; }}}//
function switchImg(i){document.images["wine"].src = i;}

</script>

used in this page

seems to object to option.length

Frank.

Hello everyone, i hope your good.

I decided when redesigning my website that i would try and build nearly everything in it by hand, which included a nice Javascript slideshow.

While coding it (coded on Windows 7 and Vista) I ensured i checked it compatability with Firefox, IE, Chrome and Safari. From what i could tell everything was working good (except for some endless looping problems but lets ignore that for now). It even worked on the iPhone browser.

But i sent it to a friend to test and they said nothing was working, after some discussion i descovered they were using IE7 (i was testing in IE8).

From what i can see, IE7 has some problems with nested .appendChild and general document handling. I had tried to do my best keeping to using objects in javascript and now just writing HTML, and on one side it worked as it works on most browsers, but not IE7.

The page it can be tested on it:
http://xvolt.x-volt.com/downloads/view.php?id=3

And the code itself is:
http://xvolt.x-volt.com/js/slideshow.js

The code is nearly all based in a class, but i kept finding problems so there are a few functions found outside the class.

The area where most things go wrong is in the function:

this.goToImage = function (image) {


As this is used to generate the floating div above all the content. This function also uses IMG objects which are hidden until the image has loaded (instead showing a nice please wait logo) and then once loaded it appears. I have tried using .innerHTML to get around the append child problems but the images dont seem to work the same as just passing object around.

If anyone has any tips to get around this would be awesome as this little self project has seemed to become harder then i thought!

Thanks

Simon