Mudar aspecto com javascript

3 participantes

Ir para baixo

Tópico resolvido Mudar aspecto com javascript

Mensagem por burlador 30.12.10 22:44

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(https://2img.net/r/ihimizer/img407/2360/blueje.png} " , e se conseguirem arranjar um que guarde a mudança em cookies acho agradeço
avatar
burlador
****

Membro desde : 25/01/2010
Mensagens : 200
Pontos : 290

http://google.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar aspecto com javascript

Mensagem por burlador 31.12.10 1:05

up
avatar
burlador
****

Membro desde : 25/01/2010
Mensagens : 200
Pontos : 290

http://google.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar aspecto com javascript

Mensagem por ddik 31.12.10 9:06

Olá,

Desculpe mas não percebi bem sua duvida :S

Ate mais,
ddik
ddik
ddik
Super Membro

Membro desde : 02/08/2009
Mensagens : 1787
Pontos : 2560

http://vilasims.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar aspecto com javascript

Mensagem por Mikáá 01.01.11 11:46

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.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar aspecto com javascript

Mensagem por burlador 01.01.11 17:36

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
avatar
burlador
****

Membro desde : 25/01/2010
Mensagens : 200
Pontos : 290

http://google.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar aspecto com javascript

Mensagem por Mikáá 01.01.11 17:41

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>
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos