Untitled

<html>
<head>
<style>
body{
margin: 0px;
}

calosc{

}
</style>
<meta charset=UTF-8>
<script type="text/javascript">
function Siema(){
if(document.getElementById("check1").checked == true && document.getElementById("check2").checked == true){
var kolorki = document.getElementById('kolory').innerHTML;
document.getElementById('divik').innerHTML = kolorki;

var metaa = document.getElementById('meta').innerHTML;
document.getElementById('divik2').innerHTML = metaa;

}
else if(document.getElementById("check1").checked == true){
var kolorki = document.getElementById('kolory').innerHTML;
document.getElementById('divik').innerHTML = kolorki;
}
else if(document.getElementById("check2").checked == true){
var metaa = document.getElementById('meta').innerHTML;
document.getElementById('divik2').innerHTML = metaa;
}

var przyciskk = document.getElementById('przyciskgen').innerHTML;
document.getElementById('przyciskgen2').innerHTML = przyciskk;

}

function generowanie(){


if(document.getElementById("kolorek1").checked == true){
var kolorak = "blue";
}
else if(document.getElementById("kolorek2").checked == true){
var kolorak = "red";
}
else if(document.getElementById("kolorek3").checked == true){
var kolorak = "green";
}

if(document.getElementById("kolorek1").checked == false && document.getElementById("kolorek2").checked == false && document.getElementById("kolorek3").checked == false ){
var kolorak ="";
}

var syf = document.getElementById('autor').value;
var autorek = "\n&lt;meta name=\"Author\" content=\""+syf+"\"&gt;";

var syf2 = document.getElementById('generator').value;
var generatorek = "\n&lt;meta name=\"Generator\" content=\""+syf2+"\"&gt;";

var syf3 = document.getElementById('keywords').value;
var slowka = "\n&lt;meta name=\"Keywords\" content=\""+syf3+"\"&gt;";

if(document.getElementById('autor').value == ""){
var autorek = "";
}
if(document.getElementById('generator').value == ""){
var generatorek = "";
}
if(document.getElementById('keywords').value == ""){
var slowka = "";
}

document.getElementById('generacja').innerHTML = "&lt;html&gt;\n&lt;head&gt;"+autorek+generatorek+slowka+"\n&lt;/head&gt;\n&lt;body bgcolor = \"" + kolorak + "\"&gt;\n&lt;/body&gt;\n&lt;/html&gt;\n";
}
</script>
</head>
<body>
<div id="calosc" style="width:100%; height:100%;">
<form>
<b>Co chcesz ustawić?</b><br />
<input type="checkbox" id="check1" >Kolor tła</input><br />
<input type="checkbox" id="check2" >Meta dane</input><br />
<input type="checkbox" id="check3" disabled="disabled"><s>Podział strony</s></input><br />
<input type="button" name="dalej" value="Dalej" onClick="Siema()"></input><br /><br/>
</form>
<div id="divik">

</div>

<div id="divik2">

</div>

<div id="divik3">

</div>

<div id="kolory" style="display:none;">
<form>
<b>Wybierz kolor:<br /></b>
<input type="radio" name="kolorr" id="kolorek1">niebieski</input>
<input type="radio" name="kolorr" id="kolorek2">czerwony</input>
<input type="radio" name="kolorr" id="kolorek3">zielony</input><br />
</form>
</div>

<div id="meta" style="display:none;">
Podaj autora: <input type="text" id="autor"></input>
Podaj generator: <input type="text" id="generator"></input>
Podaj słowa kluczowe: <input type="text" id="keywords"></input><br /></input><br />
</div>

<div id="przyciskgen" style="display:none;">
<input type="button" id="generuuj" value="Generuj" onClick="generowanie()">
</div>

<div id ="przyciskgen2">

</div>

<div id="gener">
<textarea cols="60" rows="25" id="generacja"></textarea>
</div>
</div>
</body>
</html>