error paso parámetros
Publicado por Marta (7 intervenciones) el 15/04/2021 15:12:39
Buenas,
He creado esta función que, en una ventana, en modo dialog, visualiza unos datos, tiene dos inputs para entrar unos valores y los botones de Ok o Cancelar.
Todo funciona bien, lo que no me funciona es que al pulsar Ok no encuentro la manera de pasar el valor de los dos inputs
El código es este:
La línea que está comentada es porqué paso 2 valores a piñón fijo y el alert lo hace bien.
En cambio, tal cual está, con el document.getElementById, da error.
Alguien sabe ver por qué?
Gracias
He creado esta función que, en una ventana, en modo dialog, visualiza unos datos, tiene dos inputs para entrar unos valores y los botones de Ok o Cancelar.
Todo funciona bien, lo que no me funciona es que al pulsar Ok no encuentro la manera de pasar el valor de los dos inputs
El código es este:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
function mbgDialeg(missatge, titol, preu, quantitat) {
ample = $("#listadoPiezas").width(); // amplada de la capa mare, per poder-la centrar
dialeg = "<div id='alert' style='background:transparent;position:absolute;width:"+ample+"px;height:826px;cursor:not-allowed'>";
dialeg += "<script>function elimina(flag) {" +
"$('#alert').remove();} "+
"</script>";dialeg += "<div style='border:5px solid #00529C;border-radius:5px;margin:auto;width:100%;background:white'>";
dialeg += "<table style='width:100%;background:white'>";
dialeg += "<tr><td style='text-align:left;background:#CCE7FF;'><div style='width:100%;display:flex;align-items:center;'><div style=margin:1%;><img src='"+favicon+"' style='width:42px;height:auto;'></div><div'><span style='font-weight:bold;color:#00529C'>" + titol + "</span></div></div></div></td></tr>";
dialeg += "<tr><td>" + missatge + "</td></tr>";
dialeg += "<tr><td style='padding:20px 0 20px 0;'>" +
"<span style='font-weight:bold;color:#00529c'>Quantitat: </span>" +
"<input id='quant' style='border:1px solid #00529C;background:#e6f3ff;text-align:right;width:50px;' type='text' value='" + quantitat + "'>" +
"<span style='font-weight:bold;color:#00529c;margin-left:5%;'>Preu: </span>" +
"<input id='pre' style='border:1px solid #00529C;background:#e6f3ff;text-align:right;width:100px' type='text' value='" + preu + "'>€</td></tr>";
dialeg += "<tr>"+
"<td style='text-align:right;'>"+
"<button style='background:#00529C;color:white;margin:5px;padding:5px;border-radius:10px;width:130px;float:right;cursor:pointer;' onclick='elimina(0);'>"+
"<div style='float:left;'><img src='../images/cancelDialeg.png' width=24 height=24></div>"+
"<div style='float:left;margin-top:4%;padding-left:4%;color:white;'>CANCEL·LA</div>"+
"</button>"+
// "<button style='background:#00529C;color:white;margin:5px;padding:5px;border-radius:10px;width:130px;cursor:pointer;' onclick='elimina(1);torno(\"58\",\"30\");'>"+"<button style='background:#00529C;color:white;margin:5px;padding:5px;border-radius:10px;width:130px;cursor:pointer;' onclick='elimina(1);torno(document.getElementById(\"quant\").value, document.getElementById(\"pre\").value);'>"+
"<div style='float:left;'><img src='../images/okDialeg.png' width=24 height=24></div>"+
"<div style='float:left;margin-top:4%;padding-left:4%;color:white;'>D'ACORD</div>"+
"</button>"+
"</td></tr>";dialeg += "</table></div></div>";
$("#listadoPiezas").prepend(dialeg);
}function torno(quantitat, preu) {
alert ("quantitat: "+ quantitat + " - preu: " + preu);
}La línea que está comentada es porqué paso 2 valores a piñón fijo y el alert lo hace bien.
En cambio, tal cual está, con el document.getElementById, da error.
Alguien sabe ver por qué?
Gracias
Valora esta pregunta
0