Как се прави Генератори

[ReXTaN]

Някой можели да ми даде урок или да ми каже как се прави генератори.
Незнам точно тъй ли се казват но служат за правене на CSS файлове , мета тагове, правяне на бутони, pop-up ...

+1 на този който ми помогне

 

[peter_ew]

първо ще дам примера и обяснение!

<html>
<head>
<title>Button Generator</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<style>
input {
background-color: #000000;
color: #FFFFFF;
}
</style>
<script>
function generate() {
var a=document.getElementById('link');
var b=document.getElementById('value');
var c=document.getElementById('back');
var d=document.getElementById('color');
var e=document.getElementById('generated');
var f=document.getElementById('generated2');
e.innerHTML="<textarea cols='100' rows='4'><input type='button' value='" + b.value + "' style='background-color: " + c.value + "; color: " + d.value + ";' onClick=\\\"window.open('" + a.value + "');\\\"></textarea>";
f.innerHTML="<input type='button' value='" + b.value + "' style='background-color: " + c.value + "; color: " + d.value + ";' onClick=\"window.open('" + a.value + "');\">";
}
</script>
</head>
<body>
Линк:<br>
<input type="text" id="link" value="http://"><br>
Текст към бутона:<br>
<input type="text" id="value"><br>
Цвят на бекграунда на бутона<br>
<input type="text" id="back" value="#000000"><br>
Цвят на текста на бутона<br>
<input type="text" id="color" value="#FFFFFF"><br>
<input type="button" value="Генерирай" onClick="generate();"><br><br>
<div id="generated"></div><br>
Ефект:<br>
<div id="generated2"></div>
</body>
</html>

първо започваме с функцията.
всички променливи са за извличане на информация от текстовите полета
и след това е запълването на една <textarea></textarea> в която ще
се съдържа кода и отдолу ефекта и двете са във два div-a "generated" и
"generated2" и следователно всичко това се показва като HTML код без презареждане на страницата.
след това обяснение за полетата. във всяко текстово поле слагаме
атрибут id за да може да бъде разпознато от JavaScript-а . след това бутона на който при кликване се изпълнява JavaScript-а. и накрая двата
div-а. надявам се да съм бил полезен.
При създаване на друг генератор имай на предвид полетата за запълване и един съвет - във textarea-та винаги пиши \\\" а пък във ефекта \" ако се наложи