Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Código Fuente » javaScript

Mostrar los tags: javaScript

Volver
Agregar Código Fuente
Mostrando del 11 al 20 de 187 coincidencias
<<>>
Se ha buscado por el tag: javaScript
Imágen de perfil

Scale Font Size - JS


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 28 de Febrero del 2022 por Scriptshow (141 códigos) (Publicado el 25 de Enero del 2022)
1.837 visualizaciones desde el 25 de Enero del 2022
Saludos,

un Script para ajustar el texto al ancho de la pantalla. Por defecto es una práctica responsive, compatible. No obstante, es también un efecto utilizado con frecuencia en Webs.
El código, está simplificado en lo posible sin perder la compatibilidad.

Espero sea útil.
Imágen de perfil

Focus / Blur Efectos en Web Site


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 22 de Febrero del 2022 por Scriptshow (141 códigos) (Publicado el 20 de Noviembre del 2017)
3.950 visualizaciones desde el 20 de Noviembre del 2017
Script que cambia el aspecto de una web, intro, etc. al clicar dentro o fuera del navegador. Los eventos: OnFocus / OnBlur asociados a funciones JavaScript, cambian la/s Clase/s y contenidos de un Sitio Web. Abre el browser en primer plano; haz click sin cerrarlo ni minizarlo para ver el efecto.

Piensa en posibles aplicaciones...

Espero sea útil.

Un saludo
Imágen de perfil

Web 2.0 Light / Dark Style


HTML

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Febrero del 2022 por Scriptshow (141 códigos) (Publicado el 4 de Mayo del 2020)
6.070 visualizaciones desde el 4 de Mayo del 2020
Saludos,

Web 2.0 es un proyecto creado desde cero con unos 6Kb. Se caracteriza por ser muy flexible, adaptable con mínimos cambios en el código. No depende de librerías de nigún tipo, es 100% Código Nativo Compatible.
Tiene múltiples y variadas aplicaciones: Web Personal, Portafolio para Fotógrafos, Arquitectos, Diseñadores, Freelancers, etc...

Espero sea útil.
Imágen de perfil

Fullscreen JS Simple


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 16 de Enero del 2022 por Scriptshow (141 códigos)
1.768 visualizaciones desde el 16 de Enero del 2022
Saludos,

Script adaptable que permite poner a pantalla completa un elemento u objeto de una página web. Es compatible con navegadores web y/o dispositivos actuales.
Imágen de perfil

Vídeo Fullscreen Responsive


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 5 de Enero del 2022 por Scriptshow (141 códigos)
4.159 visualizaciones desde el 5 de Enero del 2022
Saludos,

HTML5 y CSS3 para hacer un Vídeo Fullscreen Responsive. Un pequeño Script asegura el arranque en diversos dispositivos y navegadores web.

Veamos el código completo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
 
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Full Screen Video Background</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
 
html,body {
height:100%;
}
 
body {
font-size:16px;
font-family:"Helvetica", sans-serif;
line-height:1.5;
color:#FFFFFF;
}
 
.content {
position:relative;
top:28%;
z-index:2;
margin:0 auto;
max-width:640px;
text-align:center;
}
 
