30/09/2004, 05:21
|
 | Moderador extraterrestre | | Fecha de Ingreso: diciembre-2001 Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 23 años Puntos: 61 | |
Mira, antes que entender tu código te he hecho este que no sé si te servirá.
Te muestra el autor, debajo el título, debajo la imagen del disco. Si pasas el ratón por encima del disco te aparece en la capa ficha la lista de las canciones con enlace a una popup que muestra la página donde estará la partitura.
Es una primera aproximación. Dime si te serviría y lo vamos modificando.
Un saludo y... agur! 
Código HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script>
disco=new Array();
disco[0]=new Array();
disco[0].cancion=new Array();
disco[0].titulo="Canto mucho";
disco[0].caratula="imagen.jpg";
disco[0].artista="Pepito pérez";
disco[0].cancion[0]="Canción 1";
disco[0].cancion[1]="Canción 2";
disco[0].cancion[2]="Canción 3";
disco[0].cancion[3]="Canción 4";
disco[0].cancion[4]="Canción 5";
disco[0].cancion[5]="Canción 6";
disco[0].cancion[6]="Canción 7";
disco[0].cancion[7]="Canción 8";
disco[0].cancion[8]="Canción 9";
disco[0].cancion[9]="Canción 10";
disco[0].cancion[10]="Canción 11";
disco[0].cancion[11]="Canción 12";
function mostrar(este){
codigo="";
if(este=="nada"){
document.getElementById("ficha").innerHTML=codigo;
return false;}
for(aa=0;aa<disco[este].cancion.length;aa++){
codigo+="<a href='"+disco[este].artista+"/"+disco[este].titulo+"/"+disco[este].cancion[aa]+".html' onclick='irA("+este+","+aa+");return false'>"+disco[este].cancion[aa]+"</a><br>";
}
document.getElementById("ficha").innerHTML=codigo;
}
function irA(lp,corte){
ventana=window.open(disco[lp].artista+"/"+disco[lp].titulo+"/"+disco[lp].cancion[corte]+".html","ventana","width=500,height=400");
}
</script>
</head>
<body>
<script>
for(a=0;a<disco.length;a++){
document.write(disco[a].artista+"<br>");
document.write(disco[a].titulo+"<br>");
document.write("<img onmouseover='mostrar("+a+")'src='"+disco[a].caratula+"'>");
}
</script>
<div id="ficha"></div>
</body>
</html> Es un prototipo. No te asustes por lo feo que parece.
__________________ Cómo escribir
No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |