Mostrar los tags: javascript

Mostrando del 1 al 10 de 180 coincidencias
<<>>
Se ha buscado por el tag: javascript
Imágen de perfil

Calculadore inline


JavaScript

Publicado el 18 de Septiembre del 2022 por Oscar (8 códigos)
408 visualizaciones desde el 18 de Septiembre del 2022
Este codigo en javascript permite sacar una cuenta con los operadores basicos, poniendo todos ellos en la misma cadena, siempre dejando un espacio como restricción. Este código esta basado en una kata de codewars que resolvi y que paso una test enorme de bastantisimos operadores
Imágen de perfil

Corredor_ Dance


HTML

Actualizado el 5 de Marzo del 2022 por Javier (Publicado el 28 de Febrero del 2022)
1.019 visualizaciones desde el 28 de Febrero del 2022
Se basa en la aplicación de la API de animaciones de javascript API ANIMATE.
En este caso se trata de un muñeco, Corredor lo llamo, que hace eso, correr.
Pero ademas puedes interactuar con el con una serie de inputs range, para darle mas o menos velocidad a cada parte de su cuerpo, y hasta lo puedes hacer como bailar.
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.101 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)
2.914 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)
3.827 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)
809 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

Publicado el 5 de Enero del 2022 por Scriptshow (141 códigos)
1.235 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
279 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)
854 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