Ir para conteúdo
Fórum CódigoFonte.net
Entre para seguir isso  
felipeerj

Ajuda com documento html

Recommended Posts

Boa noite,

Meu nome é Felipe sou novo no forum e preciso de uma pequena ajuda.

Bom tenho um trabalho para apresentar amanha as 7hrs na faculdade, e meu trabalho é sobre html.

Bom a pagina deve conter css,html e javascript separado.

Está quase tudo pronto, mas não consigo acrescentar um relógio atualizado automaticamente e emitir uma mensagem ao usuário contendo o proximo horario de filme (sendo que meu projeto é uma pagina com diversos cinemas de várias regiões.

Segue html:

<!DOCTYPE.html>

<html>

<head>

<link href="cad.css" rel="stylesheet">

<script src="java.js"></script>

<script src="hora.js"></script>

</head>

<body>

<div id="slogan"><id="imagem"><img src ="cad.png" width="1250"/></div>

<div id="corpo1">

<form name="fvalida">

<h1 align="Center"><font color="white" font size="6" font><blink><big> Informações de Contato</big></blink></font></h1>

<h1 align="center"><font color="white" font size="6">Nome:

<input type="text" name="nome" size="30" maxlength="100"></font></h1>

<h1 align="Center">

<colspan="2" align="right"><input type="reset" name="Apaga" value="Limpa Dados">

<colspan="2" align="right"><input type="button" value="Enviar" onclick="valida_envia()"></h1>

</form>

<form>

<font color="white" font size="6">Estado:

<select name="combo0" id="combo_0" onChange="change(this);" style="width:200px;">

<option value="value1">-select-</option>

<option value="value2">Rio de Janeiro</option>

<option value="value3">São Paulo</option>

<option value="value4">Minas Gerais</option>

<option value="value5">Bahia</option>

</select>

<br>

<font color="white" font size="6">Cidade:

<select name="combo1" id="combo_1" onChange="change(this)" style="width:200px;">

<option value="value1"> </option>

</select>

<br>

<font color="white" font size="6">Shopping:

<select name="combo2" id="combo_2" onChange="change(this);" style="width:200px;">

<option value="value1"> </option>

</select>

<br>

<font color="white" font size="6">Filme:

<select name="combo3" id="combo_3" onChange="change(this);" style="width:200px;">

<option value="value1"> </option>

</select>

<br>

<font color="white" font size="6">Horários:

<select name="combo4" id="combo_4" onChange="change(this);" style="width:200px;">

<option value="value1"> </option>

</select>

<h1 align="Center">

<colspan="2" align="right"><input type="reset" name="Apaga" value="Limpa Dados">

<colspan="2" align="right"><input type="button" value="Enviar" onclick="valida_envia()"></h1>

</form>

<div id="corpo2"><h1>

<img src="prog.jpg" width="320">

</div></h1>

<script src="hora.js"></script>

</body>

</html>

agora segue javascript

// Os Estados

data_1 = new Option("Rio de Janeiro", "$");

data_2 = new Option("São Paulo", "$$");

data_3 = new Option("Minas Gerais", "$$");

data_4 = new Option("Bahia", "$$");

// Cidades / 2 Shopping por cidade

data_1_1 = new Option("Resende", "-"); data_1_1_1 = new Option ("Pátio Mix", "-"); data_1_1_2 = new Option ("Resende shopping", "-");

data_1_2 = new Option("Volta Redonda", "-"); data_1_2_1 = new Option("Shopping um", "-"); data_1_2_2 = new Option("Shopping dois", "-");

data_1_3 = new Option("Barra Mansa", "-"); data_1_3_1 = new Option("Shopping um", "-"); data_1_3_2 = new Option("Shopping dois", "-");

data_2_1 = new Option("Ribeirão Preto", "-"); data_2_1_1 = new Option("Shopping um", "-"); data_2_1_2 = new Option("Shopping dois", "-");

data_2_2 = new Option("Franca","--"); data_2_2_1 = new Option("Shopping um","--"); data_2_2_2 = new Option("Shopping dois","--");

data_2_3 = new Option("Campinas", "--"); data_2_3_1 = new Option("Shopping um", "--"); data_2_3_2 = new Option("Shopping dois", "--");

data_3_1 = new Option("Belo Horizonte", "--"); data_3_1_1 = new Option("Shopping um", "--"); data_3_1_2 = new Option("Shopping dois", "--");

data_3_2 = new Option("Uberaba", "--"); data_3_2_1 = new Option("Shopping um", "--"); data_3_2_2 = new Option("Shopping dois", "--");

data_3_3 = new Option("Uberlândia", "--"); data_3_3_1 = new Option("Shopping um", "--"); data_3_3_2 = new Option("Shopping dois", "--");

data_4_1 = new Option("Salvador", "--"); data_4_1_1 = new Option("Shopping um", "--"); data_4_1_2= new Option("Shopping dois", "--");

data_4_2 = new Option("Feira de Santana", "--"); data_4_2_1 = new Option("Shopping um", "--"); data_4_2_2 = new Option("Shopping dois", "--");

data_4_3 = new Option("Vitória da Conquista", "--");data_4_3_1 = new Option("Shopping um", "--"); data_4_3_2 = new Option("Shopping dois", "--");

// Filmes 1 / shopping1 Horarios por cidade shopping1/ filme1 Filmes 2 / shopping1 horario do shopping 1/ filme 2 filmes1 shopping 2 Horarios do filme 1 / shopping2 filme2 / shopping 2 Horarios do filme 2 / shopping2

data_1_1_1_1 = new Option("A hora do Espanto", "*"); data_1_1_1_1_1 = new Option("18:00","%"); data_1_1_1_2 = new Option("A Grande Família", "*"); data_1_1_1_2_1 = new Option("20:00","%"); data_1_1_2_1 = new Option("O Auto da Compadecida", "*"); data_1_1_2_1_1 = new Option("20:00","%"); data_1_1_2_2 = new Option("A Grande Família", "horario diferente"); data_1_1_2_2_1 = new Option("22:00","%");

data_1_1_1_1_2 = new Option("19:00","%"); data_1_1_1_2_2 = new Option("21:00","%"); data_1_1_2_1_2 = new Option("21:00","%"); data_1_1_2_2_2 = new Option("23:00","%");

data_1_2_1_1 = new Option("O Auto da Compadecida", ""); data_1_2_1_1_1 = new Option("18:00","%"); data_1_2_1_2 = new Option("O menino Maluquinho", "*"); data_1_2_1_2_1 = new Option("20:00","%"); data_1_2_2_1 = new Option("Ghost do Outro Lado da Vida", "*"); data_1_2_2_1_1 = new Option("20:00","%"); data_1_2_2_2 = new Option("Garota Infernal", "horario diferente"); data_1_2_2_2_1 = new Option("22:00","%");

data_1_2_1_1_2 = new Option("19:00","%"); data_1_2_1_2_2 = new Option("21:00","%"); data_1_2_2_1_2 = new Option("21:00","%"); data_1_2_2_2_2 = new Option("23:00","%");

data_1_3_1_1 = new Option("O Pequeno Príncipe", "*"); data_1_3_1_1_1 = new Option("18:00","%"); data_1_3_1_2 = new Option("Hulk", "**"); data_1_3_1_2_1 = new Option("20:00","%"); data_1_3_2_1 = new Option("Homem Aranha", "**"); data_1_3_2_1_1 = new Option("20:00","%"); data_1_3_2_2 = new Option("Madagascar 3", "*horarios diferente*"); data_1_3_2_2_1 = new Option("22:00","%");

data_1_3_1_1_2 = new Option("19:00","%"); data_1_3_1_2_2 = new Option("21:00","%"); data_1_3_2_1_2 = new Option("21:00","%"); data_1_3_2_2_2 = new Option("23:00","%");

data_2_1_1_1 = new Option("Era do Gelo 4", "**"); data_2_1_1_1_1 = new Option("18:00","%"); data_2_1_1_2 = new Option("Homem de Ferro", "**"); data_2_1_1_2_1 = new Option("20:00","%"); data_2_1_2_1 = new Option("Harry Potter", "***"); data_2_1_2_1_1 = new Option("20:00","%"); data_2_1_2_2 = new Option("Os Vingadores", "*horario diferente*"); data_2_1_2_2_1 = new Option("22:00","%");

data_2_1_1_1_2 = new Option("19:00","%"); data_2_1_1_2_2 = new Option("21:00","%"); data_2_1_2_1_2 = new Option("21:00","%"); data_2_1_2_2_2 = new Option("23:00","%");

data_2_2_1_1 = new Option("Titanic", "***"); data_2_2_1_1_1 = new Option("18:00","%"); data_2_2_1_2 = new Option("Lagoa Azul", "***"); data_2_2_1_2_1 = new Option("20:00","%"); data_2_2_2_1 = new Option("O Último Imperador", "***"); data_2_2_2_1_1 = new Option("20:00","%"); data_2_2_2_2 = new Option("Fantasma da Ópera", "*horario diferente*"); data_2_2_2_2_1 = new Option("22:00","%");

data_2_2_1_1_2 = new Option("19:00","%"); data_2_2_1_2_2 = new Option("21:00","%"); data_2_2_2_1_2 = new Option("21:00","%"); data_2_2_2_2_2 = new Option("23:00","%");

data_2_3_1_1 = new Option("Gandh", "***"); data_2_3_1_1_1 = new Option("18:00","%"); data_2_3_1_2 = new Option("Escorpião Rei", "***"); data_2_3_1_2_1 = new Option("20:00","%"); data_2_3_2_1 = new Option("Escorpião Rei", "*horario dife**"); data_2_3_2_1_1 = new Option("20:00","%"); data_2_3_2_2 = new Option("Tartaruga Ninja", "***"); data_2_3_2_2_1 = new Option("22:00","%");

data_2_3_1_1_2 = new Option("19:00","%"); data_2_3_1_2_2 = new Option("21:00","%"); data_2_3_2_1_2 = new Option("21:00","%"); data_2_3_2_2_2 = new Option("23:00","%");

data_3_1_1_1 = new Option("Mib Homens de Preto", "***"); data_3_1_1_1_1 = new Option("18:00","%"); data_3_1_1_2 = new Option("Piratas do Caribe", "***"); data_3_1_1_2_1 = new Option("20:00","%"); data_3_1_2_1 = new Option("Mib Homens de Preto", "**horario*"); data_3_1_2_1_1 = new Option("20:00","%"); data_3_1_2_2 = new Option("Love History", "***"); data_3_1_2_2_1 = new Option("22:00","%");

data_3_1_1_1_2 = new Option("19:00","%"); data_3_1_1_2_2 = new Option("21:00","%"); data_3_1_2_1_2 = new Option("21:00","%"); data_3_1_2_2_2 = new Option("23:00","%");

data_3_2_1_1 = new Option("Mulher Gato", "***"); data_3_2_1_1_1 = new Option("18:00","%"); data_3_2_1_2 = new Option("Lampeão e Maria Bonita", "***"); data_3_2_1_2_1 = new Option("20:00","%"); data_3_2_2_1 = new Option("Mulher Gato", "*horario diferente**"); data_3_2_2_1_1 = new Option("20:00","%"); data_3_2_2_2 = new Option("O Máscara", "***"); data_3_2_2_2_1 = new Option("22:00","%");

data_3_2_1_1_2 = new Option("19:00","%"); data_3_2_1_2_2 = new Option("21:00","%"); data_3_2_2_1_2 = new Option("21:00","%"); data_3_2_2_2_2 = new Option("23:00","%");

data_3_3_1_1 = new Option("Dois Filhos de Francisco", "***"); data_3_3_1_1_1 = new Option("18:00","%"); data_3_3_1_2 = new Option("Batman", "***"); data_3_3_1_2_1 = new Option("20:00","%"); data_3_3_2_1 = new Option("O Máscara", "**horario diferente*"); data_3_3_2_1_1 = new Option("20:00","%"); data_3_3_2_2 = new Option("O Pianista", "***"); data_3_3_2_2_1 = new Option("22:00","%");

data_3_3_1_1_2 = new Option("19:00","%"); data_3_3_1_2_2 = new Option("21:00","%"); data_3_3_2_1_2 = new Option("21:00","%"); data_3_3_2_2_2 = new Option("23:00","%");

data_4_1_1_1 = new Option("Heyde", "***"); data_4_1_1_1_1 = new Option("18:00","%"); data_4_1_1_2 = new Option("A Pantera Cor de Rosa", "***"); data_4_1_1_2_1 = new Option("20:00","%"); data_4_1_2_1 = new Option("O Pianista", "*horario diferente**"); data_4_1_2_1_1 = new Option("20:00","%"); data_4_1_2_2 = new Option("Tubarão", "***"); data_4_1_2_2_1 = new Option("22:00","%");

data_4_1_1_1_2 = new Option("19:00","%"); data_4_1_1_2_2 = new Option("21:00","%"); data_4_1_2_1_2 = new Option("21:00","%"); data_4_1_2_2_2 = new Option("23:00","%");

data_4_2_1_1 = new Option("Corra Que a Polícia Vem aí 7", "***"); data_4_2_1_1_1 = new Option("18:00","%"); data_4_2_1_2 = new Option("Operação Limpeza", "***"); data_4_2_1_2_1 = new Option("20:00","%"); data_4_2_2_1 = new Option("Operação Limpeza", "**horario di*"); data_4_2_2_1_1 = new Option("20:00","%"); data_4_2_2_2 = new Option("Pinóquio", "***"); data_4_2_2_2_1 = new Option("22:00","%");

data_4_2_1_1_2 = new Option("19:00","%"); data_4_2_1_2_2 = new Option("21:00","%"); data_4_2_2_1_2 = new Option("21:00","%"); data_4_2_2_2_2 = new Option("23:00","%");

data_4_3_1_1 = new Option("Peter Pan", "***"); data_4_3_1_1_1 = new Option("18:00","%"); data_4_3_1_2 = new Option("A casa de Cera", "***"); data_4_3_1_2_1 = new Option("20:00","%"); data_4_3_2_1 = new Option("Olhos Famintos", "***"); data_4_3_2_1_1 = new Option("20:00","%"); data_4_3_2_2 = new Option("Amanhecer Part I", "***"); data_4_3_2_2_1 = new Option("22:00","%");

data_4_3_1_1_2 = new Option("19:00","%"); data_4_3_1_2_2 = new Option("21:00","%"); data_4_3_2_1_2 = new Option("21:00","%"); data_4_3_2_2_2 = new Option("23:00","%");

// Horarios por cidade

/*data_2_2_1_1 = new Option("2211","%")

data_2_2_1_1 = new Option("2211","%")

data_2_2_1_2 = new Option("2212","%%")*/

// parameters

displaywhenempty=""

valuewhenempty=-1

displaywhennotempty="-select-"

valuewhennotempty=0

function change(currentbox) {

numb = currentbox.id.split("_");

currentbox = numb[1];

i=parseInt(currentbox)+1

// Eu esvaziei todas as caixas de combinação seguindo o atual

/* while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&

(document.getElementById("combo_"+i)!=null)) {

son = document.getElementById("combo_"+i);

// Eu esvaziei todas as opções exceto o primeiro (não é permitido)

for (var m=son.options.length-1; m>0 ;m--) son.options[m]=null;

// Eu redefinir a primeira opção

son.options[0]=new Option(displaywhenempty,valuewhenempty)

i=i+1

}*/

{ function filtrarCidades (evento){

var estadoSel = evento.target.value;

var cidade = document.getElementById ("cidade");

cidade.options.length = 0;}

}

// agora eu criei a string com a "base" nome ("stringa"), ie. "data_1_0"

// a que eu vou adicionar _0, _1, _2, _3 etc para obter o nome da caixa de combinação para preencher

stringa='data'

i=0

while ((eval("typeof(document.getElementById(\"combo_"+i+"\"))!='undefined'")) &&

(document.getElementById("combo_"+i)!=null)) {

eval("stringa=stringa+'_'+document.getElementById(\"combo_"+i+"\").selectedIndex")

if (i==currentbox) break;

i=i+1

}

// preencher o "filho" combo (se existir)

following=parseInt(currentbox)+1

if ((eval("typeof(document.getElementById(\"combo_"+following+"\"))!='undefined'")) &&

(document.getElementById("combo_"+following)!=null)) {

son = document.getElementById("combo_"+following);

stringa=stringa+"_"

i=0

while ((eval("typeof("+stringa+i+")!='undefined'")) || (i==0)) {

// Se não há opções, eu esvaziar a primeira opção do "filho" combo

// Caso contrário, colocar "-select-" nele

if ((i==0) && eval("typeof("+stringa+"0)=='undefined'"))

if (eval("typeof("+stringa+"1)=='undefined'"))

eval("son.options[0]=new Option(displaywhenempty,valuewhenempty)")

else

eval("son.options[0]=new Option(displaywhennotempty,valuewhennotempty)")

else

eval("son.options["+i+"]=new Option("+stringa+i+".text,"+stringa+i+".value)")

i=i+1

}

//son.focus()

i=1

combostatus=''

cstatus=stringa.split("_")

while (cstatus!=null) {

combostatus=combostatus+cstatus

i=i+1

}

return combostatus;

}

}

//-->

function valida_envia(){

//valido o nome

if (document.fvalida.nome.value.length==0){

alert("Campo nome inválido")

document.fvalida.nome.focus()

return 0;

}

//o formulário se envia

alert("Formulário enviado com sucesso");

document.fvalida.submit();

}

agora css da pagina

div#slogan {

position: fixed;

top:2%; left: 0%; bottom:70%; right:0%;

background-color: black; margin-right:10px; margin-left:10px;

}

