Hi there,

I stumbled on these forums and hope someone can help.

I would like to create a very simple page where users can enter information in text boxes and upload images and then when they click submit the text should be outputted on screen as valid xhtml with each textbox being styled as the script is coded todo

So for instance if the form has

text box : first box text
text box : Second box text
Image: Image

Rendered page

<p style="padding-right: 6px; padding-left: 6px; padding-bottom: 4px; color: #ffffff; padding-top: 2px; background-color: #e26e6e; border: #f6b5b5 2px solid">
<strong>first box text</strong>
</p>
<p style="padding-right: 6px; padding-left: 6px; padding-bottom: 4px; color: #555555; padding-top: 2px; background-color: #f4ff9f; border: #ffe29f 2px solid">
<strong>Second box text</strong><br />
<br />
</p>
<img src="image.jpg" border="0" alt="" width="399" height="299" />


Any help with examples would be appreciated.
Regards

All of the inputs on the form are accessed by their name using the $_POST variable.

So, if you have something like the following on page1.php:
<form action="page2.php" method="get">
<input type="text" name="txtFieldName">
<input type="submit" value="Send" name="submit">
</form>


Then on page2.php you can output the $_POST variable like:
<?php echo '<p>' . $_POST['txtFieldName'] . '</p>';?>


You can output before/after it whatever you please to make it suit your needs...I wouldn't recommend you hard code in your styles though. I'm hoping you just have that there for testing purposes and will move it to an external CSS file at a later time, when you have the time.

Cheers

Originally Posted by Cory Dee

All of the inputs on the form are accessed by their name using the $_POST variable.

So, if you have something like the following on page1.php:
<form action="page2.php" method="get">
<input type="text" name="txtFieldName">
<input type="submit" value="Send" name="submit">
</form>


Then on page2.php you can output the $_POST variable like:
<?php echo '<p>' . $_POST['txtFieldName'] . '</p>';?>


You can output before/after it whatever you please to make it suit your needs...I wouldn't recommend you hard code in your styles though. I'm hoping you just have that there for testing purposes and will move it to an external CSS file at a later time, when you have the time.

Cheers

Thanks for the reply, and point taken on the styles, but unfortunately for this project the styles HAVE to be hard coded due to a separate issue

Bumping this, when I use your code it works, but unfortunately the browser interprets the html - I would like the HTML to be outputted in plain text on the screen

Any ideas?

Which HTML is being interpreted? You're entering HTML into the contents of the input box?

Originally Posted by Cory Dee

Which HTML is being interpreted? You're entering
HTML into the contents of the input box?

No the HTML that is being parsed in the php code is being rendered, but this has been solved by encoding the "<" 's

I do have another propblem, I have several text boxes that need different formatting, using your form above how can I add them all and parse all of them?

Another question is, is it possible to show the output as the user is typing?
Guess this would need ajax?

To display the output as the user is typing, you're right, AJAX would be best. Otherwise, each keystroke would be a page reload and that would be tedious.

To make the form longer, just continue to give the inputs unique names, and they will still be accessible through $_POST...if it's really long, you could even throw it into a loop, just like you would with any other array.

Thanks for the replies so far.

Any Ideas how the AJAX would work ?Im a total beginner with AJAX though..

Its a fair bit more involved. What exactly is the purpose of outputting their exact input on the same page? It seems a bit redundant, since the text box will already contain their info...