.video {
position:fixed;
top:50%;
left:50%;
z-index:1;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
</style>
</head>
<body>
<div class="content">
<h1>Video Full Screen Test</h1>
<p>Este Vídeo Background Responsive se adapta al tamaño de dispositivos y navegadores.</p>
<a href="#">Test</a>
</div>
 
<video id="video" class="video" muted loop>
<source src="video.mp4" type="video/mp4">
<source src="video.ogv" type="video/ogg">
<source src="video.webm" type="video/webm">
</video>
 
<script type="text/javascript">
(function() {
var video=document.getElementById("video");
video.addEventListener("canplay", function() {video.play()});
})();
</script>
</body>
</html>

Espero sea útil.
sin imagen de perfil

Error en inputs de pagina web Django-Machine Learning


Python

Publicado el 13 de Septiembre del 2021 por Isaac
823 visualizaciones desde el 13 de Septiembre del 2021
Hola estoy aprendiendo a crear modelos de machine learning y queria llevarlo a una web hecha con django como backend, pero al tratar de probar el modelo con los inputs no hace nada y queria saber que error estaba cometiendo, si pudieran echarme una mano lo agradeceria, aqui esta mi codigo:

https://github.com/Isaacm17/djangoProject

el problema esta en la app llamada predict, con la vista de este y en las plantillas html que no se que parte me he saltado...
Imágen de perfil

EZtranslator


PHP

Publicado el 30 de Abril del 2021 por Mario Antonio (2 códigos)
1.556 visualizaciones desde el 30 de Abril del 2021
languages
Con este código evitas la necesidad de tener que crear una página o aveces on website completo para cada idioma que quieras ofrecer. Simplemente:
1 Crea un fichero txt con todos los textos que se muestran en la (las) páginas separados en lineas diferentes.
2 Salva ese fichero con el nombre del código del idioma, por ejemplo 'es' para español, quedaría 'es.txt', siempre colocando en la primera línea el código de idioma 'es' en este caso y en la segunda el nombre del idioma 'español' en este caso.
3 Traduce este fichero a todos los idiomas que quieras ofrecer usando la función traducir archivo de google translator y salva los ficheros resultantes siguiendo la misma lógica de los pasos 1 y 2.

4 Agregue la clase "flags" para mostrar lista desplegable o la clase "flagslist" para mostrar lista al html tag que quiera convertir en traductor.

Puedes ver una demostración en vivo aqui http://mchsoft.com/demos/eztranslator/eztranslator.html
Imágen de perfil

EZcaptcha


PHP

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 26 de Abril del 2021 por Mario Antonio (2 códigos)
1.568 visualizaciones desde el 26 de Abril del 2021
Copie el archivo class_ezcaptcha.php en su servidor y reemplace "<ruta real a sus fuentes ttf>" por la URL real apuntando a los archivos de fuentes cambiando el nombre de las fuentes también si es necesario.

Incluya la etiqueta <catpcha> </captcha> en el archivo html en el lugar donde desea mostrar el captcha.

Incluya JQuery (cualquie versión) y agrege el siguiente fragmento de JavaScript al final del archivo html dentro de las etiquetas <script> </script>. Recuerde reemplazar "<urlto>" por la URL real que apunta al archivo class_ezcaptcha.php

1
2
3
4
(función () {$ .ajax ({url: "<urlto> class_ezcaptcha.php? getHtml = 1", éxito: función (resultado) {
      $ ("captcha"). html (resultado);
   }});
}) ();

Incluya el captcha param y su valor en su POST o GET param string cuando envíe la solicitud http del formulario.

Valide los parámetros en el código del lado del servidor usando algo como esto:
1
if ($ _ POST ['captcha']! = $ _ SESSION ['captcha_code']) {return "ERRORcaptcha | Captcha incorrecto";}

Valide los resultados en su archivo ajax / html después de enviar la solicitud http.

Probar el demo http://mchsoft.com/demos/ezcaptcha/ezcaptcha.html
Disfrútalo...
screen
captcha
captcha_code
Imágen de perfil

Cronometro que continua aunque se cierre el navegador


JavaScript

estrellaestrellaestrellaestrellaestrella(10)
Actualizado el 23 de Febrero del 2021 por Xavi (548 códigos) (Publicado el 7 de Octubre del 2014)
23.820 visualizaciones desde el 7 de Octubre del 2014
Una vez iniciado el cronometro, puedes actualizar la página, cerrar el navegador, incluso el ordenador... pero este cronometro seguirá funcionando, ya que guarda la fecha inicial en la base de datos del navegador, lo que permite cerrar el navegador y que cuando volvamos el cronometro siga funcionando.

cronometro-javascript-base-de-datos-navegador



He creado una nueva versión con PHP que el cronometro nunca se detiene y es el mismo cronometro para todos los usuarios: Cronometro compartido entre varios usuarios que no se reinicia nunca
Imágen de perfil

formatear un numero según es introducido en un input de un formulario


JavaScript

Publicado el 28 de Enero del 2021 por Aitor (6 códigos)
3.570 visualizaciones desde el 28 de Enero del 2021
Rutina en JavaScript para formatear el campo input de un formulario según se va introduciendo con el teclado.

Hay varias clases:
Números enteros positivos y negativos o solo los positivos.
Números flotantes positivos y negativos o solo los positivos.
Fijación de números flotantes a 2 decimales.

Se puede indicar el formato de los separadores de miles y de decimales entre el formato USA que usa como separador de miles la coma "," y el separador de decimales el punto "." o viceversa como en España.

Demo y copia gratuita de:
https://www.bc3toexcel.com/compartir/input-format-number-as-keyed.htm

En el navegador pulsando botón derecho del ratón opción mostrar código fuente se puede copiar.
format-number-as-keyed
1...Anterior1234567891011Siguiente...19