Web de apuntes codigos javascript - php - html5 - css y otros

norfipc.com Como cambiar y modificar el estilo CSS de las páginas web con JavaScript https://norfipc.com/inf/javascript-como-cambiar-modificar-estilo-css-paginas-web.html

  Recopilación de las variables y funciones de Javascript más empleadas en el diseño y la programación web, las interpretan la gran mayoría de los navegadores, para agregarle funcionalidad y dinamismo a las páginas web, códigos y ejemplos prácticos. Javascript es un lenguaje de programación, es muy usado en el ámbito de la creación y del diseño web ya que posee varias características que lo hacen ideal, por ejemplo: • Funciones y variables sencillas, fácil de comprender y utilizar, aun sin ser experto en el lenguaje, solo copiando y pegando porciones de código. • Es un lenguaje interpretado, es decir solo es ejecutado por el navegador web, no por el sistema operativo. • Funciona del lado del cliente, es decir la página web solo se carga una vez del servidor y posteriormente las funciones que contiene se ejecutan sin tener que recargarla, diferente a lenguajes como PHP que son lenguajes de servidor. Lo usamos en varias páginas de nuestro sitio para agregarles interactividad y funcio...

  Lista con los eventos más usados en Javascript para insertar en los elementos HTML de las páginas web, que permiten iniciar funciones mediante diferentes acciones efectuadas con el ratón, el teclado, al seleccionar texto, cargar la página, etc. Los eventos son acciones determinadas que Javascript puede detectar y los objetos de eventos aportan la información de que evento ha ocurrido, estos pueden haber sido provocados por la acción del usuario o por el propio dinamismo de la página. Son muy usado para ejecutar funciones que no serán iniciadas hasta que el evento se ejecute. Los atributos de eventos pueden ser insertados en diferentes elementos HTML para definir los eventos que ocurran, lo que facilitan la ejecución de funciones de diferentes maneras, haciendo que las páginas web ganen en dinamismo, fluidez y facilitan al usuario interactuar con el contenido. En este artículo se muestra cómo usar en la práctica los eventos más comunes para ejecutar funciones. Lista de atributos d...

  Cargar e insertar widget de Twitter Al presionar el siguiente botón se inserta a continuación un widget mostrando el timeline de la cuenta de Twitter  Frases de Amor , del autor. Para eso es necesario cargar también el script "widgets.js" desde Twitter. ¡Pruébalo! Código HTML para el botón, el contenedor DIV donde se escribe el timeline y el script de la función para que funcione. <button type="button" id="boton" onclick="mostrartw()">Mostrar</button> <div id="frases"></div> <script> function mostrartw(){ widgt = '<a rel="nofollow noopener" class="twitter-timeline" data-lang="es" data-tweet-limit="3" href="https://twitter.com/FrasesNorfiPC?ref_src=twsrc%5Etfw">Tweets de FrasesNorfiPC</a>'; document.getElementById('frases').innerHTML= widgt; document.getElementById('boton').style.display='none'; var s = document.c...

  Texto parpadeante Hola! Si deseas insertarle un vínculo al texto parpadeante utiliza el segundo DIV, (solo puede existir en el código in ID único). <script> window.setInterval (BlinkIt, 500); var color = "red"; function BlinkIt () { var blink = document.getElementById ("blink"); color = (color == "#ffffff")? "red" : "#ffffff"; blink.style.color = color; blink.style.fontSize='36px';} </script> <div id="blink">Hola!</div> <div id="blink" onclick="parent.location='http://norfipc.com'"> Hola!</div> Hola! Hola!

  Agregar crédito al copiar contenido de la página Cada vez que alguien copie algún bloque de texto de la página, automáticamente le agregamos nuestro crédito (no se usa en esta página). <script> document.body.oncopy = function() { alert('Todos los derechos reservados. NorfiPC © 2019'); return false;}; </script>

  Impedir la selección y la copia de texto en una página <script> window.onload = function() // Para internet Explorer {document.onselectstart = function(){return false;} // Para Firefox document.onmousedown = function(){return false;}} </script>

  Deshabilitar el uso del clic derecho por completo <script> document.oncontextmenu = function(){return false} </script>

 Botón para imprimir página <input type="button" value="Imprime esta página" onclick="window.print()">

  Script curioso pero engañoso para exagerar la supuesta cantidad de visitantes de una pagina. Usted es el visitante 13138 de esta página. <script> var ran ran = Math.round(Math.random()*50000) document.write("Usted es el visitante " + ran + " de esta página.") </script>

  El propósito de una variable es guardar información que pueda ser utilizada más tarde. Es un nombre simbólico que representa el dato que el usuario introduce y guarda. Ejemplo de su uso. <script> var age = 18; var ella = 'El señor'; var el = 'La señora'; document.write(ella + " tiene " + age + " años\n"); document.write(el + " tiene " + age + " años"); </script> El resultado se mostrará de la siguiente forma: El señor tiene 18 años La señora tiene 18 años Prompt Prompt es usado para introducir información por parte del usuario, la que podrá ser usada por otras funciones. <script> function prompter() { var reply = prompt("Buenas ¿cuál es tu nombre?", "") alert ( "Es un gusto tenerte aquí " + reply + "!") } </script> <button type="button" onclick="prompter()">Probar prompt</button> Probar prompt    dd

Alertas Un alerta es una función que se usa para mostrar un mensaje en un cuadro, después de realizar alguna acción, que puede ser presionar un enlace, un botón, dar clic en un contenedor o cualquier otro evento. Es necesario confirmar para cerrar el cuadro. Probar alerta Código empleado: <button type="button" onclick="alert('Esto es un cuadro de alerta')">Probar alerta</button> Probar alerta   <script> function confirmacion() { var pregunta = confirm("¿Deseas visitar la página principal?") if (pregunta){ alert("Te envío allí rápidamente") window.location = "https:/google.com/"; } else{ alert("Quizás en otro momento...\n Gracias de todas formas") } } </script> <button type="button" onclick="confirmacion()" >Probar confirm</button> Probar confirm Probar confirm

  ¿Qué son las funciones? Una función es un pedazo de código que permanece inactivo hasta que es llamada por un evento determinado por su nombre. En este ejemplo se llama con un botón. <script> function popup() { alert("Hola gente") } </script> <button type="button" onclick="popup()">Probar función</button> Probar función   Las funciones cuando son sencillas, también se pueden llamar con un enlace, incluyendo javascript y la función en la propiedad HREF. Algunos ejemplos. Pruébalos. ✔  Mensaje con un alerta ✔  Compartir en Facebook ✔  Imprimir esta página ✔  Refrescar esta página Código empleado: <a href="javascript:(function(){alert('Hola gente')})()">Mensaje</a> <a href="javascript:void(window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location)));">Facebook</a> <a href="javascript:window.print();">Imprimir</a> ...

Ejemplo de calculadora Calculadora X Codigos Javascript <h1>Calculadora</h1> <input type="text" id="arg1" size="1"> X <input type="text" id="arg2" size="1"> <input type="button" value="Calcular!" onclick="calc()"> <div id="result"></div> <script type="text/javascript"> function calc(){ var argOne=document.getElementById('arg1').value; var argTwo=document.getElementById('arg2').value; var ans=(argOne*argTwo); document.getElementById('result').innerHTML=argOne + ' multiplicado por ' + argTwo + ' es igual a ' + ans; } </script>