Funcion y Parametros Javascript
Estube desarrolando una web, pero se me ha presentado un problema, hasta donde se creo k esta bien el script, pero no entiendo por que no funciona, con el grafico ok, pero con los datos para los input no hace nada. El codigo es el sgte:
<HTML>
<HEAD><TITLE></TITLE>
<script language="JavaScript1.1">
var myimages= new Array();
var mynames = new Array();
var mynicks = new Array();
mynames[0]= "A1";
mynicks[0]= "11";
mynames[1]= "B1Sendy Elizabeth";
mynicks[1]= "22";
mynames[2]= "C1";
mynicks[3]= "33";
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages=new Image()
myimages.src=preloadimages.arguments
}
}
preloadimages("foto01.jpg","foto02.jpg", "foto03.jpg")
</script>
<script>
function changed(towhat){
document.images['targetimage'].src= myimages[towhat].src;
document.name.value= mynames[towhat];
document.nick.value= mynicks[towhat];
}
</script>
</HEAD>
<BODY>
<CENTER>
<TABLE>
<TBODY>
<TR>
<td WIDTH=100 ALIGN=CENTER onclick="changed(0)">uno</td>
<td WIDTH=100 ALIGN=CENTER onclick="changed(1)">dos</td>
<td WIDTH=100 ALIGN=CENTER onclick="changed(2)">tres</td>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE>
<TBODY>
<TR><TD>Presentacion:</TD><TD ROWSPAN=4><IMG SRC="foto01.jpg" NAME="targetimage" WIDTH="300"></TD></TR>
<TR><TD>Nombre:</TD></TR>
<TR><TD><INPUT TYPE="text" NAME="name" VALUE=mynames[1] SIZE=40><BR></TD></TR>
<TR><TD>Nick:</TD></TR>
<TR><TD><INPUT TYPE="text" NAME="nick" VALUE=mynicks[1] SIZE=20></TD></TR>
</TBODY>
</TABLE>
</CENTER>
</BODY>
</HTML>
Y como les digo, quiero dar click en cada celda para cambiar la imagen y los datos pero solo la imagen cambia mas los datos no se actualizan.
<HTML>
<HEAD><TITLE></TITLE>
<script language="JavaScript1.1">
var myimages= new Array();
var mynames = new Array();
var mynicks = new Array();
mynames[0]= "A1";
mynicks[0]= "11";
mynames[1]= "B1Sendy Elizabeth";
mynicks[1]= "22";
mynames[2]= "C1";
mynicks[3]= "33";
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages=new Image()
myimages.src=preloadimages.arguments
}
}
preloadimages("foto01.jpg","foto02.jpg", "foto03.jpg")
</script>
<script>
function changed(towhat){
document.images['targetimage'].src= myimages[towhat].src;
document.name.value= mynames[towhat];
document.nick.value= mynicks[towhat];
}
</script>
</HEAD>
<BODY>
<CENTER>
<TABLE>
<TBODY>
<TR>
<td WIDTH=100 ALIGN=CENTER onclick="changed(0)">uno</td>
<td WIDTH=100 ALIGN=CENTER onclick="changed(1)">dos</td>
<td WIDTH=100 ALIGN=CENTER onclick="changed(2)">tres</td>
</TR>
</TBODY>
</TABLE>
<BR>
<TABLE>
<TBODY>
<TR><TD>Presentacion:</TD><TD ROWSPAN=4><IMG SRC="foto01.jpg" NAME="targetimage" WIDTH="300"></TD></TR>
<TR><TD>Nombre:</TD></TR>
<TR><TD><INPUT TYPE="text" NAME="name" VALUE=mynames[1] SIZE=40><BR></TD></TR>
<TR><TD>Nick:</TD></TR>
<TR><TD><INPUT TYPE="text" NAME="nick" VALUE=mynicks[1] SIZE=20></TD></TR>
</TBODY>
</TABLE>
</CENTER>
</BODY>
</HTML>
Y como les digo, quiero dar click en cada celda para cambiar la imagen y los datos pero solo la imagen cambia mas los datos no se actualizan.
1 Respuesta
Respuesta de abetop
1
Lo que fallaba es que para modificar elementos de datos, necesitas definir un form y luego acceder a ellos a través de él.
La imágenes no las he probado, pero como decias que te funcionaban no debería dar problemas.
Salu2,
abetop
<HTML>
<HEAD><TITLE></TITLE>
<script language="JavaScript1.1">
var myimages= new Array();
var mynames = new Array();
var mynicks = new Array();
mynames[0]= "A1";
mynicks[0]= "11";
mynames[1]= "B1Sendy Elizabeth";
mynicks[1]= "22";
mynames[2]= "C1";
mynicks[3]= "33";
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages=new Image()
myimages.src=preloadimages.arguments }
}
preloadimages("foto01.jpg","foto02.jpg", "foto03.jpg")
</script>
<script> function changed(towhat){
document.images['targetimage'].src= myimages[towhat].src;
document.formulario.name.value= mynames[towhat];
document.formulario.nick.value= mynicks[towhat]; }
</script>
</HEAD>
<BODY>
<CENTER> <TABLE border=1> <TBODY> <TR>
<td WIDTH=100 ALIGN=CENTER onclick="changed(0)">uno</td>
<td WIDTH=100 ALIGN=CENTER onclick="changed(1)">dos</td>
<td WIDTH=100 ALIGN=CENTER onclick="changed(2)">tres</td>
</TR> </TBODY>
</TABLE> <BR>
<TABLE> <TBODY> <TR><TD>Presentacion:</TD>
<FORM name='formulario'>
<TD ROWSPAN=4><IMG SRC="foto01.jpg" NAME="targetimage" WIDTH="300"></TD></TR>
<TR><TD>Nombre:</TD></TR>
<TR><TD><INPUT TYPE="text" NAME="name" SIZE=40><BR></TD></TR>
<TR><TD>Nick:</TD></TR>
<TR><TD><INPUT TYPE="text" NAME="nick" SIZE=20></TD></TR>
</FORM>
</TBODY> </TABLE>
<script>
document.formulario.name.value=mynames[0];
document.formulario.nick.value=mynicks[0];
</script>
</CENTER>
</BODY>
</HTML>
La imágenes no las he probado, pero como decias que te funcionaban no debería dar problemas.
Salu2,
abetop
<HTML>
<HEAD><TITLE></TITLE>
<script language="JavaScript1.1">
var myimages= new Array();
var mynames = new Array();
var mynicks = new Array();
mynames[0]= "A1";
mynicks[0]= "11";
mynames[1]= "B1Sendy Elizabeth";
mynicks[1]= "22";
mynames[2]= "C1";
mynicks[3]= "33";
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages=new Image()
myimages.src=preloadimages.arguments }
}
preloadimages("foto01.jpg","foto02.jpg", "foto03.jpg")
</script>
<script> function changed(towhat){
document.images['targetimage'].src= myimages[towhat].src;
document.formulario.name.value= mynames[towhat];
document.formulario.nick.value= mynicks[towhat]; }
</script>
</HEAD>
<BODY>
<CENTER> <TABLE border=1> <TBODY> <TR>
<td WIDTH=100 ALIGN=CENTER onclick="changed(0)">uno</td>
<td WIDTH=100 ALIGN=CENTER onclick="changed(1)">dos</td>
<td WIDTH=100 ALIGN=CENTER onclick="changed(2)">tres</td>
</TR> </TBODY>
</TABLE> <BR>
<TABLE> <TBODY> <TR><TD>Presentacion:</TD>
<FORM name='formulario'>
<TD ROWSPAN=4><IMG SRC="foto01.jpg" NAME="targetimage" WIDTH="300"></TD></TR>
<TR><TD>Nombre:</TD></TR>
<TR><TD><INPUT TYPE="text" NAME="name" SIZE=40><BR></TD></TR>
<TR><TD>Nick:</TD></TR>
<TR><TD><INPUT TYPE="text" NAME="nick" SIZE=20></TD></TR>
</FORM>
</TBODY> </TABLE>
<script>
document.formulario.name.value=mynames[0];
document.formulario.nick.value=mynicks[0];
</script>
</CENTER>
</BODY>
</HTML>