#imagem{

white

position:fixed;

top:0%;

}

div#corpo1{

position:fixed;

top:36%; left:0%; bottom:0%; right:50%;

background-color:black; margin-right:10px; margin-left:10px;

}

div#corpo2{

position: fixed;

top:36%; left:50%; bottom:0%; right:0%;

background-color: black; margin-left:10px; margin-right:10px;

}

div#Clock{

position: fixed;

top:36%; left:%; bottom:0%; right:90%;

background-color: black; margin-left:10px; margin-right:10px;

}

// bom o programa está ai, claro que faltam as imagens que estão em minha posse aqui e tudo mais, mas a base está ai. Possuo tambem um javascript para o relogio que não consigo inserir e aparecer na minha pagina

<BODY onload=startclock() bgcolor="#EFEFEF">

<SCRIPT language=JavaScript>

var timeID=null;

var timerRunning=false;

function stopclock (){

if(timerRunning)

clearTimeout(timerID);

timerRunning=false;

}

function startclock (){

stopclock ();

showtime ();

}

function showtime() {

var now=new Date();

var hours= now.getHours();

var minutes= now.getMinutes();

var seconds= now.getSeconds();

var timeValue=""+ hours;

timeValue += ((minutes<10) ? ":0" : ":") + minutes

timeValue += ((seconds<10) ? ":0" : ":") + seconds

document.clock.face.value= timeValue

timerID = setTimeout("showtime()",1000);

timerRunning = true;

}

</SCRIPT>

<FORM name=clock onsubmit=0>

<DIV align="center"><INPUT type=button value="" name=face></DIV>

</FORM>

</BODY>

// preciso de ajuda urgente mesmo, meu e-mail é [email protected] ou [email protected]

Att.,

Luiz Felipe

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

×
×
  • Criar Novo...