JavaScript - Noobslide Gallery Broken During Transfer

Basically I have comments posted on articles and I want to allow users to report them if they find inappropriate content. I want them to be able to click on icon on the comment which will open up a pop-up. Then in the pop-up they can type why they are reporting the comment.

Code:

 <script type="text/javascript">
function popup() {
Report = window.open('/report.php','Report','width=350, height=400');
document.reportform.submit();
}
</script>

        <form action="/report.php" name="reportform" method="post" target="Report">
        <input type="hidden" name="reporter_id" value = "<?php echo $user_id; ?>" />
        <input type="hidden" name="reported_id" value="<?php echo $row['uid'] ?>"  />
        <input type="hidden" name="comment_id" value="<?php echo $row['id'] ?>"  />
     	<a href="#" name="reportform" class="submit" onclick="return popup();"> Report</a></form>

I've been messing with this code for a while now. This code successfully brings up the pop-up, but it doesn't transfer the form data. My main coding language is PHP, and I'm in the process of learning Javascript. Can anyone help?

Hi,

I have a rather complicated problem for me as it involves both php and js. And I'm getting lost... Let me explain:

On a page, order.html, I have a form including the following fields:
- name
- email
- comment

When posted, it is linked to request.php and request.validation.js, to end up on confirmation.php.

On confirmation.php, I would like to reuse the information entered in the fields on order.php (name, email, comment) to display them on the page.

My issue I can't find how to 'take them along' in request.php / request.validation.js to confirmation.php where I'm trying to display them with :
Code:

Contact:  <span id="name"><?php echo($_POST['name']); ?></span>

etc.


For reference, here are my files request.php and request.validation.js:

PHP Code:
<?php

// CONFIGURATION --------------------------------------------------------------

// This is the email where the contact mails will be sent to.
$config['recipient'] = 'mail@mail.com';

// This is the subject line for contact emails.
// The variable %name% will be replaced with the reference ordered.
$config['subject'] = 'Website enquiry from %name%';

// These are the messages displayed in case of form errors.
$config['errors'] = array
(
    'no_name'       => 'Veuillez entrer votre nom.',
    'no_email'      => 'Votre adresse email est requise.',
    'invalid_email' => 'Votre adresse email n est pas valide.',
    
);

// END OF CONFIGURATION -------------------------------------------------------


// Ignore non-POST requests
if ( ! $_POST)
    exit('Nothing to see here. Please go back to the site.');

