Jump to content

  2. →
  3. →
  4. →

Photo

Alterar Estilo Em Tempo De Execução

Started By Alexx Ares, 13/11/2005, 22:23

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

#1 Alexx Ares

Alexx Ares

    Doutor

  • Usuários
  • 921 posts
  • Sexo:Masculino
  • Localidade:Santos - SP

Posted 13/11/2005, 22:23

Pessoal,

Como faço para alterar o estilo de uma pagina em tempo real, de execução, após a pagina ter sido carregada, sem carregar novamente?

Exemplo:

Tenho um <p> com um estilo definindo a cor da fonte em vermelho.

Ao clicar em algum link, quero que aquele <p> tenha uma cor azul, serm recarregar a pagina.

Já vi isso em alguns lugares, mas eles utilizam arquivos de CSS externos, minha página utiliza interno com a tag <style> ....

Há alguma maneira de fazer isso?

Valeu!!
:lol: (y)
||| PENSE NISSO ||| O ser humano, dizem, deve dormir 8 horas por dia. Isso equivale a 1 terço do seu dia dormindo. Agora imagine a seguinte situação: você, com 75 anos, prestes a morrer, olha para trás e percebe que dormiu 1 terço da sua vida, ou seja, 25 anos. Cara... 25 ANOS DORMINDO !!! Se você tem menos de 25 anos, simplesmente você vai dormir mais do que viveu até hoje!!! Pense nisso... e durma menos.

#2 getpaulo

getpaulo

    Normal

  • Usuários
  • 82 posts
  • Sexo:Não informado
  • Localidade:MG
  • Interesses:Apreender

Posted 13/11/2005, 23:30

Via java Script
getpaulo

"Mas, a todos quantos o receberam, aos que crêem no seu nome, deu-lhes o poder de se tornarem filhos de Deus; aos quais não nasceram do sangue, nem da vontade da carne, nem da vontade do varão, mas de Deus. JOÃO 1:12,13"

#3 Alexx Ares

Alexx Ares

    Doutor

  • Usuários
  • 921 posts
  • Sexo:Masculino
  • Localidade:Santos - SP

Posted 16/11/2005, 01:02

Obrigado getPaulo,

Pensei em javascript, mas sei apenas mudar objeto por objeto... como mudar todo o estilo?

Seria algo mais ou menos assim:

<style>

» OPÇÃO A
body { .... }
p { ... }
a { ... }

» OPÇÃO B
body { .... }
p { ... }
a { ... }

</style>

Aí a pagina inicia com os estilos da opção A e ao apertar um botão, usa a opção B.

Sei que posso fazer isso por PHP, atraves de uma variavel GET que determina se usa A ou B... mas aí a página teria que ser recarregada...

E por javascript, como disse, sei apenas setar um por um... e tem MUITOS objetos e classes no meu CSS... :blink:

Vi em algumas paginas que atraves da tag <link> o cara chama folhas diferentes .css e com um comando alterna qual folha vai utilizar...

Aqui um exemplo: http://www.plasmadesign.com.br

Alguma alternativa sem usar folhas externas?

Valeu! :lol: (y)
||| PENSE NISSO ||| O ser humano, dizem, deve dormir 8 horas por dia. Isso equivale a 1 terço do seu dia dormindo. Agora imagine a seguinte situação: você, com 75 anos, prestes a morrer, olha para trás e percebe que dormiu 1 terço da sua vida, ou seja, 25 anos. Cara... 25 ANOS DORMINDO !!! Se você tem menos de 25 anos, simplesmente você vai dormir mais do que viveu até hoje!!! Pense nisso... e durma menos.

#4 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 16/11/2005, 10:01

Ai é que está, fazer a troca sem ser uma folha de estilo externa :unsure:
Não consigo pensar em um jeito simples de se fazer isso usando os estilos internos... pelo menos se fossem externos, ai seria fácil para mudar..

Pq não pode ser folhas externas?
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 Alexx Ares

Alexx Ares

    Doutor

  • Usuários
  • 921 posts
  • Sexo:Masculino
  • Localidade:Santos - SP

Posted 18/11/2005, 10:57

Oi Xará! :P

Não pode ser externo por dois motivos: primeiro que o <head> é dinamico, através de um include do PHP, ou seja, todas as paginas tem o mesmo <head> configurado em head.php

Segundo, eu não gosto muito de usar estilos externos pois as vezes o arquivo.css não carrega e o site fica medonho... ( ja vi muito disso acontecer... ).

Estou agora utilizando os padrões do W3C e caso não carregue o .css fica em texto, tudo certinho, mas a idéia é que carregue o css sempre!!

Agora se não tiver jeito, vou ter que usar o PHP pra definir que estilos utilizar, mas aí tenho que recarregar a página... e também não queria isso! :huh:

Cara fresco né? hehe

Valeu! :lol: (y)
||| PENSE NISSO ||| O ser humano, dizem, deve dormir 8 horas por dia. Isso equivale a 1 terço do seu dia dormindo. Agora imagine a seguinte situação: você, com 75 anos, prestes a morrer, olha para trás e percebe que dormiu 1 terço da sua vida, ou seja, 25 anos. Cara... 25 ANOS DORMINDO !!! Se você tem menos de 25 anos, simplesmente você vai dormir mais do que viveu até hoje!!! Pense nisso... e durma menos.

#6 jeanpaulo5

jeanpaulo5

    ....

  • Usuários
  • 189 posts
  • Sexo:Não informado
  • Localidade:Rj - Rio de Janeiro

