Submit to same page, and read value

[terle]

Hi

I wanna create a todo-list for myself and girlfriend, so when ever I remember that we need something, I can write it down. And then whom ever of us in the supermarket can then buy it.
And I'm new to html... and I'm starting from scratch

My problem is:
How do I read a value from a textbox and write it???

I have a form looking like this:

<form action="editList.php" method="post">
        <?php writeCheckBoxes(); ?>
	<label>Indtast ny vare</label>
	<input type="checkbox" name="itemNames[]" value="test" />
	<div class="six columns">
		<input type="text" name="tekstFelt" placeholder="Vare navn" />
	</div>
	<div class="six columns">
		<a href="#" class="tiny round success button">Tilføj</a>
		<input type="submit"/>
	</div>
</form>

And the php function

PHP Code:

function writeCheckBoxes()
{
$counter = length($_POST[]);
while ($a <$counter)
{
?><input type="checkbox" name="itemNames[]" value="<?= $itemNames[$counter]; ?>" />
<?= $itemNames[$counter]; ?>
<br /><?
}
}

So how do I get the value from tekstFelt and use the function writeCheckBoxes???

Thank you

[Will Bontrager]

Originally Posted by terle

Hi

I wanna create a todo-list for myself and girlfriend, so when ever I remember that we need something, I can write it down. And then whom ever of us in the supermarket can then buy it.
And I'm new to html... and I'm starting from scratch

My problem is:
How do I read a value from a textbox and write it???

I have a form looking like this:

<form action="editList.php" method="post">
        <?php writeCheckBoxes(); ?>
	<label>Indtast ny vare</label>
	<input type="checkbox" name="itemNames[]" value="test" />
	<div class="six columns">
		<input type="text" name="tekstFelt" placeholder="Vare navn" />
	</div>
	<div class="six columns">
		<a href="#" class="tiny round success button">Tilføj</a>
		<input type="submit"/>
	</div>
</form>

And the php function

PHP Code:

function writeCheckBoxes()
{
$counter = length($_POST[]);
while ($a <$counter)
{
?><input type="checkbox" name="itemNames[]" value="<?= $itemNames[$counter]; ?>" />
<?= $itemNames[$counter]; ?>
<br /><?
}
}

So how do I get the value from tekstFelt and use the function writeCheckBoxes???

Thank you

Checkbox values won't submit to the next page unless the checkbox is checked before the form is submitted.

The below publishes the item with a checkbox (for printing and taking to the supermarket). And it also publishes a hidden field to hold the value for use when the form is submitted again.

I kept your style, mostly.

<form action="editList.php" method="post">

<?php
function writeCheckboxItem($value)
{
   $value = stripslashes($value); // To remove the "\" of any escaped quote characters.
   $value = htmlspecialchars($value,ENT_QUOTES); // Convert quotes, angle brackets, and ampersand for attribute value.
   echo "<label>$value</label> <input type='checkbox'/><br/>\n";
   echo "<input type='hidden' name='itemNames[]' value='$value'/>";
}

if( ! empty($_POST['itemNames']) )
{
   foreach( $_POST['itemNames'] as $item )
   {
      writeCheckboxItem($item);
   }
}
if( ! empty($_POST['tekstFelt']) )
{
   writeCheckboxItem($_POST['tekstFelt']);
}
?>

<div class="six columns">
	<input type="text" name="tekstFelt" placeholder="Vare navn" />
</div>
<div class="six columns">
	<a href="#" class="tiny round success button">Tilføj</a>
	<input type="submit"/>
</div>
</form>

Will

[terle]

Thanks for answering

I realize now I wasn't very clear in my post as to what I really wanna do.
The goal is to build a simple shopping list.
My gf has an iPhone and myself an Android. On my server I want a website we both can access and see what we need.
On this site I want a list of items (with checkboxes) and a textfield for entering new items.
Somthing like this.

In relation to my question; how do take the new item and add it to the list with a checkbox?

[Hoatzin]

Originally Posted by terle

Thanks for answering

