Jump to content

  2. →
  3. →

Photo

Alterar A Cor De Uma Div

Started By Carlos Sá, 31/10/2007, 09:48

  • Faça o login para participar
11 replies to this topic

#1 Carlos Sá

Carlos Sá

    Normal

  • Usuários
  • 111 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 31/10/2007, 09:48

Pessoal,
estou alterando a cor de uma div com essa função
function foco(op_foco){
	switch(op_foco){
		case 1:
			op_foco = 1;
			aba = document.getElementById('local');
			aba1 = document.getElementById('cd');
			aba2 = document.getElementById('contato');
			aba3 = document.getElementById('horario');
			aba.style.backgroundColor= '#FFFFFF';
			aba.style.color = '#336699';
			aba1.style.background = '#7f9db9';
			aba1.style.color = '#336699';
			aba2.style.background = '#7f9db9';
			aba2.style.color = '#336699';
			aba3.style.background = '#7f9db9';
			aba3.style.color = '#336699';
			break;
		case 2:
			op_foco = 2;
			aba = document.getElementById('cd');
			aba1 = document.getElementById('local');
			aba2 = document.getElementById('contato');
			aba3 = document.getElementById('horario');
			aba.style.background = '#FFFFFF';
			aba.style.color = '#336699';
			aba1.style.background = '#7f9db9';
			aba1.style.color = '#336699';
			aba2.style.background = '#7f9db9';
			aba2.style.color = '#336699';
			aba3.style.background = '#7f9db9';
			aba3.style.color = '#336699';
			break;
		case 3:
			op_foco = 3;
			aba = document.getElementById('contato');
			aba1 = document.getElementById('local');
			aba2 = document.getElementById('cd');
			aba3 = document.getElementById('horario');
			aba.style.background = '#FFFFFF';
			aba.style.color = '#336699';
			aba1.style.background = '#7f9db9';
			aba1.style.color = '#336699';
			aba2.style.background = '#7f9db9';
			aba2.style.color = '#336699';
			aba3.style.background = '#7f9db9';
			aba3.style.color = '#336699';
			break;
		case 4:
			op_foco = 4;
			aba = document.getElementById('horario');
			aba1 = document.getElementById('contato');
			aba2 = document.getElementById('local');
			aba3 = document.getElementById('cd');
			aba.style.background = '#FFFFFF';
			aba.style.color = '#336699';
			aba1.style.background = '#7f9db9';
			aba1.style.color = '#336699';
			aba2.style.background = '#7f9db9';
			aba2.style.color = '#336699';
			aba3.style.background = '#7f9db9';
			aba3.style.color = '#336699';
			break;
	}
}

ela esta funcionando direito, mas uso o web Developer no Firefox e ele acaba me mostrando o erro 

aba has no properties
aba.style.backgroundColor= '#FFFFFF';

Gostaria de saber o porque desse erro, se pode dar algum problema no futuro, mas como disse até agora esta funcionando bem.

Abraços
Vlw a força de vcs, ainda vou perturbar muito. hahahahahha

#2 Tsunami

Tsunami

    Normal

  • Usuários
  • 111 posts
  • Sexo:Feminino
  • Localidade:Guararapes SP
  • Interesses:Adoro animes, mangás, programação e o Shun *.*

Posted 31/10/2007, 10:32

Nossa, você está fazendo tudo isso só para mudar a cor da div quando passa o mouse em cima dela? Você pode fazer isso direto na folha de estilos:
<style type="text/css">
<!--
.minhadiv {
	background-color: #CCCCCC;
	display: block;
	height: 50px;
	width: 100%;
}

div.minhadiv:hover
{
	background-color:#99CC00;
}
-->
</style>
<div class="minhadiv"></div>

Posted Image · O quadrado mágico :D

#3 Carlos Sá

Carlos Sá

    Normal

  • Usuários
  • 111 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 31/10/2007, 12:52

Nossa, você está fazendo tudo isso só para mudar a cor da div quando passa o mouse em cima dela? Você pode fazer isso direto na folha de estilos:

<style type="text/css">
<!--
.minhadiv {
	background-color: #CCCCCC;
	display: block;
	height: 50px;
	width: 100%;
}

div.minhadiv:hover
{
	background-color:#99CC00;
}
-->
</style>
<div class="minhadiv"></div>



Não é quando o mouse passa pela div e sim quando é clicado, mas o motivo de eu fazer isso é que na verdade é uma tab e no css não esta funcionando, por isso fim no javascript mesmo.

Queria saber o porque de estar dando erro quando faço dessa forma,pois estive olhando em livro e nos sites e esta correto, aparentemente para mim. Alguém poderia me ajudar? 

aba = document.getElementById('horario');
aba.style.background = '#FFFFFF';

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 31/10/2007, 14:10

