Mostrando entradas con la etiqueta html. Mostrar todas las entradas
Mostrando entradas con la etiqueta html. Mostrar todas las entradas

jueves, 24 de septiembre de 2020

Cómo dar sonido a un Botón en html con javascript

Es común ver que las páginas usan sonidos al hacer click en botones y esto hace que mejore la experiencia de usuario y para esto podemos usar el siguiente código:


<button  class="sonido">Nombre_Boton</button>


  <audio src=""></audio>

<script>

    let boton = document.querySelector(".sonido")

    let audioEtiqueta = document.querySelector("audio")


    boton.addEventListener("click", () => {

      audioEtiqueta.setAttribute("src", "nombre_del_audio")

      audioEtiqueta.play()

      console.log(`Reproduciendo: ${audioEtiqueta.src}`)

    })

</script>

miércoles, 6 de mayo de 2020

Como Crear un checkbox dinámico que al hacer click despliegue un campo para escribir un texto

Hay ocasiones en las que usamos checkbox para que nuestros formularios sean dinámicos y permitan escoger varias o una opción, En este caso quiero mostrarles una ayuda para que al hacer click en un checkbox, automáticamente se despliegue un input para que las personas escriban un texto

<script>
function miFuncion() {
  var checkBox = document.getElementById("miFuncion");
  var text = document.getElementById("texto");
  if (checkBox.checked == true){
    text.style.display = "block";
  } else {
     text.style.display = "none";
  }
}
</script>

Escribe otra opción: <input type="checkbox" name="check1"  value="1"  id="miFuncion"  onclick="myFunction()"/>  
         
            <input type="text" id="texto" name="ocupac" placeholder="Cual" style="display:none"  />   


Código basado en W3schools.

lunes, 28 de octubre de 2019

Cómo usar PHP para desarrollar una web o software

Qué es Php?

El Procesador de Hipertexto es uno de los Lenguajes de código abierto más populares para programar, el cual puede ser incrustado en HTML. Es muy usado en páginas web en Manizales, Colombia y en todo el mundo.

php en colombia


Qué herramienta usar para programar en PHP?

Recomiendo utilizar Sublime text, o notepad++; estos dos son programas que se pueden descargar gratis en internet y muy útiles para programar fácilmente.

Qué programa descargar para gestionar las bases de datos?

Para realizar programas en el equipo y ejecutarlos en éste es necesario un SGBD (Sistema de Gestión de Base de Datos) y recomiendo usar Xampp o Wamp.


Luego de tener instalado el Software para programar y el SGBD podemos seguir con las pruebas reales en nuestro equipo.

Crea tu Primer programa en PHP

<html>
   <head>
     <title> Hola mundo</title>
   </head>
        <body>
            <?php  echo '<p>hola mundo</p> ' ; ?>
         </body>
</html>

Cómo obtener la información del sistema usando PHP

<? php info(); ?>

Imprimir una Variable en PHP

  <?php
 echo $_SERVER ['HTTP_USER_AGENT'];
  ?>

Como resultado tendremos algo así:

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)

Otro ejemplo de variables en PHP

<?php
$author ="Julian Alzate";
 echo $author;
?>

Como resultado obtendremos:

Julian Alzate

Cómo sumar dos variables:

<?php
$n1= 3;
$n2= 4;
$resultado= $n1+ $n2;
echo "El resultado es:" . $resultado;
?>

Como resultado tendremos:

El resultado es: 7

Estructura de una conexión en BD usando PHP

<?php
$consultasql="SELECT * FROM tablaPrueba";
$mysql=mysql_connect("localhost","root","") or die("No pudo conectarse a $servidor!!!!" . mysql_error());
mysql_select_db("prueba") or die("No pudo seleccionarse la BD $bd.");
$resultado=mysql_query($consultasql);

/* aquí va el código */

mysql_free_result($resultado);
mysql_close ($mysql);
?>



Si desea conocer más sobre cómo programar en PHP ingresa a  Desarrolladores PHP en Colombia

Blogs Colombia