Tema: boton guardar img
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/11/2015, 12:58
monsalve1221
 
Fecha de Ingreso: julio-2015
Mensajes: 15
Antigüedad: 8 años, 9 meses
Puntos: 0
Pregunta boton guardar img
Resulta que tengo este codigo que ganera una img Qr, lo que quiero es agregarla un boton que descarge la img que se genera luego, he intentado de muchas formas pero no lo he logrado, creo que poner la css y el js del Qr no es nesesario, ayuda por favor

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>QR Offline by Monsa</title>
  5.     <meta charset="utf-8" />
  6.     <meta name = "viewport" content = "width=device-width, maximum-scale = 1, minimum-scale=1" />
  7.     <link rel="stylesheet" type="text/css" href="css/default.css" media="all" />
  8.     <link rel="stylesheet" href="css/flexslider.css" type="text/css" />
  9.     <link rel="stylesheet" href="css/fixed-navigation.css" type="text/css" />
  10.     <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css' />
  11.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  12.     
  13.     <script src="js/default.js"></script>
  14.     <script type="text/javascript"
  15.         src="https://maps.google.com/maps/api/js?sensor=false">
  16.     </script>
  17.     <script type="text/javascript">
  18.       function initialize() {
  19.         var latlng = new google.maps.LatLng(-34.397, 150.644);
  20.         var myOptions = {
  21.           zoom: 8,
  22.           center: latlng,
  23.           mapTypeId: google.maps.MapTypeId.ROADMAP
  24.         };
  25.         var map = new google.maps.Map(document.getElementById("map_canvas"),
  26.             myOptions);
  27.       }
  28.  
  29.     </script>
  30.     <!--[if lt IE 9]>
  31.         <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  32.         <script src="js/respond.min.js"></script>
  33.     <![endif]-->
  34. </head>
  35. <body onload="initialize()">
  36.     <div id="pagewidth">
  37.     <!--    <header id="header">
  38.             <div class="center">
  39.                 <nav id="mainNav">
  40.                     <ul>
  41.                         <li class="active"><a href="#pagewidth"><span>gallery</span></a></li>
  42.                         <li><a href="#twoColumnLayout"><span>2 columns</span></a></li>
  43.                         <li><a href="#threeColumnLayout"><span>3 columns</span></a></li>
  44.                         <li><a href="#boxes"><span>boxes</span></a></li>
  45.                         <li><a href="#testiomonialsTab"><span>testimonials</span></a></li>
  46.                         <li><a href="#contactUs"><span>contact us</span></a></li>
  47.                     </ul>
  48.                 </nav>
  49.             </div>
  50.         </header> -->
  51.         <div id="content">
  52.             <section class="row">
  53.                 <div class="center">
  54.                     <h1>Genera tu codigo Qr</h1>
  55.                     <strong class="subHeading">Introduce el texto</strong>
  56.                     <div class="gallery">
  57.                     <script type="text/javascript" src="js/qrcode.js"></script>
  58. <script>                    
  59. function limpiar()
  60.  
  61.  
  62. {
  63.  
  64.  
  65.    document.getElementById("qr").innerHTML="";
  66.    document.getElementById("msg").innerHTML="";
  67.  
  68.  
  69. }</script>
  70.  
  71.                     
  72.                     
  73.                     <div data-role="content">
  74.         <form>
  75.             <center>
  76.                 <textarea name="msg"></textarea><br> 
  77. <div class="buttons">
  78.                         <a type="button" value="Generar" onclick="update_qrcode()"class="btn btnGreen"><span>Generar</span></a>
  79.                 <!--        <span><em>or</em></span> -->
  80.                         
  81.                         <input class="btn btnBlue" type="reset" value="Limpiar Pantalla" onclick="limpiar()"">
  82.                         
  83.                     </div>
  84.             </center>
  85.         </form>
  86.             <center>
  87.             <br><p>
  88. <div id="qr">
  89.  
  90. </div>
  91.  
  92. </div>
  93. </center>
  94.  
  95.                     </div>
  96.                 
  97.                 
  98.                 
  99.                 </div>
  100.             </section>
  101.         
  102.             
  103.             
  104.         
  105.             
  106.         </div>
  107.         <footer id="footer">
  108.             <div class="center">
  109.                 <span class="copy">Diseñado por <a href="#"><br>Diego Monsalve</a></span>
  110.                 Redes Sociales <br><a href="#">Facebook</a> y <a href="#">Twitter</a>
  111.             </div>
  112.         </footer>
  113.     </div>
  114. </body>
  115. </html>