Saltar al contenido

ejemplo de código de códigos qr de bartender

Ya no tienes que investigar más por todo internet ya que has llegado al espacio indicado, poseemos la solución que buscas y sin problema.

Ejemplo: generador de código qr

<!DOCTYPE html><html lang="en"><head><title>QR-Code Generator</title><style>*
      margin: 0px; 
      padding: 0px;
      font-family: monospace, Arial, sans-serif;
	h1 
      text-align: center; 
      text-shadow: 2px 2px 0px rgba(255,255,255,.7), 5px 7px 0px rgba(0,0,0,0.1);  font-size:50px; margin-top:40px; color:#fff; input[type=text]
        width:90%;
        padding: 12px 20px;
        margin: 8px 26px;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-size:16px;
    button 
        background-color:#4CAF50;
        color: white;
        padding: 14px 20px;
        margin: 8px 26px;
        border: none;
        cursor: pointer;
        width:90%;
        font-size:20px;
    button:hover 
        opacity:0.8;</style><!--Jquery 3.2.1--><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script></head><body background="../background1.png"><h1>QR-Code Generator</h1><div id="form-wrapper" style="width:46%; float:left; border:5px solid rgba(255,255,255,0.6); margin-top:20px; padding:10px"><form id="generator"><label for="codeSize" style="font-size:20px; margin-right:20px; color:#fff;">Select QR Size:</label><select id="codeSize" name="codeSize" style="width:260px; height:40px; "><option value="75">Mini</option><option value="155">Small</option><option value="186">Medium</option><option value="248" selected="selected">Large</option><option value="300">XL</option><option value="450">XXL</option></select><inputtype="text" onclick="myFunction()"id="codeData" name="codeData" size="50" placeholder="Enter a url or text" style="margin-top:20px" autocomplete="off"/><br><button id="generate">generate</button></form><div id="alert" style="height:20px; text-align:center; margin:10px auto"></div></div><div style="float:right;"><div id="image" style="margin:auto">Image will show here</div><div id="link" style="margin-top:10px; text-align:center"></div></div><div id="code" style="float:left; width:100%; height:20px; text-align:center; margin-top:10px"></div><script>
function myFunction()
     document.getElementById("alert").innerHTML ="";
$("#generate").on("click", function ()
var data = $("#codeData").val();
var size = $("#codeSize").val();if(data =="")
    $("#alert").append("

Please Enter A Url Or Text

"
);// If Input Is Blank return false;elseif( $("#image").is(':empty'))//QR Code Image $("#image").append("qr");//This Provide An Image Download Link $("#link").append("+ data +"&chs="+ size +"'>Download QR Code
"
);//This Provide the Image Link Path In Text $("#code").append("

Image Link: http://chart.apis.google.com/chart?cht=qr&chl="+ data +"&chs="+ size +"

"
);return false;else $("#image").html(""); $("#link").html(""); $("#code").html("");//QR Code Image $("#image").append("qr ");//Esto proporciona un enlace de descarga de imagen $("#Enlace").adjuntar("+ datos +"& chs ="+ Talla +"'> Descargar código QR");//Esto proporciona la ruta del enlace de la imagen en el texto $("#código").adjuntar("

Enlace de imágen: http://chart.apis.google.com/chart?cht=qr&chl= "+ datos +"& chs ="+ Talla +"

"
);regreso falso;);</texto></cuerpo></html>

Si te gustó nuestro trabajo, tienes la opción de dejar un ensayo acerca de qué le añadirías a esta división.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *