¿Qué debo hacer?
Tengo el siguiente código. Quisiera cambiar los dos text field que aparecen al costado por texto. ES decir que la información me aparezca arriba del fondo de pantalla sin utilizar ningún text field. No se como hacerlo :-(
<HTML>
<HEAD>
<TITLE>Esculturas </TITLE>
<SCRIPT>
function escultura( nombre,imagen,explicacion) {
this.nombre=nombre;
this.imagen=imagen;
this.explicacion=explicacion;
}
var matriz=new Array(5);
var numPersonas=0;
matriz[numPersonas++]=new escultura( "Abrazo",
"images/esculturas/abrazo.jpg",
"1997, 37x70x37");
matriz[numPersonas++]=new escultura( "Acrobata",
"images/esculturas/Acrobata.jpg",
"1994, marmol 51x33x29 cm");
function visualiza() {
document.imagen.src=this.imagen;
document.f1.nombre.value=this.nombre;
document.f1.explicacion.value=this.explicacion;
}
escultura.prototype.visualiza=visualiza;
</SCRIPT>
<BODY BGCOLOR="#FFFFFF">
<right>
<FORM NAME="f2">
<SELECT NAME="sel" onChange="matriz[document.f2.sel.selectedIndex].visualiza(); ">
<SCRIPT>
<!--
for( i=0; i<numPersonas; i++ ) {
document.writeln( "<OPTION>"+matriz.nombre );
}
// -->
</SCRIPT>
</SELECT>
</FORM>
</right>
<TABLE COL="2" WIDTH="80%">
<TR>
<TD WIDTH="60%" COLSPAN="1">
<IMG SRC="" ALT="La imagen" NAME="imagen" WIDTH="404" HEIGHT="297">
</TD>
<TD WIDTH="40%" COLSPAN="1">
<FORM NAME="f1">
<INPUT name=nombre size=40><BR>
<INPUT name=explicacion size=50><BR>
</FORM>
</TD>
</TR>
</TABLE>
<!-- POnemos los primeros datos -->
<SCRIPT>
<!--
matriz[0].visualiza();
//-->
</SCRIPT>
<!-- Creating selector -->
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Esculturas </TITLE>
<SCRIPT>
function escultura( nombre,imagen,explicacion) {
this.nombre=nombre;
this.imagen=imagen;
this.explicacion=explicacion;
}
var matriz=new Array(5);
var numPersonas=0;
matriz[numPersonas++]=new escultura( "Abrazo",
"images/esculturas/abrazo.jpg",
"1997, 37x70x37");
matriz[numPersonas++]=new escultura( "Acrobata",
"images/esculturas/Acrobata.jpg",
"1994, marmol 51x33x29 cm");
function visualiza() {
document.imagen.src=this.imagen;
document.f1.nombre.value=this.nombre;
document.f1.explicacion.value=this.explicacion;
}
escultura.prototype.visualiza=visualiza;
</SCRIPT>
<BODY BGCOLOR="#FFFFFF">
<right>
<FORM NAME="f2">
<SELECT NAME="sel" onChange="matriz[document.f2.sel.selectedIndex].visualiza(); ">
<SCRIPT>
<!--
for( i=0; i<numPersonas; i++ ) {
document.writeln( "<OPTION>"+matriz.nombre );
}
// -->
</SCRIPT>
</SELECT>
</FORM>
</right>
<TABLE COL="2" WIDTH="80%">
<TR>
<TD WIDTH="60%" COLSPAN="1">
<IMG SRC="" ALT="La imagen" NAME="imagen" WIDTH="404" HEIGHT="297">
</TD>
<TD WIDTH="40%" COLSPAN="1">
<FORM NAME="f1">
<INPUT name=nombre size=40><BR>
<INPUT name=explicacion size=50><BR>
</FORM>
</TD>
</TR>
</TABLE>
<!-- POnemos los primeros datos -->
<SCRIPT>
<!--
matriz[0].visualiza();
//-->
</SCRIPT>
<!-- Creating selector -->
</BODY>
</HTML>
Respuesta de cvblagil
1
Espero haberte entendido:
Prueba cambiando la tabla que tienes por esta otra..
<TABLE COL="2" WIDTH="80%">
<TR>
<TD WIDTH="40%" COLSPAN="1" >
<FORM NAME="f1">
<INPUT name=nombre size=40 style="border-style:none" readonly><BR>
<INPUT name=explicacion size=50 style="border-style:none" readonly><BR>
</FORM>
</TD>
</TR>
<TR>
<TD WIDTH="60%" COLSPAN="1">
<IMG SRC="" ALT="La imagen" NAME="imagen" WIDTH="404" HEIGHT="297">
</TD>
</TR>
</TABLE>
Prueba cambiando la tabla que tienes por esta otra..
<TABLE COL="2" WIDTH="80%">
<TR>
<TD WIDTH="40%" COLSPAN="1" >
<FORM NAME="f1">
<INPUT name=nombre size=40 style="border-style:none" readonly><BR>
<INPUT name=explicacion size=50 style="border-style:none" readonly><BR>
</FORM>
</TD>
</TR>
<TR>
<TD WIDTH="60%" COLSPAN="1">
<IMG SRC="" ALT="La imagen" NAME="imagen" WIDTH="404" HEIGHT="297">
</TD>
</TR>
</TABLE>