// Was this an AJAX request or not?
$ajax = (isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest');

// Set the correct HTTP headers
header('Content-Type: text/'.($ajax ? 'plain' : 'html').'; charset=utf-8');

// Extract and trim contactform values
$name    = isset($_POST['name']) ? trim($_POST['name']) : '';
$email   = isset($_POST['email']) ? trim($_POST['email']) : '';
$comment = isset($_POST['comment']) ? trim($_POST['comment']) : '';

// Take care of magic quotes if needed (you really should have them disabled)
set_magic_quotes_runtime(0);
if (get_magic_quotes_gpc())
{
    $name    = stripslashes($name);
    $email   = stripslashes($email);
    $comment = stripslashes($comment);
}

// Initialize the errors array which will also be sent back as a JSON object
$errors = NULL;

// Validate name
if ($name == '' || strpos($name, "\r") || strpos($name, "\n"))
{
    $errors['name'] = $config['errors']['no_name'];
}

// Validate email
if ($email == '')
{
    $errors['email'] = $config['errors']['no_email'];
}
elseif ( ! preg_match('/^[-_a-z0-9\'+*$^&%=~!?{}]++(?:\.[-_a-z0-9\'+*$^&%=~!?{}]+)*+@(?:(?![-.])[-a-z0-9.]+(?<![-.])\.[a-z]{2,6}|\d{1,3}(?:\.\d{1,3}){3})(?::\d++)?$/iD', $email))
{
    $errors['email'] = $config['errors']['invalid_email'];
}

// Validation succeeded
if (empty($errors))
{
    // Prepare subject line
    $subject = str_replace('%name%', $name, $config['subject']);
    
    // Set date
    $todayis = date("l, F j, Y") ;
    
    // Prepare message
    $message = "Date: $todayis
Nom: $name
email: $email
Commentai  $comment";

    // Additional mail headers
    $headers  = 'Content-Type: text/plain; charset=utf-8'."\r\n";
    $headers .= 'From: '.$email;

    // Send the mail
    if ( ! mail($config['recipient'], $subject, $message, $headers))
    {
        $errors['server'] = 'Server problem';
    }
}

if ($ajax)
{
    // Output the possible errors as a JSON object
    echo json_encode($errors);
}
else
{
    // Show a simple HTML feedback message in case of non-javascript support
    if (empty($errors))
    {
        header('Location: ../steps/confirmation.php');
    }
    else
    {
        echo '<h2>Oups!</h2>';
        echo '<ul><li>';
        echo implode('</li><li>', $errors);
        echo '</li></ul>';
        echo '<br><br><a href="javascript:history.back(-1);">Retour</a>';
    }
}


Code:

/*
 * 	Request Form Validation v1.0
 *	By Simon Bouchard <www.simonbouchard.com>
 *	You need at least PHP v5.2.x with JSON support for the live validation to work.
 */

jQuery(document).ready(function(){  

	jQuery('#requestform').submit(function() {

		// Disable the submit button
		jQuery('#requestform input[type=submit]')
			.attr('value', 'Send...')
			.attr('disabled', 'disabled');

		// AJAX POST request
		jQuery.post(
			jQuery(this).attr('action'),
			{
				name:jQuery('#name').val(),
				email:jQuery('#email').val(),
				comment:jQuery('#comment').val(),
			},
			function(errors) {
				// No errors
				if (errors == null) {
					document.location.href="confirmation.php";
				}

				// Errors
				else {
					// Re-enable the submit button
					jQuery('#requestform input[type=submit]')
						.removeAttr('disabled')
						.attr('value', 'Envoyer');

					// Technical server problem, the email could not be sent
					if (errors.server != null) {
						alert(errors.server);
						return false;
					}

					// Empty the errorbox and reset the error alerts
					jQuery('#requestform .errorbox').html('<ul></ul>').show();
					jQuery('#requestform li').removeClass('alert');

					// Loop over the errors, mark the corresponding input fields,
					// and add the error messages to the errorbox.
					for (field in errors) {
						if (errors[field] != null) {
							jQuery('#' + field).parent('li').addClass('alert');
							jQuery('#requestform .errorbox ul').append('<li>' + errors[field] + '</li>');
						}
					}
				}
			},
			'json'
		);

		// Prevent non-AJAX form submission
		return false;
	});

});

Thanks for your help.
M.

I am trying to transfer the variables of the form (username & password )in the html page to the process.php page which are both given below. However I am not able to read those values from the process.php page. Can anyone please let me know what is going wrong here? Thanks in advance and appreciate your help.

HTML Page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript" type="text/javascript">
function xor_str()
{
var username_val = document.forms['the_form'].elements["username"].value;
var password_val = document.forms['the_form'].elements["password"].value;
var xor_key='1234';
var username_res="";
var password_res=""
for(i=0;i<username_val.length;++i)
{
username_res+=String.fromCharCode(xor_key^username_val.charCodeAt(i));
}
for(i=0;i<password_val.length;++i)
{
password_res+=String.fromCharCode(xor_key^password_val.charCodeAt(i));
}
// XOR is done

//shifting the username_res to the left by 1 bit
//username_res = username_res << 1;
//shifting the password_res to the left by 1 bit
//password_res = password_res << 1;

//setting the xor'ed and shifted value for submission
document.forms['the_form'].elements["username"].value = username_res;
document.forms['the_form'].elements["password"].value = password_res;
//alert("UserName: " + username_res);
//alert("Password: "+ password_res);
the_form.submit(); // is this step right?


}
</script>
</head>

<body>
<form name="the_form" action="process.php" method="post">
<table>
<tr><td colspan="3">Username:<input type="text" name="username"></td></tr>
<tr><td>Password: <input type="text" name="password"></td><td colspan="2"><input type="button" onClick="xor_str()" value="Submit"></td></tr>
</table>
</form>
</body>s

</html>






Process.php page


<html><body>
<?php
$username = $_POST['username'];
$password = $_POST['password'];

echo "You ordered ". $username . " " . $password . ".<br />";
echo "Thank you ";

?>
</body></html>

I have this code to prompt for text input and then I want to run script.sh:

Code:

 <script type="text/javascript">
function runscript()
{
var x=prompt("Enter text:");
//this is where I'm lost
var xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","/cgi-bin/script.sh");
xmlhttp.send()
}
</script>

Is it possible to substitute x above as the value for $txt in script.sh which looks like this below and how please?

Code:

 #!/bin/bash

echo "Content-type: text/html"
echo ""

<some xmlrpc command> "add text $txt"

Hi Folks,

I'm trying to figure out a script to transfer selected checkbox information to another page. I'm making a needs list for a non-profit group and the list is "huge" so I thought it would be nice to have something where the viewer could have a list of the items they checked to donate instead of printing out or transmitting the six pages for the entire list.

I found a script in the archives from 10/2002 that "Adios" wrote in reply to an inquiry. It is real close to what I want but it involves transfering graphics instead of the text information from the checkbox. I've been working on it for several days but cannot get it to work. Here's Adios' script:

<html>
<head>
<title>untitled</title>
<script type="text/javascript" language="javascript">

var lefty = righty = null;

function pop_twins() {
lefty = open('lefty.htm','lefty','left=0,top=0,width='+screen.availWidth/2+',height='+screen.availHeight+',status=0');
righty = open('righty.htm','righty','left='+screen.availWidth/2+',top=0,width='+screen.availWidth/2+',height='+screen.availHeight+',status=0');
lefty.focus(); righty.focus();
}

</script>
</head>
<body>
<a href="javascript:void pop_twins()">pop 'em</a>
</body>
</html>

[lefty.htm]

<html>
<head>
<title>The Source</title>
<base href="http://aabode.com/victoria/images/">
<script type="text/javascript" language="javascript">

var path = 'http://aabode.com/victoria/images/';

function addIMG() {
var HTML = '', img, box_arr = document.addform.ImgAdd, which = 0;
HTML += '<html><head><title>The Destination</title></head><body>';
HTML += '<h1>&amp;#149; The Destination &amp;#149;</h1>';
while (box = box_arr[which++]) if (box.checked)
HTML += '<img vspace="5" border="1" src="' + path + box.value + '"><br>';
HTML += '</body></html>';
if (opener.righty) {
opener.righty.document.write(HTML);
opener.righty.document.close();
}
}

</script>
</head>
<body>
<h1>&amp;#149; The Source &amp;#149;</h1>
<form name="addform">
<input type="checkbox" name="ImgAdd" value="apple.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="apple.jpg"><br>
<input type="checkbox" name="ImgAdd" value="strawberry.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="strawberry.jpg"><br>
<input type="checkbox" name="ImgAdd" value="pumpkin.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="pumpkin.jpg"><br>
<input type="checkbox" name="ImgAdd" value="lettuce.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="lettuce.jpg"><br>
<input type="checkbox" name="ImgAdd" value="raspberries.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="raspberries.jpg"><br>
<input type="checkbox" name="ImgAdd" value="tomatoes.jpg" onclick="addIMG()">
<img align="middle" vspace="5" border="1" src="tomatoes.jpg">
</form>
</body>
</html>

[righty.htm]

<html>
<head>
<title>The Destination</title>
<body>
<h1>&amp;#149; The Destination &amp;#149;</h1>
</body>
</html>


I would like to also include a print function and submit. The print feature is not a big issue as the viewer can print from the browser but I thought it would make the transferred information page a bit more snazzy and they will have a record of thier selections. On the submit I don't have a URL setup yet but if you could put something like "URL HERE" in the script placement I can change it when they get up and going.

Thanks in advance for your help, and thanks for taking the time to read all this.

Code:

<body>
<center>
<script type="text/javascript">

var imageSrc = ['<img www.mysite.com/subfolder/001.jpg></img>','002.jpg','003.jpg',
'004.jpg','005.jpg','006.jpg'];
var imageSrc2 = [];;

function copyRandom(){
if (0 == imageSrc2.length) {
imageSrc2 = imageSrc.concat();
}
var randNum = (Math.random()*imageSrc2.length) | 0;
return imageSrc2.splice(randNum, 1);
}
</script>

<!-- <button
onclick="document.getElementById('xx').innerHTML = (copyRandom());"> -->
<button
onclick="document.getElementById('xx').innerHTML = (copyRandom());">
Draw A Card
</button>
<div id="xx"></div>
<!-- <div id="xx"></div> -->

</center>
</body>

Why are my images broken in this script? Specifically "<img www.mysite.com/subfolder/001.jpg></img>" as the rest are just placeholders until I solve the first one.

I've got a style control for my website where the user can select text color and background color. Cookies then remember the selections.

The problem I have is when you select a text color the background color is changed instead of the text color.

After page refresh both the text and background colors are correct.

The error console reports a few errors in each js script. The errors all say 'sel is undefined' on line 7.

html:
Code:

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Style Control</title>
</head>
<body>


<p><b>Style Control</b></p>

<p>Text color: (Broke - Sets bg color insted, works after page refresh)</p>

<form onsubmit="return false;" action="">
	<script type="text/javascript" language="JavaScript" src="text_color.js"></script>
	<select name="color_select1" size="1" onchange="return setColor(this, global_name1)">
		<option style="background-color: white;" value="white">white</option>
		<option style="background-color: black; color: white;" value="black">black</option>
		<option style="background-color: seagreen;" value="seagreen">seagreen</option>
		<option style="background-color: springgreen;" value="springgreen">springgreen</option>
		<option style="background-color: royalblue;" value="royalblue">royalblue</option>
		<option style="background-color: skyblue;" value="skyblue">skyblue</option>
	</select>
</form>

<br /><br />

<p>Background color:</p>

<form onsubmit="return false;" action="">
	<script type="text/javascript" language="JavaScript" src="bg_color.js"></script>
	<select name="color_select2" size="1" onchange="return setColor(this, global_name2)">
		<option style="background-color: white;" value="white">white</option>
		<option style="background-color: black; color: white;" value="black">black</option>
		<option style="background-color: seagreen;" value="seagreen">seagreen</option>
		<option style="background-color: springgreen;" value="springgreen">springgreen</option>
		<option style="background-color: royalblue;" value="royalblue">royalblue</option>
		<option style="background-color: skyblue;" value="skyblue">skyblue</option>
	</select> 
</form>
		
		
</body>
</html>
		
	</body>
</html>

text_color.js :
Code:

var global_name1 = 'tcolor';
//
function getColor(sel, cookie_name) {
	var cookie_value = getCookie(cookie_name);
	if (!cookie_value) cookie_value = 'black';
	document.body.style.color = cookie_value;
	var opt = sel.options;
	var x, len = sel.length;
	for (x=0; x<len; x++) {
		if (opt[x].value == cookie_value) {
		opt[x].selected = true;
		break;
		}
	}
	return true;
}
getColor(document.forms[0].color_select1, global_name1);
//
function setColor(sel, cookie_name) {
	var opt = sel.options[sel.selectedIndex].value;
	var oneDay = 24 * 60 * 60 * 1000;
	var oneYear = 365 * oneDay;
	var expDate = new Date();
	expDate.setTime(expDate.getTime() + oneYear);
	setCookie(cookie_name, opt, expDate);
	return getColor(sel, cookie_name);
}
					
// ---------------------------------------- //
					
function getCookie(name) {
	var arg = name + "=";
	var alen = arg.length;
	var clen = document.cookie.length;
	var i = 0;
	while (i < clen) {
	var j = i + alen;
	if (document.cookie.substring(i, j) == arg)
		return getCookieVal (j);
	i = document.cookie.indexOf(" ", i) + 1;
	if (i == 0) break;
	}
	return null;
}
function getCookieVal(offset) {
	var endstr = document.cookie.indexOf (";", offset);
	if (endstr == -1)
		endstr = document.cookie.length;
	return unescape(document.cookie.substring(offset, endstr));
}
function setCookie(name, value) {
	var argv = setCookie.arguments;
	var argc = setCookie.arguments.length;
	var expires = (argc > 2) ? argv[2] : null;
	var path = (argc > 3) ? argv[3] : null;
	var domain = (argc > 4) ? argv[4] : null;
	var secure = (argc > 5) ? argv[5] : false;
	document.cookie = name + "=" + escape (value) + 
		((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
		((path == null) ? "" : ("; path=" + path)) +  
		((domain == null) ? "" : ("; domain=" + domain)) +    
		((secure == true) ? "; secure" : "");
}
function delCookie(name) {
	exp = new Date();
	exp.setTime(exp.getTime() - (24*60*60*1000));
	var cval = getCookie(name);
	cval = (cval == null) ? "" : cval;
	document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

bg_color.js :
Code:

var global_name2 = 'bgcolor';
//
function getColor(sel, cookie_name) {
	var cookie_value = getCookie(cookie_name);
	if (!cookie_value) cookie_value = 'white';
	document.body.style.backgroundColor = cookie_value;
	var opt = sel.options;
	var x, len = sel.length;
	for (x=0; x<len; x++) {
		if (opt[x].value == cookie_value) {
		opt[x].selected = true;
		break;
		}
	}
	return true;
}
getColor(document.forms[0].color_select2, global_name2);
//
function setColor(sel, cookie_name) {
	var opt = sel.options[sel.selectedIndex].value;
	var oneDay = 24 * 60 * 60 * 1000;
	var oneYear = 365 * oneDay;
	var expDate = new Date();
	expDate.setTime(expDate.getTime() + oneYear);
	setCookie(cookie_name, opt, expDate);
	return getColor(sel, cookie_name);
}
	
// ---------------------------------------- //

function getCookie(name) {
	var arg = name + "=";
	var alen = arg.length;
	var clen = document.cookie.length;
	var i = 0;
	while (i < clen) {
	var j = i + alen;
	if (document.cookie.substring(i, j) == arg)
		return getCookieVal (j);
	i = document.cookie.indexOf(" ", i) + 1;
	if (i == 0) break;
	}
	return null;
}
function getCookieVal(offset) {
	var endstr = document.cookie.indexOf (";", offset);
	if (endstr == -1)
		endstr = document.cookie.length;
	return unescape(document.cookie.substring(offset, endstr));
}
function setCookie(name, value) {
	var argv = setCookie.arguments;
	var argc = setCookie.arguments.length;
	var expires = (argc > 2) ? argv[2] : null;
	var path = (argc > 3) ? argv[3] : null;
	var domain = (argc > 4) ? argv[4] : null;
	var secure = (argc > 5) ? argv[5] : false;
	document.cookie = name + "=" + escape (value) + 
		((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
		((path == null) ? "" : ("; path=" + path)) +  
		((domain == null) ? "" : ("; domain=" + domain)) +    
		((secure == true) ? "; secure" : "");
}
function delCookie(name) {
	exp = new Date();
	exp.setTime(exp.getTime() - (24*60*60*1000));
	var cval = getCookie(name);
	cval = (cval == null) ? "" : cval;
	document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

Many thanks for any help.

The latest version of MSIE fails to read the value of a popup menu in a form that I have. It worked fine in a previous version, and works in Firefox and Mac Safari. Here is an edited version of what I have:
Code:

var d = null;

function myTest(){
  alert("mWunits value = ".concat(d.mWunits.value))
}
.
.
.
<body onload="d = document.forms[0];">
.
.
.
<form onsubmit="return false" >
  <table  align="center" border="0">
    <tbody>
      <tr>
        <td align="right">Conductor Size (d):</td>
        <td><input name="ef_dw" size="12"> </td>
        <td align="left">
          <select name="mWunits" size="1">
           <option selected="selected">mm</option>
           <option>AWG</option>
          </select>
        </td>
      </tr>
.
.
.

The popup name is mWunits, and should have either "AWG" or "mm" as a value. And the function myTest() should display that value. However the value is an empty string. There is another popup in the same form, and it exhibits the same problem. My script reads the values of regular input fields just fine. As I said, this used to work under earlier MSIE versions, and works in other browsers. Has something been deprecated that I don't know about?

I have been modifying this form:
http://www.kartaway.com.au/form.html
to be part of an iPhone optimized site for the same client.

The modified form works, however it no longer stops emails being sent that do not have the required fields filled in.
The modified form is he
http://marketingandbranding.com.au/itest/icontact.html

The original is built using a table which I have removed and replaced with divs. Didn't think I'd left anything out which would matter but I guess I must have.

Please help, i don't really know any JavaScript except what I copy and paste.

A common javascript function that capitalizes input as user types (onkeypress) no longer works as of IE9. Need a function that also works in IE 9 that doesn't not change method call or interface (as it's used in 150 places throughout application).


CALL:
[CODE]
el.onkeypress = function(el) {
return c_capitalizeInput(el);
}
[CODE]
FUNCTION:
[CODE]
// Intercepts keyboard input and capitalizes keystrokes.
// Call with onkeypress="return capitalizeInput(event);"
// Compatible with both IE and Netscape/Mozilla
function c_capitalizeInput(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (window.event) {
// IE
if ((evt.keyCode >= 97) && (evt.keyCode <= 122)) {
evt.keyCode = evt.keyCode - 32;
}
return true;
} else if (evt.which) {
// Netscape and Mozilla
key = evt.which;
if ((key >= 97) && (key <= 122)) {
key = key - 32;
evt.target.value = evt.target.value + String.fromCharCode(key);
return false;
}
return true;
} else {
return true;
// Can't do anything for other browsers
}
}
[CODE]

Any suggestions to make this work in IE9?

Strings,, Broken Links, and Variables --HELP!

I have a page with over 600 lines of code that I need to fix,
the problem is as such:

The page contains about 200 links, the problem is that the link tags are all messed up,, instead of the URL's they all got replaced with xxxxx

so instead of: <a href="http://mystore.com/product1">product1</a>
it would read: <a href="http://mystore.com/xxxx">product1</a>

each product has to link to it's own page .... i.e:

product1 goes to /mystore.com/product1,,, and so on

I need help writing a script or performing some sort of function, that will take the text in between the <a></a> tags and insert it into it's own tag instead of the xxxxx

so it would see <a href="http://mystore.com/xxxx">BaseBall Gloves</a> and convert that line into <a href="http://mystore.com/BaseBall%20Gloves>BaseBall Gloves</a>

-- OUTPUTS: the ideal way would be if it could replace the existing source (kind of how you can do a find and replace),, if that's not possible, it would need to output all the existing source code with the modified <a> tags to a new window, and then I can copy that code into a new page.

I've tried using regular expressions and different functions but can't get it to work.

I really appreciate your help..

Thanks.

I have created a program that works great but sometimes it does not finish. It is the exact same as the one we see in this forum when you want to insert an image into a forum post. The program takes in a users image url through prompt, then regenerates the information within the textbox with [img] tags. The problem is I try to do this once and it will work great, but then I will try it again and fill out all of the information the exact same way and nothing happens. By nothing happens I mean after I hit enter the text box will remain empty with no regenerated code. But if I do a page refresh it works. That leads me to believe there is nothing wrong with my code b/c I do it once and get a sound result, then again and get nothing. Anyone have any experience with broken programs like this before or any words of advice?

PHP Code:
<script language="javascript">
  function imgGenerator(){
      var question=confirm("Share a Picture?");
      if (question==true){
      var obj=document.getElementById("mngl-board-post-input");
      var imgurl = prompt('To Share an image paste the image url here \nSupport .jpg .jpeg .gif .bmp and .png');
      if (imgurl == "" || imgurl == null) {return false;} 
      var txt=document.createTextNode("[a][img]"+imgurl+"[/img][/a]");
      obj.appendChild(txt);
      }
      else {}
  }
  </script> 


PHP Code:
<a href="javascript:void(0);"  onClick="imgGenerator();"><img src="http://instride.org/images/image.png" alt="Share an Image"  /></a> 

Hi All,

I am working on a script that creates a table, taking the data from a number of text fields and populating the table cells with it. Originally I had to start with an existing table containing one blank row but I was able to get the script to create the table dynamically.

Unfortunately I seem to have broken my delete row function (this was working fine when the script started with an existing table). The error I am getting is:

TypeError: 'cells.0.childNodes' is null or not an object

I googled this but could not find anything to help. I don't have alot of javascript experience and need help from the experts.

Thanks in advance for all your help guys!

Kind regards,

Ken

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>

</style>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />

</head>
<SCRIPT language="javascript">         
function addRow(tableID) {
    if (!document.getElementById(tableID)) {
        //alert("the table does not exist");
        var body = document.getElementsByTagName("body")[0];

        // creates a <table> element and a <tbody> element
        var tbl = document.createElement("table");
        var tblBody = document.createElement("tbody");
        var newRow = document.createElement("tr");
        
        // add the row to the end of the table body
        tblBody.appendChild(newRow);
        
        // put the <tbody> in the <table>
        tbl.appendChild(tblBody);
        
        // appends <table> into <body>
        body.appendChild(tbl);

        // sets the id of "dataTable" and border attribute of tbl to 0;
        tbl.setAttribute("id", "dataTable");
        tbl.setAttribute("border", "0");
        }

    var StartTime = document.getElementById('StartTime');
    var EndTime = document.getElementById('EndTime');
    var MaterialID = document.getElementById('MaterialID');
    var Title = document.getElementById('Title');               
    
    var table = document.getElementById(tableID);               
    
    var rowCount = table.rows.length;             
    var row = table.insertRow(rowCount);               
    
    var cell1 = row.insertCell(0);
    var element1 = document.createElement("input");
    element1.type = "checkbox";             
    cell1.appendChild(element1);               
    
    var cell2 = row.insertCell(1);
    var element2 = document.createElement("input");             
    element2.type = "text";
    element2.setAttribute("name","StartTime[]");
    element2.value = StartTime.value;             
    cell2.appendChild(element2);
    StartTime.value="";              
    
    var cell3 = row.insertCell(2);
    var element3 = document.createElement("input");             
    element3.type = "text";
    element3.setAttribute("name","EndTime[]");
    element3.value = EndTime.value;             
    cell3.appendChild(element3);
    EndTime.value=""; 

    var cell4 = row.insertCell(3); 
    var element4 = document.createElement("input");             
    element4.type = "text";
    element4.setAttribute("name","MaterialID[]");
    element4.value = MaterialID.value;            
    cell4.appendChild(element4);
    MaterialID.value="";               
    
    var cell5 = row.insertCell(4);
    var element5 = document.createElement("input");             
    element5.type = "text";
    element5.setAttribute("name","Title[]");
    element5.value = Title.value; 
    cell5.appendChild(element5);
    Title.value="";              
}           
function deleteRow(tableID) {
	if (document.getElementById(tableID)) {
    //alert("the table exists");
    try {             
        var table = document.getElementById(tableID);             
        var rowCount = table.rows.length;               
        for(var i=0; i<rowCount; i++) {                 
            var row = table.rows[i];                 
            var chkbox = row.cells[0].childNodes[0];                 
            if(null != chkbox && true == chkbox.checked) {                     
                table.deleteRow(i);                     
                rowCount--;                     
                i--;                 
            }               
        }             
    }catch(e) {                 
        alert(e);             
    }         
}
}        
</SCRIPT> 
<body>
<span id="spryStartTime">
<label for="StartTime">Start Time:</label><br />
<input name="StartTime" type="text" id="StartTime" tabindex="1" size="10" maxlength="8" />
<span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span><br />
<label for="EndTime">End Time:</label><br />
<span id="spryEndTime">
<input name="EndTime" type="text" id="EndTime" tabindex="2" size="10" maxlength="8" />
<span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span><br />
<label for="MaterialID">Material ID:</label><br />
<span id="spryMaterialID">
<input name="MaterialID" type="text" id="MaterialID" tabindex="3" size="10" maxlength="10" />
<span class="textfieldRequiredMsg">A value is required.</span></span><br />
<label for="Title">Title:</label><br />
<span id="spryTitle">
<input name="Title" type="text" id="Title" tabindex="4" size="50" maxlength="50" />
<span class="textfieldRequiredMsg">A value is required.</span></span><br />
    <INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />       
    <INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />       

<script type="text/javascript" />
var sprytextfield3 = new Spry.Widget.ValidationTextField("spryStartTime", "time", {validateOn:["blur"], format:"HH:mm:ss", useCharacterMasking:true});
var sprytextfield4 = new Spry.Widget.ValidationTextField("spryEndTime", "time", {format:"HH:mm:ss", useCharacterMasking:true, validateOn:["blur"]});
var sprytextfield5 = new Spry.Widget.ValidationTextField("spryMaterialID", "none", {validateOn:["blur"]});
var sprytextfield6 = new Spry.Widget.ValidationTextField("spryTitle", "none", {validateOn:["blur"]});
</script>

</body>
</html>

Hi Guys,

This isn't the first time I've posted about cookies, and I apologize for that. My cookies were working perfectly until I made some changes to the site (ie. ran it through w3 validation). Now they aren't writing. I can't find any bugs with firebug, and I've tried following it through line by line. I expect my email validation is returning false, and I would really appreciate if you can help me find the bug.

Here's the code, which I call with onsubmit="return Getvalue()"

The rest of the page is at www.saverally.com

Code:

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    return false
		 }

 		 return true					
	}

function ValidateForm(emailID){
	//var emailID=document.frmSample.txtEmail
	
	if ((emailID.value==null)||(emailID.value=="")){
	showDialog('Uh-oh.','Our tech-pigeons say you must enter an email address.','success',3);
		emailID.focus()
		return false
	}
	if (echeck(emailID.value)==false){
		emailID.value=""
	showDialog('Uh-oh.','Our tech-pigeons say you must enter a "proper" email address.','success',3);
		emailID.focus();
		return false
	}
	return true
 }
/*Email Validation*/
function Getvalue()
{
var validation=ValidateForm(document.getElementById("email"));
if(validation==true)
{
user_email=document.getElementById("email").value;	
createCookie("userEmail",user_email,365);
document.addform.submit();
return true;
}
else
{
return false;
}
}
</script>