Help - Search - Members - Calendar
Full Version: Coding for a generator
Forums > Resource Center > Webmasters' Corner > Resolved Topics
divergent
Hi I was wondering if anyone knew a direction I could be pointed in, if I was to create a layout generator. I know there are a lot out there. But I would want one with ALL the options. I know HTML and CSS. But I don't know Java script. I tried looking at W3schools But I didn't know what I was looking for. If someone knows what I'm talking about, please give me some help it would be really appreciated. I just need to get a step into Java script with some help, then I can handle it from there.
birdman
JUST COPY PASTE THE CODES BELOW IN NOTEPAD AND SAVE AS WHATEVER NAME YOU WANT .HTML AND READ THE SCRIPT COMMENTS WHILE TRYING THE SCRIPTS :) HOPE THIS HELPS...

CODE
<html>
<head><title>demo</title></head>
<body>
If you meant, creating a script that generates codes when a user press the submit button, it's like this. Just the basic

principle


&lt;script type="text/javascript" language="javascript">
/*

This first example demonstrates how to insert value of variable (pre_html) into the textarea box

*/

function generate(){
var pre_html = "<html><head><title></title></head><body></body></html>";

document.generator.generated.value = pre_html;
}
</script>

<form name="generator">
<textarea name="generated">
</textarea>

<br /><br />
<input type="button" onClick="generate();" value="generate 1" />
</form>

&lt;script type="text/javascript" language="javascript">
/*

This second example demonstrates how to insert value from user-input

*/

function generate2(){
var pre_html = document.user_generator.user_input.value;

document.user_generator.user_generated.value = pre_html;
}

</script>

<form name="user_generator">
<textarea name="user_input">
</textarea>

<br /><br />
<textarea name="user_generated">
</textarea>

<br /><br />
<input type="button" onClick="generate2();" value="generate 2" />

</body>
</html>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.