Click here to Skip to main content
15,889,096 members
Home / Discussions / JavaScript
   

JavaScript

 
GeneralRe: Call to Member function execute() on null... Pin
samflex28-Feb-17 3:30
samflex28-Feb-17 3:30 
GeneralRe: Call to Member function execute() on null... Pin
Richard Deeming28-Feb-17 3:39
mveRichard Deeming28-Feb-17 3:39 
GeneralRe: Call to Member function execute() on null... Pin
samflex28-Feb-17 4:00
samflex28-Feb-17 4:00 
GeneralRe: Call to Member function execute() on null... Pin
Richard Deeming28-Feb-17 4:11
mveRichard Deeming28-Feb-17 4:11 
GeneralRe: Call to Member function execute() on null... Pin
samflex28-Feb-17 4:28
samflex28-Feb-17 4:28 
GeneralRe: Call to Member function execute() on null... Pin
Richard Deeming28-Feb-17 4:32
mveRichard Deeming28-Feb-17 4:32 
GeneralRe: Call to Member function execute() on null... Pin
samflex28-Feb-17 5:38
samflex28-Feb-17 5:38 
QuestionGetting "Notice: Undefined offset: 1" error (SOLVED) Pin
samflex21-Feb-17 6:12
samflex21-Feb-17 6:12 
Hi Richard,

Sorry for calling you out but I did because I needed an urgent help.

This is the code you helped me out with (Thanks again).

//markup
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Forms</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.6/handlebars.min.js"></script>
<style type="text/css">
    .bs-example{
    	margin-left: 250px;
    	margin-top: 30px;
    }
