FTP | CCD | Buscar | Trucos | Trabajo | Foros |
|
Registrarse | FAQ | Miembros | Calendario | Guía de estilo | Temas de Hoy |
|
Herramientas | Buscar en Tema | Desplegado |
#1
|
|||
|
|||
Migrar código javascript de html a .js
Antes que nada soy nuevo en este foro... Y pido ayuda para lo siguiente
Hace poco copie un código lo cual me permite esconder texto y mostrarlos según sean requeridos. Sin embargo me encontré qué el código javascript se escribe dentro de html lo cual por organización y optimizacion me gusta tenerlo en un documento js. Pero al pasarlo (cabe decir que de javascript no se nada) las acciones no se realizan el codigo es el siguiente qué agrego o que quito para que funcione. De ante mano gracias por leer el texto anterior y de su ayuda. Código:
<script languaje="Javascript"> <!-- document.write('<style type="text/css">div.cp_oculta{display: none;}</style>'); function MostrarOcultar(capa,enlace) { if (document.getElementById) { var aux = document.getElementById(capa).style; aux.display = aux.display? "":"block"; } } //--> </script> Última edición por dec fecha: 27-11-2018 a las 09:20:33. Razón: Poner etiqueta CODE y formatear el código |
#2
|
|||
|
|||
hola lordballiwns
el código que has puesto tiene dos partes, - en la primera agregas una declaración de estilo al documento HTML, donde se declara las capas div de clase cp_oculta como no visibles, esto es mas bien parte del CSS y se puede poner en un fichero a parte.La forma de separar el javascript del HTML es agregar un nuevo fichero con extension js (yo lo he llamado miscript.js) y grabarlo en la misma carpeta o subcarpeta del HTML con el siguiente contenido: Código:
function MostrarOcultar(capa) { if (document.getElementById) { var aux = document.getElementById(capa).style; aux.display = aux.display ? "":"block"; } } Código:
<!-- ------------------------------------------------------ esta definición en tu caso era el javascript el que la insertaba en el documento pero por tratarse mas bien de CSS he preferido sacarla fuera, e incluso se puede poner en un fichero externo de CSS ------------------------------------------------------ --> <style> div.cp_oculta{ display: none; } </style> <!-- ------------------------------------------------------ --> <div id="algo" class="cp_oculta"> algun texto</div> <button onclick="MostrarOcultar('algo')">Mostrar/Ocultar</button> <!-- aqui lee el fichero de js --> <script src="miscript.js"></script> |
#3
|
|||
|
|||
Quice poner el codigo pero no me permitió pero subiré el archivo para que lo vean
CSS http interlan ml / alpha / CSS / estilo.css HTML http interlan ml / alpha / index.html Gracias por el aporte. Y pues en este momento estará subiendo el archivo |
#4
|
|||
|
|||
Hola amigo, no has subido los archivos para poder apreciarlos bien y asi ayudarte.
|
|
|
Temas Similares | ||||
Tema | Autor | Foro | Respuestas | Último mensaje |
Crear elementos de formulario html dinámicamente con javascript | jandroruiz | HTML, Javascript y otros | 6 | 26-07-2016 10:56:51 |
delphi for php insertar funcion javascript en el head del html | raulb | PHP | 0 | 21-08-2010 02:11:37 |
2 preguntitas JavaScript-HTML | Deiv | HTML, Javascript y otros | 1 | 26-01-2007 05:15:26 |
como imprimir con javascript o html o php | rls | Varios | 1 | 12-11-2006 15:53:11 |
Una facil de html y javascript | Alejo | Internet | 5 | 12-09-2004 15:33:03 |
|