I realize now I wasn't very clear in my post as to what I really wanna do.
The goal is to build a simple shopping list.
My gf has an iPhone and myself an Android. On my server I want a website we both can access and see what we need.
On this site I want a list of items (with checkboxes) and a textfield for entering new items.
Somthing like this.

In relation to my question; how do take the new item and add it to the list with a checkbox?

to style it for handheld devices remember the media="handheld" or something along that line in your html link to stylesheet

To get values from a form you will need to do either GET or POST the values.
Also the <input> tags MUST BE within the <form> tag aswell which i can see it isnt in the provided link.

<div class="row">

    <form action="editList.php#TabEditList" method="POST">
        <label>Input new Item</label>
        <div class="six columns">
            <input type="text" name="tekstFelt" placeholder="Item Name" />
        </div>
        <div class="six columns">
            <div class="twelve columns">
                <input type="checkbox" name="box" value="milk" />Milk<br />
                <input type="checkbox" name="box" value="bread" />Bread<br />
                <input type="checkbox" name="box" value="butter" />Butter<br />

                <input type="submit" href="#" class="tiny round success button"/>
            </div>
    </form>

</div>

</div>

next thing is to grab the stuff and save them into a database with PHP & SQL which is a scripting language (im only doing it with 2 checkboxes in this example for simplicity) We are grabbing the information send from the form with $_GET / $_POST there is a difference between those and if you wish i can explain the difference but else i wont.. but in this case its best to do it with POST.

And checkboxes are send as array s

<?php
//we have now started php and are ready to write the code
$boxes = $_POST["box"]; //get stuff

if($boxes) { //we are checking if the variable is useable if it is we will be able to run the below code if not nothing will happen.

    foreach($boxes as $box) {
        //First we will set all stuff to be undone
mysql_query("UPDATE `todo` SET `status` = 'undone'") or die(mysql_error());
       //and then we will set the checked boxes to be done with a loop going through the array we got.

        mysql_query("INSERT INTO `todo` (Id, stuff, status)
VALUES (NULL, '$box', 'done')") or die(mysql_error);
    }
}
?>

But with this approach you will need to have mysql database knowledge..
And you'll need to set up a table in the database called 'todo' with the rows id, stuff, status

And trust me things is not always as easy as they seem to be

There are also other ways of doing what you want, like writing to a file.. that would make it able to be moves across servers without having to worry about the database files..

hope this was helpfull

[Will Bontrager]

Originally Posted by terle

Thanks for answering

I realize now I wasn't very clear in my post as to what I really wanna do.
The goal is to build a simple shopping list.
My gf has an iPhone and myself an Android. On my server I want a website we both can access and see what we need.
On this site I want a list of items (with checkboxes) and a textfield for entering new items.
Somthing like this.

In relation to my question; how do take the new item and add it to the list with a checkbox?

[Reposting this as my previous submission seems to have been lost in cyberspace.]



Got it.

A database on the server will be needed. MySQL is good. A plain text database would work, too, in this instance.

A decision needs to be made what kind of database to use before code can be written for it.

The file viewed at the supermarket might work something like this (PHP is notes only, not real code):

<?php
if data was submitted with one or more checkboxes checked
{
	remove the checked items from the database
}
?>
<!doctype html>
<body>
<form method="post" action="<?php echo($_SERVER['PHP_SELF']); ?>">
<?php
for each item in the database
{
	print checkbox with value of item and print item next to it
}
?>
<input type="submit">
</form>
</body>
</html>

The person at the supermarket checks the items that are purchased and clicks the submit button. The database is updated.

The file viewed at home where items are added to the database might work something like this (PHP is notes only, not real code):

<?php
if an item was submitted 
{
	add item to the database
}
?>
<!doctype html>
<body>
<form method="post" action="<?php echo($_SERVER['PHP_SELF']); ?>">
<?php
for each item in the database
{
	print checkbox and item next to it
}
?>
<input type="text" name="tekstFelt" placeholder="Vare navn">
<input type="submit">
</form>
</body>
</html>

Will