Só acontece na primeira vez que clica ?
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 Carlos Sá

Carlos Sá

    Normal

  • Usuários
  • 111 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 31/10/2007, 14:40

Só acontece na primeira vez que clica ?


Sim acontece na primeira vez, o que pode ser?

#6 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 31/10/2007, 15:40

Eu perguntei se acontece SÓ na primeira vez ou se for clicando vai mostrando o mesmo erro a cada clique ...
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#7 Carlos Sá

Carlos Sá

    Normal

  • Usuários
  • 111 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 31/10/2007, 16:17

Eu perguntei se acontece SÓ na primeira vez ou se for clicando vai mostrando o mesmo erro a cada clique ...


Sim este erro só aparece no primeiro click (1 vez), mas troca a cor da forma que deveria.

#8 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 13/09/2017, 07:27

Amoxicillin For Dental Infection cheap cialis Misoprostol Venta Where To Order Legally Progesterone Website Cod Accepted Amoxil Generique France Kamagra 50mg Uk Kaufen Levitra cialis Wirkt Nicht Cialis Levitra
Zithromax Extended Release buy cialis Cialis En Generico
Amoxicillin Superinfection Cialis Generique Vente En France Viagra Cialis Levitra Combo Packs
Achat Viagra Cialis En Ligne <a href=http://cialtobuy.com>cialis</a> Muse Medicinale
Avoir Clomid Enceinte generic cialis India Meds Direct Buy Kamagra In Bali First Trusted Rx Levitra And Grapefruit Juice cialis buy online Bupropionxl
Risks To Taking Non Prescription Propecia cialis Propranolol Melbourne
Avis Sur Achat Cytotec En Ligne
Viagra Aachen Kaufen <a href=http://cialtobuy.com>cialis</a> Buy Doxycycline With No Prescription

#9 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 02/10/2017, 17:43

Cialis E Occhio Torsemide Levitra Contraindicaciones viagra online prescription Levitra Rezeptfrei Niederlande
Cephalexin For Veternarian Use Health Viagra kanada levitra bestellen Propecia Without A Prescription Male Pattern Hair Loss Levaquin Bacterial Infections
Are Amoxicillin And Cipro Provera 5mg Tab viagra Commande Viagra Baclofene Bernard Granger 100mg Levitra
Propecia Half Hair Loss Order Cialis Online In Us Amoxicillin A Clavulante Potassium Tablets viagra Buy Propecia Online In Canada
Bingo Buy Game Online Viagra Effet Cialis Generique Levitra Modo Di Assunzione viagra Propecia Acheter France Dosis Maxima De Kamagra Cheap Viagra 3 5 Day Shipping
Baclofene Facebook Buy Name Brand Viagra Cialis Online Secure Zentel By Money Order Without Rx online pharmacy Propecia Patente Buy Keflex No Script Cialis Effet Avis
Viagra Rezeptfrei Direkt Kaufen Popular Pills Online Buy Priligy Usa Cialis Original Contrareembolso online pharmacy Cialis Brand Name Buy Online

#10 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 10/10/2017, 17:57

Zithromax To Treat Gonorrhea filitra vardenafil tablets Buy Levitra Online Dream Pharmaceutical Buspar Discontinued Ortho
Sale Secure Dutasteride Ups Express Delivery With Free Shipping Tameside Vigre In Usa Without Prickription 365 Pills Viagra viagra Paxil On The Internet Sin Receta Comprar Propecia Achat Viagra A Paris

#11 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 28/10/2017, 09:22

Viagra A Quoi Ca Sert viagra Sinus Pain From Taking Amoxicillin Buy Online Tadalis Sx Viagra Dosierung
Viagra Pfizer Maroc Can You Drink While Taking Amoxicillin Viagra Farmacias Online cialis Comprar Cialis En Francia
Levitra Generika Schweiz Buy Plavix From Canada viagra online prescription Medicaments Cialis Generique Propecia En Falta Amoxicillin And Sun
Kamagra Papel Original Kamagra Oral Jelly Buy Epidou Without A Presrciption levitra for sale online Amoxicillin And Cystic Acne
Notas De Propecia Little Blue Pill For Men Gunstige Kamagra levitra shipped from us Viagra Adolescent
Kamagra Jelly 100mg Harbour Acheter Du Levitran Lasix Uk Online viagra Buy Generic Progesterone Best Website With Free Shipping Producto Propecia

#12 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 12/11/2017, 13:16

Propecia Allergie Does Cephalexin Contain Sulfa buy levitra online Cephalexin Dosage In Children Precio Cialis Viagra Viagra Lontano Dai Pasti
Where Can I Buy Lasix Without A Prescription Where Can I Get Digoxin Uso De La Viagra viagra online pharmacy Trouver Tadalis Sx Soft
Voltar para Javascript / DOM / AJAX / ECMAScript


0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq