javascript en extenciones del chrome

matandomuertos · #1 (**permalink**) 26/05/2013, 19:19

Buenas, tengo un problema bastante llamativo (por lo menos para mi). Tenia una extencion del chrome hecha con html y javascript, funcionaba perfecto pero la perdi (ni idea donde quedaron los archivos) ademas estaba medio anticuada asi que decidi hacerla nuevamente y luego ir agregandole cosas.
El problema es que el poput.html (el que se abre cuando apretas el boton de la extencion) funciona perfecto si lo abro en el navegador directamente (sin ser aplicacion de chrome) pero cuando lo empaqueto y lo hago aplicacion javascript deja de funcionar. No entiendo la razon pero nada de lo que hago funciona, es como si javascript no existiera.
Alguno tiene idea de porque puede ser?

Les dejo el codigo por si hay algo mal.

popup.html

Código HTML:

<!DOCTYPE html>
<html>
<head>
<title>Horas pate - v1.4</title>

<script>
function calculo() {
	var sueldo= parseFloat(document.MyForm.sueldo.value);
	var hs30 = parseFloat(document.MyForm.hs30.value);
	var hs55 = parseFloat(document.MyForm.hs55.value);
	var hs80 = parseFloat(document.MyForm.hs80.value);
	var hs100 = parseFloat(document.MyForm.hs100.value);
	var hs75 = parseFloat(document.MyForm.hs75.value);
	var hs15 = parseFloat(document.MyForm.hs15.value);
	
	nuevoaumento = sueldo;


	var valorhora=nuevoaumento/160;
	var valorhoradescuentos=(nuevoaumento*0.86)/160;
	var hs30x=valorhoradescuentos*0.3;
	var hs55x=valorhoradescuentos*0.55;
	var hs80x=valorhoradescuentos*0.8;
	var hs100x=valorhoradescuentos*1;
	var hs75x=valorhoradescuentos*0.075;
	var hs15x=valorhoradescuentos*0.15;
	var h30x=hs30x*hs30;
	var h55x=hs55x*hs55;
	var h80x=hs80x*hs80;
	var h100x=hs100x*hs100;
	var h75x=hs75x*hs75;
	var h15x=hs15x*hs15;
	var pate=h30x+h55x+h80x+h100x+h75x+h15x;
	var mano=nuevoaumento*0.86; //sueldo en mano sin hora pate
	var mano2=mano+pate;
	var c10=nuevoaumento*0.40;
	var c25=mano2-c10;
	document.MyForm.cobrar10.value=c10; //a cobrar el 10
	document.MyForm.cobrar25.value=c25; // a cobrar el 25
}
</script>

<style type="text/css">
input{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;       
  border: 1px solid #BDC2C9;
  font-size: 9pt;
  width: 100px;
}
body,td,th {
	font-size: 16px;
	text-align: right;
}
.version {
	font-size: 10px;
}
</style>

<meta charset="iso-8859-1">
</head>

<body bgcolor="#F7F7F7">
<p class="version"> v1.4</p>
<form name="MyForm" onKeyUp="calculo()">
<div align="center">
  <p>Sueldo:
    <input name="sueldo" id="sueldo" type="text" maxlength="13">
    <br>
    Hs30%:
<input name="hs30" type="text" maxlength="3">
  <br>
  Hs55%:
<input name="hs55" type="text" maxlength="3">
<br>
Hs80%:
<input name="hs80" type="text" maxlength="3">
<br>
Hs100%:
<input name="hs100" type="text" maxlength="3">
<br>
Hs7.5%:
<input name="hs75" type="text" maxlength="3">
<br>
Hs15%:
<input name="hs15" type="text" maxlength="3">
<br>
  </p>
  <HR width=95% align="center">A cobrar el 10:
<input name="cobrar10" type="text" maxlength="12">
  <br>
  A cobrar el 25:
    <input name="cobrar25" type="text" maxlength="12">
    </p>
</div>
</form>
</body>
</html>

manifest.json

Código:

{
  "manifest_version": 2,

  "name": "Calculo Horas Pate - IBM",
  "description": "Extension para calcular las horas pate, horas feriados y horas  de guardia de IBM Argentina",
  "version": "1.4.1",
  
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  }
}

Saludos y gracias!