Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

eve220w

to com esse trabalho de JavaScript onde todos os botoes tem q funciona

Por , em Desenvolvimento frontend

Recommended Posts

eve220w    0

eve220w
Postado 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>Lista de Contatos</title>

<script language="JavaScript">

window.onload = maxWindow;

 

function maxWindow()

{

window.moveTo(0,0);

 

 

if (document.all)

{

top.window.resizeTo(screen.availWidth,screen.availHeight);

}

 

else if (document.layers||document.getElementById)

{

if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth)

{

top.window.outerHeight = screen.availHeight;

top.window.outerWidth = screen.availWidth;

}

}

}

 

</script>

</head>

<body background ="16yg.jpg">

<form name ="form1">

<div>

<script language="JavaScript "></script>

 

<center><b><font face="Bookman Old Style" size="+1"><h1>Agenda eletronica</h1></b><br><br>

<table>

<tbody>

<tr>

<td>

<select style="WIDTH: 209px; HEIGHT: 121px" id="lista" multiple></select>

</td>

<td>

<input type="Button" name="" value="VIZUALIZAR" onclick="visualizarContato();"><BR>

<input type="Button" name="" value="REMOVER " onclick="removeContato();"><BR>

<input type="Button" name="" value="MOVER PRA CIMA" onclick="moverPraCima();"><BR>

<input type="Button" name="" value="MOVER PRA BAIXO" onclick="moverPraBaixo();"><BR>

<input type="Button" name="" value="ORDENAR" onclick="Ordena();"><BR>

 

</td>

 

<br></p>

</tr>

</tbody>

</table>

</form>

<form name = "form2">

<table width="900" border="0">

<tr>

 

<td colspan="2"><b>Nome:</b><input type="text" name="nome"> </td>

<td width="450"><b>Apelido:</b><input type="text" name="nome"> </td>

</tr>

<tr>

<td colspan="2"><b>DDD:</b><input type="text" name="nome"> </td>

<td width="450"><b>Telefone:</b><input type="text" name="nome"> </td>

 

</tr>

<tr>

 

<center><td width="300"><input type="Button" name="" value=" OK " onclick="valida();"></td></center>

<center><td width="300"><input type="Button" name="" value=" CANCELAR " onclick="cancela();"></td></center>

<center><td width="300"><input type="Button" name="input" value=" ALTERAR " onclick="alteraContato();" ></td></center>

 

</tr>

</table>

</center>

</div>

</form>

<script language="JavaScript">

var lista=new Array();

var nContatos=0;

function Contato(){

var nome,apelido,telefone,ddd;

}

function valida(){

var novo=new Contato();

novo.nome=document.form2.nome.value;

novo.apelido=document.form2.apelido.value;

novo.ddd=document.form2.ddd.value;

novo.telefone=document.form2.telefone.value;

lista[nContatos]=novo;

nContatos++;

alert("Cadastrado com sucesso!!!"+nContatos);

 

var op=document.createElement('option');

op.text=novo.apelido;

try{

document.form1.lista.add(op,null);

}catch(ex){

document.form1.lista.add(op);

}

document.form2.nome.value="";

}

 

function sortOrdena(a, B) {

var x = a.apelido.toLowerCase();

var y = b.apelido.toLowerCase();

return ((x < y) ? -1 : ((x > y) ? 1 : 0));

}

 

 

 

function visualizarContato(){

var posicao=document.form1.lista.selectedIndex;

alert(posicao);

var c= new Contato();

c = lista[posicao];

alert("Nome: "+c.nome +"\n Apelido: "+c.apelido +"\n DDD: "+c.ddd +"\n Telefone: "+c.telefone);

}

 

function removeContato(){

var lista = document.getElementById('lista');

lista.remove(lista.selecdetIndex);

alert("Removido com sucesso!!!");

}

 

function alteraContato(){

var altera=document.getElementById('lista');

 

window.onload = maxWindow;

 

 

 

 

}

</script>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

2Flex    1

2Flex
Postado

Olá,

 

Seu DOCTYPE não tem nenhum caminho, isto é, é como se não tivesse DOCTYPE. Especifique um DOCTYPE, vai lhe ajudar bastante na validação do HTML.

 

Cumprimentos

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito