<?php
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css" title="insira uma matéria">
.centro{
position:absolute;
top:90px;
left:155px;
/*border:1px solid red;*/
width:650px;
height:350px;
background:#D8F286;
z-index:1;
}
.interna{
position:absolute;
top:105px;
left:170px;
/*border:1px solid red;*/
width:650px;
height:350px;
/*background:black;*/
background: url(baixo-esq.jpg) no-repeat bottom center;
z-index:0;
}
.ter{
position:absolute;
top:90px;
left:170px;
/*border:1px solid red;*/
width:650px;
height:350px;
background: url(topo-dir.jpg) no-repeat top right;
z-index:0;
}
.au{
position:absolute;
top:105px;
left:170px;
/*border:1px solid red;*/
width:650px;
height:350px;
background: url(baixo-dir.jpg) no-repeat bottom right;
z-index:0;
}
.mat{
position:absolute;
top:25px;
left:10px;
border:1px solid black;
border-top:1px solid white;
border-bottom:2px solid black;
border-right:2px solid black;
width:150px;
color:red;
padding-left:10px;
}
.botao{
color:red;
background:#0099CC;
border:1px solid black;
}
.aba{
position:absolute;
top:80px;
left:155px;
background:#D8F286;
width:150px;
padding-left:15px;
z-index:2;
}
.lugar{
/*position:absolute;*/
float:right;
}
.lugar_1{
float:left;
}
.perg{
position:absolute;
top:100px;
}
.tata{
border:20px;
}
.rolar{
overflow-y:auto;
}
.afasta{
position:relative;
left:30px;
}
.afasta_1{
position:relative;
left:30px;
}
.apro{
position:relative;
left:30px;
}
.oxe{
position:absolute;
top:500px;
left:0px;
border:1px solid black;
width:200px;
height:250px;
}
.sozinha{
position:absolute;
top:300px;
border:1px solid black;
width:200px;
height:300px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ADMIN-</title>
</head>
<body>
<div class="interna"></div><div class="aba">Materias /Perguntas</div><div class="centro" id="princ"><div class="mat" id="m">Inserir materia aqui!</div>
</div><div class="ter"></div><div class="au"></div><div class="sozinha" id="puta">flag!</div>
</body>
</html>
<script>
function make_q(qtd,qtd1,lugar,env){
if(typeof(lugar)!="object"){
alert('parametro invalido');
return false;
}
/* var PerGT ="";
var PerGC ="";
var OpcAT = "";
var OpcAC ="";
var contador =0;*/
var cmtabela = document.createElement('table');
for(var externo =0;externo<qtd1;externo++){
//alert(externo);
/*PerGT ="perguntas_" + externo;
PerGC ="perguntasc_" + externo;*/
var cmtr = document.createElement('tr');
var asking = document.createElement('input');
var cmch = document.createElement('input');
var cmtd1 = document.createElement('td');
cmch.type="checkbox";
//cmch.name = PerGC;
asking.type="text";
//asking.name = PerGT;
asking.style.position="relative";
asking.style.left="10px";
cmtd1.appendChild(cmch);
cmtd1.appendChild(asking);
cmtr.appendChild(cmtd1);
cmtabela.appendChild(cmtr);
cmtabela.border="1";
cmtabela.width="200";
cmtabela.height="200";
var ctabela = document.createElement('table');
for(var conta = 0;conta<qtd;conta++){
/*OpcAT ="opcao_"+contador+"_"+conta;
OpcAC ="opcaoc_"+contador+"_"+conta;*/
var ctr = document.createElement('tr');
var ctd1 = document.createElement('td');
var ctd2 = document.createElement('td');
var ctd3 = document.createElement('td');
var cche = document.createElement('input');
var ctext = document.createElement('input');
ctabela.border="0";
ctabela.width="250";
cche.type="checkbox";
//cche.name =OpcAC;
ctext.type="text";
//ctext.name = OpcAT;
ctd1.appendChild(cche);
ctd2.appendChild(ctext);
ctr.appendChild(ctd1);
ctr.appendChild(ctd2);
ctr.appendChild(ctd3);
ctabela.appendChild(ctr);
//termina aqui!!!
}
var cmtrR = document.createElement('tr');
var cmtdR = document.createElement('td');
cmtdR.appendChild(ctabela);
cmtdR.style.paddingLeft="30px";
cmtrR.appendChild(cmtdR);
cmtabela.appendChild(cmtrR);
//contador++;
}
/*var provisoria = document.createElement('table');
//provisoria.className="oxe";
provisoria.border="1";
provisoria.id="merda";
var ptr = document.createElement('tr');
var ptd = document.createElement('td');
ptd.innerHTML="teste_henrique";*/
//ptr.appendChild(ptd);
//provisoria.appendChild(ptd);
lugar.appendChild(cmtabela);
lugar.appendChild(env);
//lugar.appendChild(provisoria);
//alert('debugger_here');
}
var navegador = navigator.appName;
//alert(navegador);
var principal = document.getElementById("princ");
var ins = document.getElementById("m");
var modelo = document.createElement('input');
ins.onclick = function(){
var formulario = document.createElement('form');
formulario.method="post";
var manda = document.createElement('input');
manda.type="submit";
//manda.name="send";
manda.value="enviar!";
var perguntas = document.createElement('div');
var sumod = document.createElement('div');
var p = document.createElement('input');
var butao = document.createElement("button");
var limpar = document.createElement('button');
var qtd_perg = document.createElement('input');
qtd_perg.type="text";
qtd_perg.size="3";
qtd_perg.value="qtd_p...";
qtd_perg.style.color="grey";
//qtd_perg.className="afasta";
p.type="text";
p.size="2";
p.value="Alt...";
p.className="afasta_1";
p.style.color="grey";
butao.innerHTML="ok";
limpar.innerHTML="limpar";
limpar.className="apro";
butao.className="afasta";
sumod.style.position="relative";
sumod.style.border="1px solid black";
sumod.id="susu";
sumod.style.top="30px";
sumod.style.left="10px";
perguntas.style.border="1px solid black";
perguntas.id="tu";
perguntas.style.width="300px";
perguntas.style.height="250px";
perguntas.className="rolar perg";
if(navegador.indexOf("Microsoft")!=-1){
sumod.style.width="220px";
}
else{
sumod.style.width="200px";
sumod.style.height="60px";
}
modelo.type="text";
/*modelo.style.position="relative";
modelo.style.top="25px";*/
modelo.size="15";
modelo.style.left="10px";
modelo.value="Materia...";
modelo.style.color="grey";
/*modelo.style.float="left";*/
modelo.id="tm";
modelo_1 = document.createElement('input');
modelo_1.value="qtd/pergun..";
modelo_1.style.color="grey";
modelo_1.size="9";
modelo_1.id="mm";
/*modelo_1.style.position="relative";
modelo_1.style.float="right";*/
modelo_1.className="lugar";
principal.removeChild(ins);
principal.appendChild(sumod);
formulario.appendChild(perguntas);
//formulario.appendChild(manda);
principal.appendChild(formulario);
/*sumod = document.getElementById('susu');*/
sumod.appendChild(modelo_1);
sumod.appendChild(modelo);
if(navegador=="Opera"){
var pula = document.createElement('br');
sumod.appendChild(pula);
sumod.appendChild(qtd_perg);
sumod.appendChild(p);
}
else{
//alert(p);
//sumod.appendChild(esp);
sumod.appendChild(qtd_perg);
sumod.appendChild(p);
}
sumod.appendChild(limpar);
sumod.appendChild(butao);
var mm = document.getElementById("mm");
var tm = document.getElementById("tm");
tm.onfocus = function(){
tm.value="";
tm.style.color="black";
}
tm.onblur = function(){
if(tm.value!=""){
/*tm.value="Materia...";
tm.style.color="grey";*/
return false;
}
else{
tm.value="Materia...";
tm.style.color="grey";
}
}
mm.onfocus = function(){
mm.value="";
mm.style.color="black";
}
mm.onblur = function(){
if(mm.value!=""){
return false;
}
else{
mm.value="qtd/pergun..";
mm.style.color="grey";
}
}
p.onfocus = function(){
p.value="";
p.style.color="black";
}
p.onblur = function(){
if(p.value!=""){
return false;
}
else{
p.value="Alt...";
p.style.color="Grey";
}
}
qtd_perg.onfocus = function(){
qtd_perg.value="";
qtd_perg.style.color="black";
}
qtd_perg.onblur = function(){
if(qtd_perg.value!=""){
return false;
}
else{
//alert('saiiii');
qtd_perg.value="qtd_p...";
qtd_perg.style.color="Grey";
}
}
butao.onclick = function(){
var numero = p.value;
var numero1 = qtd_perg.value;
//alert(qtd_perg.value);
make_q(numero,numero1,perguntas,manda);
butao.disabled=true;
}
limpar.onclick = function(){
var cont = document.getElementById('tu');
var lista = cont.childNodes;
var parametro = lista.length;
for(var kont = 0;kont<parametro;kont++){
//alert(lista[0]);
cont.removeChild(lista[0]);
}
butao.disabled=false;
tm.value="Materia...";
tm.style.color="grey";
mm.value="qtd/pergun..";
mm.style.color="grey";
p.value="Alt...";
p.style.color="Grey";
qtd_perg.value="qtd_p...";
qtd_perg.style.color="Grey";
}
}
</script>
<script language="javascript">
//alert('porrra');
var provisoria = document.createElement('table');
//alert(provisoria);
//provisoria.className="oxe";
provisoria.border="1";
provisoria.id="merda";
var ptr = document.createElement('tr');
var ptd = document.createElement('td');
ptd.innerHTML="teste_henrique";
ptr.appendChild(ptd);
provisoria.appendChild(ptd);
var puta = document.getElementById('puta');
puta.appendChild(provisoria);
</script>
