Club Delphi  
    FTP   CCD     Buscar   Trucos   Trabajo   Foros

Retroceder   Foros Club Delphi > Otros entornos y lenguajes > HTML, Javascript y otros
Registrarse FAQ Miembros Calendario Guía de estilo Buscar Temas de Hoy Marcar Foros Como Leídos

Respuesta
 
Herramientas Buscar en Tema Desplegado
  #1  
Antiguo 27-11-2018
lordballiwns lordballiwns is offline
Registrado
NULL
 
Registrado: nov 2018
Posts: 2
Poder: 0
lordballiwns Va por buen camino
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 10:20:33. Razón: Poner etiqueta CODE y formatear el código
Responder Con Cita
  #2  
Antiguo 27-11-2018
bucanero bucanero is offline
Miembro
 
Registrado: nov 2013
Ubicación: Almería, España
Posts: 208
Poder: 11
bucanero Va camino a la fama
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.
Código:
document.write('<style type="text/css">div.cp_oculta{display: none;}</style>');
- y en la segunda parte tienes declarada una función que obtiene un elemento tomandolo por su nombre y cambia su propiedad visible. Esta es la parte que si que puedes extraer a un fichero JS
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";       
  }       
}
y ya en el HTML (con alguna pequeña modificación respecto al tuyo) puedes probarlo de esta manera:
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>
Un saludo
Responder Con Cita
  #3  
Antiguo 27-11-2018
lordballiwns lordballiwns is offline
Registrado
NULL
 
Registrado: nov 2018
Posts: 2
Poder: 0
lordballiwns Va por buen camino
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
Responder Con Cita
  #4  
Antiguo 02-09-2019
Teto10 Teto10 is offline
Miembro
 
Registrado: sep 2019
Posts: 10
Poder: 0
Teto10 Va por buen camino
Hola amigo, no has subido los archivos para poder apreciarlos bien y asi ayudarte.
Responder Con Cita
Respuesta


Herramientas Buscar en Tema
Buscar en Tema:

Búsqueda Avanzada
Desplegado

Normas de Publicación
no Puedes crear nuevos temas
no Puedes responder a temas
no Puedes adjuntar archivos
no Puedes editar tus mensajes

El código vB está habilitado
Las caritas están habilitado
Código [IMG] está habilitado
Código HTML está deshabilitado
Saltar a Foro

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 11:56:51
delphi for php insertar funcion javascript en el head del html raulb PHP 0 21-08-2010 03:11:37
2 preguntitas JavaScript-HTML Deiv HTML, Javascript y otros 1 26-01-2007 06:15:26
como imprimir con javascript o html o php rls Varios 1 12-11-2006 16:53:11
Una facil de html y javascript Alejo Internet 5 12-09-2004 16:33:03


La franja horaria es GMT +2. Ahora son las 13:26:53.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi
Copyright 1996-2007 Club Delphi