mostrar datos en un textbox

DaNuK · 5 Agosto 2013, 20:47 PM

Buenas tardes a todos
ahora me surgio un problemilla como puedo mostrar datos en un textbox usando una funcion.
esta es la guncion que devuelve los datos en vez del alert quiero mostrarlos en un textbox los cuales se encuentran en otro archivo abajo del alert se muestra la abre la otra ventana

Código (javascript) [Seleccionar]


tbl_canasta.on("RowClick", function(evt){
			var index=evt.rowIndex;
			var fila=tbl_canasta.getItem(index);
			alert("Datos: "+fila.td_id+","+fila.td_domicilio);
                        modificar.show();
		},true);
		});

modificar aca estan los textbox

Código (html4strict) [Seleccionar]


<!DOCTYPE html>
<html>
	<head>
	<script type="text/javascript" src="../js/lst_productos.js"></script>
	<title>Modificar Datos</title>
	</head>
	<body>
		<form data-dpjo-type="dijit/form/Form " data-dojo-id="frmModifica">
			<table>
				<tr>
					<td><label>ID</label></td>                    
				</tr>
                <tr>
                    <td><input data-dojo-type="dijit/form/TextBox"  name="txtID" onkeyup="javascript:mostrar(evt).prod_clave;" /></td>
                </tr>
                <tr>
                    <td>
                        <label>Codigo de Barra</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input data-dojo-type="dijit/form/TextBox" name="txtCodBAr" id="txtCodBAr" />
                    </td>
                </tr>
                <tr>
                    <td><label>Descripcion</label></td>
                </tr>
                <tr>
                    <td>
                        <input data-dojo-type="dijit/form/TextBox" name="txtDesc" />
                    </td>
                </tr>
                <tr>
                    <td><label>Clasificacion 1</label></td>
                </tr>
                <tr>
                    <td><input data-dojo-type="dijit/form/TextBox" name="txtClas" /></td>
                </tr>
                <tr>
                    <td><label>Clasificacion 2</label></td>
                </tr>
                <tr>
                    <td><input data-dojo-type="dijit/form/TextBox" name="txtClas" /></td>
                </tr>
                <tr>
                    <td><label>Clasificacion 3</label></td>
                </tr>
                <tr>
                    <td><input data-dojo-type="dijit/form/TextBox" name="txtClas" /></td>
                </tr>
                <tr>
                    <td><label>Clasificacion 4</label></td>
                </tr>
                <tr>
                    <td><input data-dojo-type="dijit/form/TextBox" name="txtClas" /></td>
                </tr>
                <tr>
                    <td><label>Activo</label></td>
                </tr>
                <tr>
                    <td><select data-dojo-type="dijit/form/FilteringSelect" name="txtEstado" style="width:150px">
                    	<option selected="true" name="1">Si</option>
                    	<option value="0">No</option>
                    </select></td>
                </tr>
                <tr>
                    <td><button data-dojo-type="dijit/form/Button" id="submit" name="btnModifica">Modificar</button></td>
                </tr>
			</table>
		</form>
	</body>
</html>

Mil disculpas me equivoque de sección serian tan amables de moverlo a la sección de desarrollo web
Saludos

WHK · 5 Agosto 2013, 21:35 PM

estas hablando de un prompt?

Código [Seleccionar]

<script>texto = prompt('escriba su texto a modificar');</script>

DaNuK · 5 Agosto 2013, 21:37 PM

Mira recupero los datos desde la bd y los muestro en un grid y cuando le doy clic en una de las filas se abre otra ventana que se llama modificar.html y lo que quiero es que cargue los datos de la fila en los textbox de modificar.html
Saludos

Almapa · 5 Agosto 2013, 22:29 PM

No se exactamente dónde quieres mostrar el texto, aún así supongo que deberás crear el "Textarea" donde quieras que se muestre dicho texto y después, en el script, buscar dicho elemento dentro de tu página por el ID o como quieras y cambiarle el valor.

Aquí puede que encuentres tu solución: http://www.w3schools.com/jsref/prop_textarea_value.asp

Un saludo!

DaNuK · 5 Agosto 2013, 22:52 PM

Lo probe pero me marca el siguiente error
Cannot set property "value" of null porq sera

Código (javascript) [Seleccionar]


	tbl_canasta.on("RowClick",function(evt){
			var idx=evt.rowIndex;
			rowData = tbl_canasta.getItem(idx);
			//alert("Codigo de Barra: " + rowData.prod_codbar + ",\n Clave:" + rowData.prod_clave + ",\n Clasificacion:" + rowData.prod_clasif1);
			//Agregar valor al cuadro de texto
			document.getElementById("txtId").value=rowData.prod_codbar;
Uncaught TypeError: Cannot set property 'value' of null
			document.getElementById("txtCodBAr").value=rowData.descrip;
			modifica.show();
		},true);
		});

Almapa · 5 Agosto 2013, 23:28 PM

Cuando definas los objetos tienes que definir su "id" pues estás utilizando la función getElementById y estás poniendo su nombre y deberías poner su "id". Prueba así:

Código (javascript) [Seleccionar]

<input ....  id="txtID" .... />
<input ....   id="txtCodBAr" .... />

DaNuK · 5 Agosto 2013, 23:58 PM

ya lo tengo echo asi pero tampoco me funciona me sigue apareciendo el mismo error o sera porque los textbox estan en otro archivo ?

Almapa · 6 Agosto 2013, 00:46 AM

No creo que por tenerlos en otro archivo no los detecte, pues siempre he utilizado el archivo html y javascript por separado y no me ha dado problemas. Fíjate bien en poner el ID exactamente igual, mayúsculas y minúsculas ya que cuando utilizas el GetElement... pones "txtId", en cambio en la definición "txtID".

De momento no te puedo ayudar mucho más...

Almapa · 6 Agosto 2013, 00:56 AM

Probando cosas he reducido tus líneas a estas pocas y si que me funciona

Código (javascript) [Seleccionar]

<html>
	<head>
	<script>
function displayResult()
{
document.getElementById("txtID").value="hola";
modifica.show();
};
	</script>
	<title>Modificar Datos</title>
	</head>
	<body>
			<table>
                <tr>
                    <td><input type="text"  id="txtID"/></td>
                </tr>
                <tr>
                    <td><button data-dojo-type="dijit/form/Button" id="submit" onclick="displayResult()" >Modificar</button></td>
                </tr>
			</table>
	</body>
</html>

Por otra parte, al añadir la siguiente línea:

Código (javascript) [Seleccionar]

<form data-dpjo-type="dijit/form/Form " data-dojo-id="frmModifica">
se actualiza el valor de textbox, reiniciando el valor y dejándolo vacío.

DaNuK · 6 Agosto 2013, 19:15 PM

Gracias compañero asunto resuelto
Saludos