HTML and CSS

How do I generate html script by using a form?

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Jun 2009

Posts: 3

Reputation: mzqpla has a little shameless behaviour in the past

Solved Threads: 0

mzqpla

Offline

Newbie Poster

How do I generate html script by using a form?

-1

Jun 6th, 2009

I have a template for my ebay auctions. I want to make a form that I can type in the variable information (ie title, description, images) and generate the html script to include those variables.

floatingtank
steroids

•

Join Date: Dec 2005

Posts: 5,850

Reputation: Salem has a reputation beyond repute

Solved Threads: 749

Salem

Offline

Void main'ers are DOOMed

Re: How do I generate html script by using a form?

Jun 6th, 2009

Question ripped from here
http://answers.yahoo.com/question/in...2152917AAED8nE

Just so you can spam your sig-links.

•

Join Date: Jul 2009

Posts: 178

Reputation: codejoust is an unknown quantity at this point

Solved Threads: 17

codejoust

Offline

Junior Poster

Re: How do I generate html script by using a form?

Jul 6th, 2009

If you want to keep away from PHP and the rest of the server-side languages you can use some simple javascript with regular expressions, or even embedding the variables.

Javascript Example -

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<form onsubmit="pop()" action="#" id="inForm"> <input id="color" type="text" /></form> <textarea readonly="readonly" id="out"></textarea>
<form onsubmit="pop()" action="#" id="inForm"> <input id="color" type="text" /></form> <textarea readonly="readonly" id="out"></textarea>

 Help with Code Tags 
 JavaScript Syntax (Toggle Plain Text) 
var color = document.getElementById('color');
var text = '<span style="color:'+color+';">Colored Text</span>';
document.getElementById('out').innerHTML = text;
document.getElementById('inForm').style.display = 'none';
var color = document.getElementById('color');
var text = '<span style="color:'+color+';">Colored Text</span>';
document.getElementById('out').innerHTML = text;
document.getElementById('inForm').style.display = 'none';

PHP Example -

 Help with Code Tags 
 php Syntax (Toggle Plain Text) 
<?php
function get($var){
//Validation and filtering
$varI = $_GET[$var];
if ($varI.len() > 200){  }
else { 
echo(strip_tags($varI)); }
}
?>
 
<div style="color:<?php get('color'); ?>"><?php get('name'); ?></div>
<?php
function get($var){
//Validation and filtering
$varI = $_GET[$var];
if ($varI.len() > 200){  }
else { 
echo(strip_tags($varI)); }
}
?>

<div style="color:<?php get('color'); ?>"><?php get('name'); ?></div>

html for form

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<form action="generate.php"><input name="color" type="text" /><br /><input name="name" type="text" /></form>
<form action="generate.php"><input name="color" type="text" /><br /><input name="name" type="text" /></form>

Hope that helps!

Last edited by peter_budo; Jul 8th, 2009 at 6:51 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

CodeJoust! Design + Development - Proud User of Ubuntu