Boton java y css

[Ddsdone]

Tengo un panel que su tamaño es 141px, quiero hacer un boton fuera de el, que al clickearlo haga que el panel se "expanda" , modificando su css, tengo este codigo:

Código CSS:

function admin(){
// JavaScript Documentfunction sumar(){
var article = document.getElementById("admin");
             
            article.addEventListener("click", function(e){
              this.style.width = this.style.width == "500px" ? "141px" : "500px";
              
            }, false);
}
 

El mismo hace que si hago click sobre el panel este mismo se expanda, pero no quiero q sea sobre el panel el click, sino en el boton.

pense en llamar la funcion con un <a>

Código HTML:

<a href="#" onClick="javascript:admin()" id="panel-admin" >Panel-admin</a>
 

pero no funciona porque aun el javascript dice q el click debe ser sobre el panel.

como deberia ser el codigo del javascript para que al llamar la funcion el css de admin sea modificado"?

[Alexis88]

Interpretando bien y adaptando el código que muestras, pudiste haberlo hecho.

Código HTML:

<div id = "panel"></div>
<button id = "cambiar">Cambiar</button>
 

Código Javascript:

var panel = document.getElementById("panel"),
    boton = document.getElementById("cambiar");
 
boton.addEventListener("click", function(){
    panel.style.width = panel.style.width == "500px" ? "141px" : "500px";
}, false);
 

DEMO

Por cierto, Java y JavaScript son lenguajes distintos, no los confundas.

Saludos

[Ddsdone]

MUCHAS GRACIAS!! sabe alguna web o algun manual util para programar en javascript ?

[Alexis88]

Este es muy bueno: http://librosweb.es/javascript/

Pero de nada valdrá que lo leas si no pones en práctica lo aprendido, así que a practicar se ha dicho.

Saludos

[Ddsdone]

Excelente gracias!

[PHPeros]

Este foro tiene Wiki con muuuuchos tutos