</style>
</head>
<body>
			<form class="form-inline" action="<?php echo get_option('siteurl'); ?>/forms/preview.php" id="contactForm" role="form" method="post">
                         <div class="form-group">
                             <label  for="employeename">Employee Name</label><br>
								<input type="text" name="employeename" id="employeename" style="width:375px;"  placeholder="your name..." class="form-control" value="" class="required requiredField" />
				            </div>
		                    <div class="form-group">
                             <label for="ttitle">Title</label><br>
								<input type="text" name="ttitle" id="ttitle" style="width:375px;"  placeholder="Your title..." class="form-control" value="" class="required requiredField" />
							</div><br><br>

                           <script id="row-template" type="text/x-handlebars-template">
	                      <div>
		                  <!--reseed attribute IDs in case of gap resulting from deletions -->
	                      <input type="hidden" name="rowIDs" value="{{rowNumber}}" />
	                      <div class="form-group">
	       	              <label for="sourcename1{{rowNumber}}">Name</label><br>
								<input type="text" name="sourcename1{{rowNumber}}" id="sourcename1{{rowNumber}}" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
						    </div>
		                    <div class="form-group">
		                      <label for="sourceaddress1{{rowNumber}}">Address</label><br>
								<input type="text" name="sourceaddress1{{rowNumber}}" id="sourceaddress1{{rowNumber}}" style="width:250px;" class="form-control" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
							</div>
	                        <div class="form-group">
	                          <label for="income1{{rowNumber}}">Income</label><br>
								<input type="text" style="width:250px;"  class="form-control" name="income1{{rowNumber}}" id="income1{{rowNumber}}" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
	                       </div>
                           <input id="Button{{rowNumber}}" type="button" rel="remove-row" value="Remove" />
	                      </div>
	                     </script>
                           <div id="addrow" data-row-count="1" data-template-id="row-template">
	                     <div>
	                     <!--reseed attribute IDs in case of gap resulting from deletions -->
	                     <input type="hidden" name="rowIDs" value="1" />
	                     <div class="form-group">
	                     <label for="sourcename1">Name</label><br>
								<input type="text" name="sourcename1[]" id="sourcename1" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
						    </div>
		                    <div class="form-group">
		                	    <label for="sourceaddress1">Address</label><br>
								<input type="text" name="sourceaddress1[]" id="sourceaddress1" style="width:250px;" class="form-control" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
							</div>
	                        <div class="form-group">
	                          <label for="income1">Income</label><br>
								<input type="text" name="income1[]" id="income1" style="width:250px;"  class="form-control" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
	                        <input type="button" value="Add More" rel="add-row" data-target="addrow" />
	                        </div>
	                       </div>
   	                      </div><br><br>

                             <script id="row-template-2" type="text/x-handlebars-template">
                             <div>
		                  <!--reseed attribute IDs in case of gap resulting from deletions -->
	                      <input type="hidden" name="row2IDs" value="{{rowNumber}}" />
                            <div class="form-group">
								<input type="text" style="width:250px;" class="form-control" name="spousename{{rowNumber}}" id="spousename{{rowNumber}}" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
                           </div>
                           <div class="form-group">
								<input type="text" style="width:250px;" class="form-control" name="spouseAddress{{rowNumber}}" id="spouseAddress{{rowNumber}}" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
                          </div>
                          <div class="form-group">
								<input type="text" style="width:250px;"  class="form-control" name="spouseIncome{{rowNumber}}" id="spouseIncome{{rowNumber}}" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
	                       </div>
                          <input id="Button{{rowNumber}}" type="button" rel="remove-row" value="Remove" />
	                      </div>
	                     </script>
	                     
                         <div id="addrow2" data-row-count="1" data-template-id="row-template-2">
	                     <div>
	                     <!--reseed attribute IDs in case of gap resulting from deletions -->
	                     <input type="hidden" name="row2IDs" value="1" />
                            <div class="form-group">
                             <label for="spousename">Name</label><br>
								<input type="text" style="width:250px;" class="form-control" name="spousename[]" id="spousename" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
                           </div>
                           <div class="form-group">
                            <label for="spouseAddress">Address</label><br>
								<input type="text" style="width:250px;" class="form-control" name="spouseAddress[]" id="spouseAddress" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
                          </div>
                          <div class="form-group">
                            <label for="spouseIncome">Income</label><br>
								<input type="text" style="width:250px;"  class="form-control" name="spouseIncome[]" id="spouseIncome" value="" class="required requiredField" />
								<?php if($nameError != '') { ?>
									<?=$nameError;?>
								<?php } ?>
                          <input type="button" value="Add More" rel="add-row" data-target="addrow2" />
	                      </div>
	                      </div>
	                     </div> <br><br>

                            <div class="form-group">
                            <label for="email">Email</label><br>
								<input type="text" style="width:750px;" class="form-control" name="email" id="email" value="" class="required requiredField email" />
								<?php if($emailError != '') { ?>
									<?=$emailError;?>
								<?php } ?>
							</div>
                            <button type="submit" class="btn btn-primary">Submit</button><br>
						<input type="hidden" name="submitted" id="submitted" value="true" />
		         </form>
                         <script type='text/javascript'>//<![CDATA[

			$(function(){
  			  var templates = {
  		      "row-template": Handlebars.compile($("#row-template").html()),
 		       "row-template-2": Handlebars.compile($("#row-template-2").html())
		    };

		    $("form").on("click", "input[rel='add-row']", function(){
		        var containerId = $(this).data("target");
 		       var container = $("#" + containerId);

 		       var templateId = container.data("templateId");
		        var template = templates[templateId];

		        var rowCount = container.data("rowCount");
		        rowCount++;

		        var context = { rowNumber: rowCount };
		        var html = template(context);
		        container.append(html);

		        container.data("rowCount", rowCount);
		    });

		    $("form").on("click", "input[rel='remove-row']", function(){
		        var row = this.parentNode;
		        var container = row.parentNode;
		        container.removeChild(row);
		    });
		});
		//]]>

		</script>
		</body>
		</html>


//Server side:

VB

".print_r($_POST, 1)."";
if(isset($_POST['employeename']))
$employeename = $_POST['employeename'];
if(isset($_POST['ttitle']))
$ttitle = $_POST['ttitle'];
$rowIDs = $_POST['rowIDs'];

echo $employeename .'
';
echo $ttitle .'

';

