Mudar aspecto com javascript

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Mudar aspecto com javascript

Mensagem por burlador em 30/12/10, 08:44 pm

Boas,

queria saber se existe algum javascript que permite a mudança de zonas do css
exemplo
Código:

<FORM><INPUT TYPE="button" VALUE="silver" ONCLICK="document.
bgColor='silver'">
<INPUT TYPE="button" VALUE="slate" ONCLICK="document.
bgColor='lightslategray'">
<INPUT TYPE="button" VALUE="azure" ONCLICK="document.
bgColor='azure'">
<INPUT TYPE="button" VALUE="blue" ONCLICK="document.
bgColor='lightblue'">
<INPUT TYPE="button" VALUE="white" ONCLICK="document.
bgColor='white'"></FORM>

esse javascript permite a mudança da cor do fundo e eu queria um que mudasse a class ".pun-navlinks li:hover " para " .pun-navlinks li:hover {backgroundImage="url(http://img407.imageshack.us/img407/2360/blueje.png} " , e se conseguirem arranjar um que guarde a mudança em cookies acho agradeço

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: Mudar aspecto com javascript

Mensagem por burlador em 30/12/10, 11:05 pm

up

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: Mudar aspecto com javascript

Mensagem por ddik em 31/12/10, 07:06 am

Olá,

Desculpe mas não percebi bem sua duvida :S

Ate mais,
ddik
avatar

ddik
Membro do Fórum

Masculino
Inscrito dia : 01/08/2009
Mensagens : 1787
Pontos Ativos : 2560

Ver perfil do usuário http://vilasims.com/

Resolvido Re: Mudar aspecto com javascript

Mensagem por Mikáá em 01/01/11, 09:46 am

Bom dia,

Não compreendi, mas penso que seja isto:
Código:
<Script Language='Javascript'>
<!--
document.write(unescape('%3C%46%4F%52%4D%3E%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%73%69%6C%76%65%72%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%73%69%6C%76%65%72%27%22%3E%0D%0A%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%73%6C%61%74%65%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%6C%69%67%68%74%73%6C%61%74%65%67%72%61%79%27%22%3E%0D%0A%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%61%7A%75%72%65%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%61%7A%75%72%65%27%22%3E%0D%0A%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%62%6C%75%65%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%6C%69%67%68%74%62%6C%75%65%27%22%3E%0D%0A%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%77%68%69%74%65%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%77%68%69%74%65%27%22%3E%3C%2F%46%4F%52%4D%3E'));
//-->
</Script>

Não sei se funciona, ainda não testei...

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Mudar aspecto com javascript

Mensagem por burlador em 01/01/11, 03:36 pm

Exemplo eu tenho este código
Código:
<script language="Javascript" type="text/Javascript">
<!--
function AlteraClasse(){
        alert("Vai alterar...");
      $("#pun-navlinks").css("display", "none");
        alert("Alterou.");
}
//-->
</script>
---------------------------------------------------------------


<table width="200" border="0">
  <tr id="menu1" onclick="AlteraClasse()" id="pun-navlinks">
    <td><b>Esconder Menu</b></td>
  </tr>
</table>


o codigo fará com que ao clickar a class pun-navlinks passe para display: none e eu queria ao carregar mudasse a class pun-navlinks li:hover para ficar com o backgroun-image com akela imagem , mas nao sei a maneira correcta de por o codigo

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: Mudar aspecto com javascript

Mensagem por Mikáá em 01/01/11, 03:41 pm

Penso que seja isto:
Código:
<script language="Javascript" type="text/Javascript">
<!--
function AlteraClasse(){
        alert("Vai alterar...");
      $(".pun-navlinks li:hover").css("background-image", "url(http://img407.imageshack.us/img407/2360/blueje.png)");
        alert("Alterou.");
}
//-->
</script>
---------------------------------------------------------------


<table width="200" border="0">
  <tr id="menu1" onclick="AlteraClasse()" id="pun-navlinks li:hover">
    <td><b>Esconder Menu</b></td>
  </tr>
</table>
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum