Foro de elhacker.net

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...


Código:
<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í..
Código:
#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
  1. $("#objElemento").css("propiedad", "valor");
ó
Código
  1. $("#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
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
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2. <script language="javascript">
  3. function mostrar(){
  4. document.getElementById('id_div').style.display='block';
  5. }
  6. function ocultar(){
  7. document.getElementById('id_div').style.display='none';
  8. }
  9. <title>Modificar propiedad css con javascript</title>
  10. </head>
  11.  
  12. <a style="cursor:hand" onClick="mostrar();">mostrar</a>
  13. <p><a style="cursor:hand" onClick="ocultar();">ocultar</a>
  14. <div id="id_div">div a ocultar o mostrar</div>
  15. </body>
  16. </html>
  17.  


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.