contenido en tabla de forma aleatoria

juanitosan34 · #1 (**permalink**) 28/10/2011, 04:32

Buenos días, He creado una tabla con 3 filas y 4 columnas y no soy capaz de hacer que el contenido de la tabla rote de forma aleatoria cada vez que se visita la pagina.

He conseguido hacer algo parecido en javascript pero solo muestra enlaces aleatorios, no es capaz de hacerlo con las tablas.

Si alguien pudiera ayudarme, se lo agradecería.

Muchas gracias.

artesyweb · #2 (**permalink**) 28/10/2011, 23:01

bueno no es muy claro lo que deseas hacer.... intenta poner un ejemplo.

juanitosan34 · #3 (**permalink**) 29/10/2011, 14:37

Gracias por contestar artesyweb te pongo un ejemplo de lo que busco. Aunque este ejemplo hace lo que quiero no se como ponerlo por filas y columnas.

Gracias de nuevo.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>
<script language="Javascript">
var link0 ;
var cad0 ; var link1;
var cad1 ; var link2;
var cad2 ; var link3;
var cad3; var link4;
var cad4; var link5;
var cad5; var link6;
var cad6; var link7;
var cad7; var link8;
var cad8; var link9;
var cad9; var link10;
var cad10; var link11;
var cad11; var link12;
var cad12; var aleatorio;
var datos = new Array(new Array( " Google y mas","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" otra web .","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" otra mas .","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" otras mas","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" sigue habiendo mas","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" quizas alguna mas","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" o nunca mas","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" tu veras","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" quizas mas","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" todavia no se que hacer","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" nunca mais","http://www.google.es", "LOGO/foto.jpg" ),
new Array(" foros del web","http://www.google.es", "LOGO/foto.jpg" ));
var utilizado = new Array(false,false,false,false,false,false,false,fa lse,false,false,false,false); for (j=0 ; j< 12 ; j++){
aleatorio = Math.floor(Math.random()*12); while (utilizado[aleatorio]){
aleatorio = Math.floor(Math.random()*12);
}
utilizado[aleatorio]=true;
if (j==0){
link0= datos[aleatorio][1];
cad0= datos[aleatorio][0];
img0= datos[aleatorio][2];
}
else if (j==1){
link1= datos[aleatorio][1];
cad1=datos[aleatorio][0];
img1= datos[aleatorio][2];
}
else if (j==2){
link2=datos[aleatorio][1];
cad2=datos[aleatorio][0];
img2= datos[aleatorio][2];
}
else if (j==3){
link3=datos[aleatorio][1];
cad3=datos[aleatorio][0];
img3= datos[aleatorio][2];
}else if (j==4){
link4=datos[aleatorio][1];
cad4=datos[aleatorio][0];
img4= datos[aleatorio][2];
}else if (j==5){
link5=datos[aleatorio][1];
cad5=datos[aleatorio][0];
img5= datos[aleatorio][2];
}else if (j==6){
link6=datos[aleatorio][1];
cad6=datos[aleatorio][0];
img6= datos[aleatorio][2];
}else if (j==7){
link7=datos[aleatorio][1];
cad7=datos[aleatorio][0];
img7= datos[aleatorio][2];
}else if (j==8){
link8=datos[aleatorio][1];
cad8=datos[aleatorio][0];
img8= datos[aleatorio][2];
}else if (j==9){
link9=datos[aleatorio][1];
cad9=datos[aleatorio][0];
img9= datos[aleatorio][2];
}else if (j==10){
link10=datos[aleatorio][1];
cad10=datos[aleatorio][0];
img10= datos[aleatorio][2];
}else if (j==11){
link11=datos[aleatorio][1];
cad11=datos[aleatorio][0];
img11= datos[aleatorio][2];
}else if (j==12){
link12=datos[aleatorio][1];
cad12=datos[aleatorio][0];
img12= datos[aleatorio][2];
}
}
document.write(cad0.link(link0));
document.write("<IMG SRC="+img0+"> ");
document.write(cad1.link(link1));
document.write("<IMG SRC="+img1+"> ");
document.write(cad2.link(link2));
document.write("<IMG SRC="+img2+"> ");
document.write(cad3.link(link3));
document.write("<IMG SRC="+img3+"> ");
document.write(cad4.link(link4));
document.write("<IMG SRC="+img4+"> ");
document.write(cad5.link(link5));
document.write("<IMG SRC="+img5+"> ");
document.write(cad6.link(link6));
document.write("<IMG SRC="+img6+"> ");
document.write(cad7.link(link7));
document.write("<IMG SRC="+img7+"> ");
document.write(cad8.link(link8));
document.write("<IMG SRC="+img8+"> ");
document.write(cad9.link(link9));
document.write("<IMG SRC="+img9+"> ");
document.write(cad10.link(link10));
document.write("<IMG SRC="+img10+"> ");
document.write(cad11.link(link11));
document.write("<IMG SRC="+img11+"> ");
document.write(cad12.link(link12));
document.write("<IMG SRC="+img12+"> ");
</script>
</body>