Posted 19/11/2005, 09:48

Como seria em folhas externas?

#7 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 16/09/2017, 05:22

Zithromax Medicine cialis Buy Genuine Pfizer Viagra
Buy Propecia Black Online Zithromax Online Order Venta Cialis En Farmacias
Priligy 60 Mg Precio <a href=http://cialtobuy.com>online pharmacy</a> Where To Buy Amoxicilina Cod Accepted Milan
Ohio Propecia cheap cialis Generic Viagra Professional
Best Levitra Prices Where To Order Isotretinoin
Zithromax Equivalent In India <a href=http://cialtobuy.com>cialis</a> Cialis Hipertension
Half Life Of Amoxicillin cialis Can I Take Sudafed With Amoxicillin Venta Kamagra El Mundo How Good Is Amoxicillin For Viagra Generico India online pharmacy 150 Mg Lithium Capsules
Viagra Online Bestellen Apotheke cialis Viagra Generique Livraison 24h
Vente De Kamagra
Buy Kamagra Usa <a href=http://cialtobuy.com>cialis buy online</a> Vendo Kamagra Tenerife

#8 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 18/09/2017, 00:26

Viagra Online Nz cialis Cheap Sildenafil 100mg
Kamagra Verboten
Acheter Du Cytotec En Ligne Sans Ordonnance cialis online Amoxicillin And Cetalopram

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 04/10/2017, 18:14

Direct Clobetasol Cormax Mastercard Best Website viagra Xenical Prix Discount Achat Viagra Veritable Wholesale Generic Viagra
Cialis Jean Coutu Venta De Viagra Contrareembolso viagra Priligy Vendo Inde
Payday Loans and Short term loans at reasonable interest rates.They charge interest rates and fees that would make conventional borrowers cringe and often base lending decisions on whether there will be enough equity in their subject homes that they can foreclose and still turn a profit. personal loans online Forbearance and deferment are temporary fixes whereas repayment plans tend to be more permanent.Youll find more information below but please also read our Important Notes about our loans and Interest Rates and Charges before you apply.

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 20/10/2017, 17:27

Correct Dosage Amoxicillin Cat Best Buy Amoxicilina Visa Accepted Direct Overnight Shipping Priligy Est Securisee levitra 40 mg generic Amoxicillin Clavulanate Acid Amoxicillin A Clavulante Potassium Tablets Viagra Erfahrungen Forum
Forum Priligy 2 Alternative Med To Amoxil viagra Achat Kamagra Securise
Cialis Bruciore Di Stomaco where to purchase low cost levitra Buy Cheap Bupropion 150mg In Usa Cialis Dosierung Wirkung

#11 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 21/10/2017, 07:11

Levitra Ohne Rezept Deutschland viagra online Thecanadiandrugstore

#12 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/10/2017, 16:00

Cialis Generico A Basso Costo cialis online Priligy Madrid Prescriptions For Cialis Secure Place To Buy Yasmin Online
Cephalexin Expiration Cialis Achat Avis viagra Propecia Hiperplasia Prostatica Generic Lasix

#13 RonsisM

RonsisM

    Super Veterano

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

Posted 23/10/2017, 01:59

Propecia O Pilexil Viagra Online Expressversand viagra Baclofene Definition Price Of Lasix
Priligy Venta En Argentina viagra Baclofen En Ligne Achat Levitra En France Dapoxetine Chlorhydrate
Viagra Hersteller Usa Pills Viagra Comprar Propecia Finasteride cialis Prix Viagra Pas Cher En Saint Prezzo Cialis Levitra
Lisinopril Purchase Online generic levitra 40 mg Viagra In China Best Online Pharmacies Cialis Bestellen Generika
Kamagra Gold Side Effects Erectile Dysfunction viagra Buy Zithromax Chlamydia Buy Clomid Tablets Online. Where To Buy Penicillin Vk Online?
Can You Take Expiered Amoxicillin Tadacip Buy Online Will Propecia Work For Me Testosterone Levels buy viagra online Cipro Prix De Vente Viagra Achat Ligne Belgique
Propecia En Ligne Canada how to buy levitra Propecia Sample Pack Propecia Causas

#14 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 01/11/2017, 11:47

Caphalexin Sandoz Vs Cephalexin Ialex Viagra In Der Schweiz Rezeptfrei cialis Differenza Tra Viagra E Levitra Kamagra Frankfurt
Zithromax Cystic Fibrosis Buy Seasonique Without A Prescription Can Amoxicillin Treat Chlamidia viagra online prescription Fairy Pharmacy Purchasing Viagra Without Prescription Amoxicillin Common Side Effects
Propecia Achat En Ligne Generic Levitra Does It Work buy viagra online Propecia En Ligne France Cialis 5 Mg Generico Cialis Original Precio Farmacia

#15 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 22/11/2017, 17:06

Cialis Prix Pas Cher cialis Buying Isotretinoin Secure Real Overseas Fedex Levitra Kaufen In Deutschland
Groovorio cialis buy online Buy Zithromax 500mg Vente Xenical
Worldwide Bentyl Viagra Sale Pfizer Propecia Inghilterra online pharmacy Order Synthroid Prix Du Cialis En Pharmacie En France
Voltar para CSS & Semântica (Tableless)


1 user(s) are reading this topic

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

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. → CSS & Semântica (Tableless)
  5. Privacy Policy
  6. Regras ·
IPB Skin By Virteq