Meus Javascript não funciona no Google Chrome

[Gemenson França 0]

olá pessoal, a mdúvida é clara... porque script funciona no firefox e no chrome não acontece nada?

 

o codigo é o seguinte, uma siderbar que aparece sempre que dou um clique (onclick) no icone (+) e desaparece quando dou um clique (onclick) no icone (-):

 

obs: usando o id da div para substituir o style.

 

CODE

<script type="text/javascript">
    function expand(){
        window.document.getElementById('sidebar').style="width: 240px; height: 470px; padding: 5px 10px 0px 0px; background: #ffffff; position: absolute; margin: -5px 0px 0px 16px;"
        window.document.getElementById('btsidebarmais').style="font-size: 25px; color: #ff77a1; position: absolute; margin: 10px 0px 0px 17px; display: none;"
    }
    function retrai(){
        window.document.getElementById('sidebar').style="width: 240px; height: 470px; padding: 5px 10px 0px 0px; background: #ffffff; position: absolute; margin: -5px 0px 0px 16px; display: none;"
        window.document.getElementById('btsidebarmais').style="font-size: 25px; color: #ff77a1; position: absolute; margin: 10px 0px 0px 17px;"
    }
    </script>

existe alguma forma que o script funcione em todos os navegadores?

[William Bruno 1501]

Aperta Ctrl + Shift + J no Chrome e veja se aparece algo no console de erros.

[Criquio 19]

Eu ainda sugiro passar os styles repetidos para o css puro e deixar no js apenas o que for ser alterado. Assim o código fica mais claro e conciso.

[Gemenson França 0]

Não Resolvel meu problema!

 

se caso eu torcar o meu script por pelo script ajax ou jquery isso pode fazer alguma diferença?

[Bri ~ 3]

Posso estar errada, mais tenta colocar os ";" no final das linhas..

ficando assim:

    function expand(){
        window.document.getElementById('sidebar').style="width: 240px; height: 470px; padding: 5px 10px 0px 0px; background: #ffffff; position: absolute; margin: -5px 0px 0px 16px;";
        window.document.getElementById('btsidebarmais').style="font-size: 25px; color: #ff77a1; position: absolute; margin: 10px 0px 0px 17px; display: none;";
    }
    function retrai(){
        window.document.getElementById('sidebar').style="width: 240px; height: 470px; padding: 5px 10px 0px 0px; background: #ffffff; position: absolute; margin: -5px 0px 0px 16px; display: none;";
        window.document.getElementById('btsidebarmais').style="font-size: 25px; color: #ff77a1; position: absolute; margin: 10px 0px 0px 17px;";
    }

[Gemenson França 0]

Amigo tentei também incluir o ";", e o resultado é o mesmo, não faz sentido um script funcionar em um só navegar, se alguém ainda puder e me ajudar com outra solução agradeço...

[William Bruno 1501]

Depende do erro, o que aparece ?

Veja que o Chrome possui um cache maior que o normal. Pode ser que o cache esteja atrapalhando a tua validação de funcionamento.

[LuizHK 0]

O Chrome tem problema para rodar scripts localmente, vide referência [1], em especial AJAX, para isso sendo necessária a utilização de um servidor remoto ou local (XAMPP, WAMPP, etc.).

Se não for o seu caso verifique o erro conforme disse o @William Bruno.

 

 

[1] https://code.google.com/p/chromium/issues/detail?id=40787&q=ajax%20local&colspec=ID%20Stars%20Pri%20Area%20Feature%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS

[theuves 0]

E se você retirar o 'window'?

document.getElementById()

http://www.w3schools.com/jsref/dom_obj_document.asp