Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: basickdagger en 9 Septiembre 2013, 20:20 PM

Título: cambiar propiedad css-javascript
Publicado por: basickdagger en 9 Septiembre 2013, 20:20 PM
bueno mi duda es.. como puedo acceder a la hoja de estilos y editar una propiedad por ejemplo tengo...



<a style="cursor:hand" onClick="mostrar();">hey</a>

<script>
function mostrar(){
document.getElementById('divoculto').style.display=' ';
}

</script>

<div  id="divoculto" style="display:none"></div>



pero lo q quiero hacer es tener la propiedad de "divoculto" en un css.. así..

#divoculto{display:none}
y acceder a el con javascript.... como puedo hacer esto? editar la propiedad accediendo al archivo css...??.. espero haberme dado a entender..
Título: Re: cambiar propiedad css-javascript
Publicado por: Shell Root en 9 Septiembre 2013, 21:20 PM
La cambias en tiempo de ejecución? con jQuery,
Código (javascript) [Seleccionar]
$("#objElemento").css("propiedad", "valor");
ó
Código (javascript) [Seleccionar]
$("#objElemento").css({"propiedad1":"valor1", "propieadad2":"valor2"});

.css() | jQuery API Documentation (http://api.jquery.com/css/)
Título: Re: cambiar propiedad css-javascript
Publicado por: basickdagger en 9 Septiembre 2013, 22:32 PM
sin utilizar jquery es posible?(una duda)
Título: Re: cambiar propiedad css-javascript
Publicado por: Shell Root en 9 Septiembre 2013, 22:41 PM
jQuery  = javascript
Título: Re: cambiar propiedad css-javascript
Publicado por: basickdagger en 9 Septiembre 2013, 23:16 PM
Cita de: Alex Jurado en  9 Septiembre 2013, 22:41 PM
jQuery  = javascript
...?  :-\

mi pregunta era obvia....
refiriendome si es posible utilizar un simple script en vez de cargar todo el jquery.. 
Título: Re: cambiar propiedad css-javascript
Publicado por: 1mpuls0 en 9 Septiembre 2013, 23:38 PM
Código (html4strict) [Seleccionar]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
function mostrar(){
document.getElementById('id_div').style.display='block';
}
function ocultar(){
document.getElementById('id_div').style.display='none';
}
</script>
<title>Modificar propiedad css con javascript</title>
</head>

<body>
<a style="cursor:hand" onClick="mostrar();">mostrar</a>
<p><a style="cursor:hand" onClick="ocultar();">ocultar</a>
<div id="id_div">div a ocultar o mostrar</div>
</body>
</html>
Título: Re: cambiar propiedad css-javascript
Publicado por: basickdagger en 9 Septiembre 2013, 23:44 PM
hola gracias por la respuesta... despues q checar vi un error q tenia al enlazar mi css y pude solucionar  mi problema xD gracias...
Título: Re: cambiar propiedad css-javascript
Publicado por: 1mpuls0 en 10 Septiembre 2013, 00:21 AM
xD
de nada, perdón por no comentar nada más, es que me mi jefa me estaba llamando  :silbar:
que bien que lo solucionaste.

Saludos.