Modificar Web con variables en Javascript

Quisiera saber como puedo hacer para actualizar mi web.Es decir tengo arrays con datos de un grupo de usuarios(nombre, email, etc), los cuales deben mostrarse uno por uno segun la seleccion de usuario, los datos del mismo debe ir en el cuerpo de la web, Anteriormente hice esto con cuadros de texto y fue facil, pero ahora me hago todo un rollo por este otro metodo.
1

1 Respuesta

106.550 pts. Trabajo en desarrollo web en general, html, css, etc
Creo que podria ayudarte si afinas mas la pregunta.
¿Tienes esa otra version que te funciona colgada en algun sitio para echarle un ojo?
Salu2.
para ser mas preciso, te envio el codigo:
<HTML>
<HEAD><TITLE>Imprimir variables</TITLE>
<script>
var myimages= new Array();var mynames = new Array();
var mynicks = new Array();var mycitys = new Array();
myimages[00]= "uno.jpg";
mynames [00]= "AAAA";
mynicks [00]= "One";
mycitys [00]= "America";
myimages[01]= "dos.jpg";
mynames [01]= "BBBB";
mynicks [01]= "Two";
mycitys [01]= "Asia";
myimages[02]= "tres.jpg";
mynames [02]= "CCCC";
mynicks [02]= "Tree";
mycitys [02]= "Europa"
function changeimage(towhat){
images= myimages[towhat];
names = mynames [towhat];
nicks = mynicks [towhat];
citys = mycitys [towhat];
}
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
</script>
</HEAD>
<BODY>
<TABLE BORDER=0 CELLPADDING=1>
<TBODY>
<TR>
<td WIDTH=100 ALIGN=CENTER onclick="changeimage(0)";" onmouseout="mOut(this,'#00AAFF');" onmouseover="mOvr(this,'#0055AA');" vAlign="center" width="100" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#00AAFF" height="10"><font face="Verdana" size="1">Primero</font></td>
<td WIDTH=100 ALIGN=CENTER onclick="changeimage(1)";" onmouseout="mOut(this,'#00AAFF');" onmouseover="mOvr(this,'#0055AA');" vAlign="center" width="100" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#00AAFF" height="10"><font face="Verdana" size="1">Segundo</font></td>
<td WIDTH=100 ALIGN=CENTER onclick="changeimage(2)";" onmouseout="mOut(this,'#00AAFF');" onmouseover="mOvr(this,'#0055AA');" vAlign="center" width="100" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#00AAFF" height="10"><font face="Verdana" size="1">Tercero</font></td>
</TR>
</TBODY>
</TABLE>
<SCRIPT>
document.write("<IMG SRC="+images+">");
document.write("Nombre: " + names);
document.write("Apelli: " + nicks);
document.write("Ciudad: " + citys);
</SCRIPT>
</BODY>
</HTML>
A ver si le das una chekeadita y me la corriges pues pues me hago bolas.
gracias
A ver si algo asi te vale... Si te das cuenta, con el innerHTML, puedes meter el codigo que quieras; complicarlo todo lo que quieras.
Lo que te fallaba es que el document.write solo se hace una vez, y lo que tienes que hacer es meter a cada vez los datos que toquen.
A ver si viendo el codigo lo ves bien y te sirve:
<HTML>
<HEAD><TITLE>Imprimir variables</TITLE>
<script>
var myimages= new Array();var mynames = new Array();
var mynicks = new Array();var mycitys = new Array();
myimages[00]= "uno.jpg";
mynames [00]= "AAAA";
mynicks [00]= "One";
mycitys [00]= "America";
myimages[01]= "dos.jpg";
mynames [01]= "BBBB";
mynicks [01]= "Two";
mycitys [01]= "Asia";
myimages[02]= "tres.jpg";
mynames [02]= "CCCC";
mynicks [02]= "Tree";
mycitys [02]= "Europa"
function changeimage(towhat){
images= myimages[towhat];
names = mynames [towhat];
nicks = mynicks [towhat];
citys = mycitys [towhat];
var que="";
que+="<IMG SRC="+images+"><br>";
que+="Nombre: " + names+"<br>";
que+="Apelli: " + nicks+"<br>";
que+="Ciudad: " + citys+"<br>";
this.document.getElementById("mete").innerHTML=que;
}
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
</script>
</HEAD>
<BODY>
<TABLE BORDER=0 CELLPADDING=1>
<TBODY>
<TR>
<td WIDTH=100 ALIGN=CENTER onclick="changeimage(0)";" onmouseout="mOut(this,'#00AAFF');" onmouseover="mOvr(this,'#0055AA');" vAlign="center" width="100" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#00AAFF" height="10"><font face="Verdana" size="1">Primero</font></td>
<td WIDTH=100 ALIGN=CENTER onclick="changeimage(1)";" onmouseout="mOut(this,'#00AAFF');" onmouseover="mOvr(this,'#0055AA');" vAlign="center" width="100" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#00AAFF" height="10"><font face="Verdana" size="1">Segundo</font></td>
<td WIDTH=100 ALIGN=CENTER onclick="changeimage(2)";" onmouseout="mOut(this,'#00AAFF');" onmouseover="mOvr(this,'#0055AA');" vAlign="center" width="100" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#00AAFF" height="10"><font face="Verdana" size="1">Tercero</font></td>
</TR>
</TBODY>
</TABLE>
<table>
<tr>
<td id="mete">
</td>
</tr>
</table>
</BODY>
</HTML>
Si tienes alguna pega, no dudes en seguir preguntando.
Salu2

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas