Ir para conteúdo

POWERED BY:

Arquivado

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

Clauido José

[Resolvido] mousedouwn mouseup

Recommended Posts

bom pessoua estou desenvolvendo uma pagina com tabless e gostaria de quando eu passar por cima do mouse ele modasse de cor e quando clicasse em cima da tabela ela me mostaria uma outra tabela que ficaria escondida bom a tabela escondida já ta conseguindo visualizar certo agora nao to conseguindo mudar a cor to fazendo assim:

 

function mostraEscondeOs(id){
		document.getElementById("Sub1").style.display="none"
		document.getElementById("Sub2").style.display="none"
		document.getElementById("Sub3").style.display="none"
		document.getElementById("Sub4").style.display="none"		
		if(document.getElementById(id).style.display=="block")
		{
			document.getElementById(id).style.display="none"
		}
		else
		{
			document.getElementById(id).style.display="block"
		}
	}
	
	function estilo1(estilo,id){
		document.getElementsByName(id).className=estilo
	}
	
	function estilo2(estilo,id){
		document.getElementsByName(id).className=estilo
	}

Na tabela to colocando assim

<td width="25%" bgcolor="#CBE0F3" class="Titulo" id="td1" onclick="mostraEscondeOs('Sub1');" onMouseOver="estilo1('dentromouse','td1')" onMouseOut="estilo2('foramouse','td1')">Dados da assinatura </td>

o estilo ta assim

 

.dentromouse {
	background: #CBE0F3;
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px; 
	FONT: bolder 10px Tahoma;
	cursor: hand;
}

.foramouse{
	background:#5082B4;  
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px; 
	FONT: bolder 10px Tahoma;
	cursor:default;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

O Erro está aqui:

document.getElementsByName(id).className=estilo

você está usando "ID", e está chamando o elemento pelo "Name"... mude para "document.getElementById..."

 

Abraços..

Compartilhar este post


Link para o post
Compartilhar em outros sites

só pra dar uma otimizada na tua função, você poderia fazer assim:

 

function escondeTudo() {
	var i;
	var elTag = document.getElementsByTagName("DIV"); //SUPONDO que suas tags sejam DIVs. Se não forem é só você alterar aqui...

	for(i=0; i<elTag.length; i++) {
		if(elTag[i].id.indexOf("Sub") >= 0) elTag[i].style.display = "none";
	}
}

function mostraEscondeOs(id) {
	var el = document.getElementById(id);

	escondeTudo();
	el.style.display = (el.style.display=='block')?'none':'block';
}

function estilo1(estilo,id){
	document.getElementById(id).className=estilo
}

function estilo2(estilo,id){
	document.getElementById(id).className=estilo
}

 

Abrax!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara coloquei o id ele fala que o objeto nao suporta a propriedade ou metodo a otmização fico lega gostei vivendo e aprendendo e o codigo do estilo ficou assim

function estilo1(estilo,id){
				document.getElementsById(id).className=estilo
			}
			
			function estilo2(estilo,id){
				document.getElementsById(id).className=estilo
			}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ta certo cara! Tem que ser assim mesmo! Tem muita coisa nova surgindo a cada segundo e temos que ficar ligados!

Uma dica: SEMPRE que ver um script legal por aí, guarda ele num diretório de scripts. Uma dia você vai precisar dele (e vai MESMO!). Aí quando tiver um tempo livre, dá uma estudada neles... é uma forma de aprender.

 

Sobre seu código ele ainda está errado. Não é getElementsById é getElementById (no singular, pois você está pegando UM elemento, e não um grupo).

 

ABRAX! ^_^

Compartilhar este post


Link para o post
Compartilhar em outros sites

isso é verdade nossa are é problema mesmo la fora isso serve de lição vou tentar ok

cara funcinou só que eu quero o seguinte que quando eu tirar o mouse ele volte para cor orinal entede.

Compartilhar este post


Link para o post
Compartilhar em outros sites

o ideal é ter dois estilos, um pra cada cor. Aí você só troca as chamadas.

Tipo assim (exemplo rápido):

 

.estilo1 { color: #06C; }
.estilo2 { color: #CC; }

aí no mouseover do teu elemento você chama um estilo, e no mouseout você chama o outro:

 

function mudaestilo(obj) {
  obj.className = (obj.className == "estilo1")?"estilo2":"estilo1";;
}

Entendeu a idéia?

 

Abrax!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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