Botones que no funcionan en la aplicación Chrome

StackOverflow https://stackoverflow.com//questions/20012821

Pregunta

De acuerdo, simplemente tengo una aplicación empaquetada, esta aplicación contiene index.html y otras páginas. index.html contiene botones enlazando a las otras páginas.

¡El problema es que los botones no funcionan!Cuando hago clic en los botones ... no pasa nada.

Aquí está el archivo principal: 

{
  "name": "TextTools",
  "description": "Simple tools for Text.",
  "version": "0.0.0.1",
  "manifest_version": 2,
  "icons": {
    "128": "logo.png"
  },

"app": {
    "launch": {
      "local_path": "index.html"
    }
  }
  }

y aquí está la etiqueta del cuerpo index.html: 

<body>

<center><div id="container">

<div><input id="btn1" type="button" value="Letters Counter" class="btn1" 
onclick="location.href='LettersCounter/LengthCalculator.html';"></div>


<div><input id="btn2" type="button" value="Case Converter"  class="btn2"
onclick="location.href='CaseConverter/CaseConverter.html';"/></input></div>



<div><input type="button" value="Text Capitalizer" class="btn3" 
onclick="location.href='CapitalizeText/CapitalizeText.html';"  /></div>


<div><input type="button" value="Words Counter" class="btn4"
onclick="location.href='WordsCounter/WordsCounter.html';" /></div>


<div><input type="button" value="QR-Generator" class="btn5"
onclick="location.href='QRcode/index.html';"  /></div>


</div></center>


<div id="foot" >

<p style="color:#B8B8B8; margin-left:10px; margin:10px; font-family: Gill Sans, sans-serif; font-size : 14px; "></p>
</div>

</body>

Sé que es muy simple, pero soy nuevo :)

¿Fue útil?

Solución

El problema

Usted está usando JavaScript en línea , que JS no permite por el Política de seguridad de contenido para aplicaciones de cromo :

La política de seguridad de contenido para las aplicaciones de Chrome le restringe hacer lo siguiente:

  • No puede usar Scripts en línea en las páginas de su aplicación Chrome.La restricción prohíbe ambos bloques y manejadores de eventos (<button onclick="...">).

[...]

La solución

Utilice un archivo externo .js donde registre los oyentes.E.G.: 

/* Instead of... */
<input id="btn1" type="button" onclick="..." ... />

/* ...change HTML to... */
<input id="btn1" type="button" ... />
...
<script type="text/javascript" src="myScript.js"></script>

/* ...and in `myScript.js` add... */
document.getElenentById("btn1").addEventListener("click", function() {
    ...
});

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top