for ($id = 0; $id < $rowIDs; $id++){
$sourcename1 = $_POST['sourcename1'][$id];
$sourceaddress1 = $_POST['sourceaddress1'][$id];
$income1 = $_POST['income1'][$id];
$spousename = $_POST['spousename'][$id];
$spouseAddress = $_POST['spouseAddress'][$id];
$spouseIncome = $_POST['spouseIncome'][$id];


echo 'Name:     '. $sourcename1 .'
';
echo 'Address:   '. $sourceaddress1.'
';
echo 'Income:   '. $income1.'
';
echo 'Name:     '. $spousename .'
';
echo 'Address:   '. $spouseAddress.'
';
echo 'Income:   '. $spouseIncome.'
';
}
?>
<input type='text' name='employeename' value="<?php echo="" $employeename?="">">
<input type='text' name='ttitle' value="<?php echo="" $ttitle;="" ?="">">
<input type='text' name='sourcename1[]' value="<?php echo="" $sourcename1;="" ?="">">
<input type='text' name='sourceaddress1[]' value="<?php echo="" $sourceaddress1;="" ?="">">
<input type='text' name='income1[]' value="<?php echo="" $income1;="" ?="">">

There are two problems here and I think they are all related.

1, When I run the code, it is displaying only one row of data.

When I click to add another row and then fill enter data into that row, it doesn't display it.

2, Second issue is the error I am getting which says,

VB
Notice: Undefined offset: 1 in C:\xampp\htdocs\disclosures\forms\preview.php on line 13

Notice: Undefined offset: 1 in C:\xampp\htdocs\disclosures\forms\preview.php on line 14

Notice: Undefined offset: 1 in C:\xampp\htdocs\disclosures\forms\preview.php on line 15

Notice: Undefined offset: 1 in C:\xampp\htdocs\disclosures\forms\preview.php on line 16

Notice: Undefined offset: 1 in C:\xampp\htdocs\disclosures\forms\preview.php on line 17

Notice: Undefined offset: 1 in C:\xampp\htdocs\disclosures\forms\preview.php on line 18


Any ideas what I am doing wrong?

Man, I am supposed to demo this app this afternoon.

Many thanks in advance

modified 23-Feb-17 8:59am.

AnswerRe: Getting "Notice: Undefined offset: 1" error Pin
Richard Deeming21-Feb-17 8:37
mveRichard Deeming21-Feb-17 8:37 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
samflex21-Feb-17 8:46
samflex21-Feb-17 8:46 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
Richard Deeming21-Feb-17 9:03
mveRichard Deeming21-Feb-17 9:03 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
samflex21-Feb-17 9:12
samflex21-Feb-17 9:12 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
Richard Deeming21-Feb-17 9:22
mveRichard Deeming21-Feb-17 9:22 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
samflex21-Feb-17 9:34
samflex21-Feb-17 9:34 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
Richard Deeming21-Feb-17 9:37
mveRichard Deeming21-Feb-17 9:37 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
samflex21-Feb-17 10:04
samflex21-Feb-17 10:04 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
Richard Deeming21-Feb-17 11:06
mveRichard Deeming21-Feb-17 11:06 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
samflex21-Feb-17 15:34
samflex21-Feb-17 15:34 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
Richard Deeming22-Feb-17 2:41
mveRichard Deeming22-Feb-17 2:41 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
samflex22-Feb-17 3:22
samflex22-Feb-17 3:22 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
Richard Deeming22-Feb-17 5:02
mveRichard Deeming22-Feb-17 5:02 
GeneralRe: Getting "Notice: Undefined offset: 1" error Pin
samflex23-Feb-17 2:59
samflex23-Feb-17 2:59 
PraiseRe: Getting "Notice: Undefined offset: 1" error Pin
Richard Deeming23-Feb-17 3:41
mveRichard Deeming23-Feb-17 3:41 
QuestionDownload images from bing to use without internet connection Pin
Member 1301427820-Feb-17 23:42
Member 1301427820-Feb-17 23:42 
AnswerRe: Download images from bing to use without internet connection Pin
OriginalGriff20-Feb-17 23:44
mveOriginalGriff20-Feb-17 23:44 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.