Busco Script Con Efecto Raton/marco

epa2 · #1 (**permalink**) 30/05/2002, 06:33

Hola,
tengo una pagina con 2 marcos, en el marco de la izquierda tengo un menu de navegación vertical, lo que me gustaría es saber como puedo al pasar el ratón sobre el menú de navegación por el marco de la izquierda que automaticamente apareciera una imagen o dibujito en el marco de la derecha y fuese cambiando según se mueve el ratón por el menú de navegación del marco de la izquierda.

¿conoces algun script?
saludos,
bye

caricatos · #2 (**permalink**) 30/05/2002, 16:49

Hola epa2:

En primer lugar debes hacer una precarga de imágenes, hace poco puse en otra discusión una mejora de la precarga: <a href='ir.asp?http://www.forosdelweb.com/mensaje.asp?id=78160' target='_blank'>http://www.forosdelweb.com/mensaje.asp?i...</a>

Luego poner una función cambiar (o algo así):

function cambiar(imagen) {
parent.derecha.imagen.src=imagen;
}

y en los sitios donde pase el ratón:

onmouseover="cambiar(imagen)"

Si te parece complicado, lo intentamos paso a paso.

saludos

epa2 · #3 (**permalink**) 31/05/2002, 02:53

Muy bien Caricatos, acepto el reto.

Ante todo decirte que estoy verde en esto, por lo que tendrás que tener un poco de paciencia conmigo.

Creo que vamos a crear un post dentro del foro bastante interesante.

Bueno, manos a la obra, ha llegado el momento.

En primer lugar preguntarte que script utilizo ya que he estado viendo el script del deposito y también el script que tu utilizastes.¿Cual crees que será conveniente para la pagina con 2 marcos(izquierda y derecha?

También comentarte que una vez que sepa que script usar ¿en que marco lo inserto? ¿en el frame izquierdo de navegación, el frame derecho donde quiero que aparezcan las imagenes o en el html del conjunto de página de marcos?

Espero tu respuesta.

Bye ;) ;)

caricatos · #4 (**permalink**) 31/05/2002, 12:30

Hola:

Bien paso a paso:

entonces tenemos una especie de página así:

<frameset cols="20%,*" >
<frame name=izq src="izq.html">
<frame name=der src="der.html">
</frameset>

Aunque la precarga la puedes hacer en cualquier frame, me parece mejor meterlo en donde aparecerán las imágenes, o sea "der".

Y el script para hacer el cambio, también se puede poner en cualquier sitio, pero también te recomiendo que lo pongas en esa misma página.

y en la izquierda poner en los enlaces el código: onmouseover="parent.der.cambio()"

Ahora lo tengo que dejar, pero luego trataré de seguir...

Saludos.

caricatos · #5 (**permalink**) 02/06/2002, 17:58

Hola otra vez:

¿Estás ahí?

Bueno este es el frame izq.html:

<html >
<head>
<script language="javascript" >
function ini() {
var enlaces = document.getElementsByTagName("TD");
for (var i = 0; i < enlaces.length; i ++) enlaces.style.cursor = (document.all) ? "hand" : "pointer";
}
</script>
</head >
<body onload=ini()>
<center >
<table><tr>

<td onmouseover="parent.der.cambio()" >un dibujo</td><tr>
<td onmouseover="parent.der.cambio()" >otro dibujo</td>
</tr></table>
</center >
</body >
</html >

El script es para que el cursor se ponga tipo "mano"

... Y el der.html:

<html>
<head>
<title>Precarga de imágenes</title>
<script language="javascript" src="precarga.js" ></script>
<script language="javascript" >
var imgs;
function inicio() {
imgs = new preCarga("boton1.gif", "boton2.gif");
}

var imagen = 1;
function cambio() {
imagen = (imagen == 1) ? 2 : 1;
document.getElementById("dibujo").src = imgs[(imagen - 1)].src;
}
</script>
</head >
<body onload="inicio()" >
<center>
<img src="boton1.gif" id=dibujo name=dibujo >
</center>
</body>
</html >

Espero que te sirva.

Saludos

epa2 · #6 (**permalink**) 03/06/2002, 02:56

Oye, perdona, he estado el fin de semana fuera. Ahora lo pruebo y te contesto.

Byee

epa2 · #7 (**permalink**) 03/06/2002, 04:20

Bueno, caricatos, me da algunos fallos, ademas que no comprendo bien es script.

paso a paso(como tu dices)

La página que guarda el conjunto de frames es así...

<frameset framespacing="0" border="0" frameborder="0" cols="144,*">
<frame name="marco_izquierdo" target="principal" marginwidth="15" scrolling="no" src="marco_izquierdo.htm">
<frame name="principal" src="marco_derecho.htm" target="_self">
</frameset>

Al insertar el script en la página marco_izquierdo me da el siguiente error...
error en tiempo de ejecución.linea 40 'Style' no es un objeto.
linea 49 'Parent.der' no es un objeto.

Uhhhnn Caricatos, aunque no entiendo lo del error me huelo a que es a lo de los nombres de la página ¿verdad?
Cuando tu me dices <td onmouseover="parent.der.cambio()"
¿Debería ser... "parent.principal.cambio()"?

Y cuando tu me escribes...
>un dibujo</td><tr>
¿tengo que indicar un dibujo al estilo de por ejemplo M7.gif?(Es el dibujo que tengo)

Te espero.
Saludos.

caricatos · #8 (**permalink**) 03/06/2002, 12:04

caricatos · #9 (**permalink**) 03/06/2002, 17:55

Hola otra vez:

Parece que me quedé en blanco, pero ¡no!
Vayamos por parte:
En la etiqueta "frame", no tiene sentido el atributo "target", y el "parent.der" es válido para el ejemplo anterior, cuando se usa un "frame name=der".

En tu caso debería ser "parent.principal" (como tú dices: "parent.principal.cambio()"

Lo de "un dibujo" no es más que texto, lo que importa es que en esa etiqueta "<TD>" está la respuesta al evento de pasar el ratón por encima "onmouseover"; se supone que al pasar el ratón por encima de "un dibujo", debería realizarse la acción "parent.principal.cambio()".

Los dibujos se supone que están precargados, aunque para las pruebas (y para que no te compliques hasta que te funcione) puedes usar los nombres completos: "M7.gif".

Bueno, a ver si mejoramos...

Saludos

epa2 · #10 (**permalink**) 05/06/2002, 02:32

Bueno, hola otra vez.

La verdad es que no se por donde empezar, uuuhhh, verás, cuando pasó, me da error, pues me dice que 'imgs' no es un objeto.

Lo que tu pusistes fue...

var imagen = 1;
function cambio() {
imagen = (imagen == 1) ? 2 : 1;
document.getElementById("dibujo").src = imgs[(imagen - 1)].src;
}
¿uuhhn, en esta secuencia hay que especificar el nombre y destino de alguna imagen; y como sería?

De todas maneras caricatos, creo que desde el principio no me he explicado bien, yo tengo un frame izquierdo con un tabla vertical como menú de navegación, lo que quisiera es que al evento de pasar el raton por CADA PALABRA de este menú se cargara en el frame derecho una imagen por cada palabra.

¿Hablamos el mismo idioma?
Espero tu respuesta.
Saludos
Bye.

caricatos · #11 (**permalink**) 05/06/2002, 12:55

Hola otra vez... sigamos paso a paso:

La verdad es que el tema de la precarga sigue siendo muy polémico, pero no por la precarga en sí, sino porque me parece que los exploradores no repetan las prioridades que nosotros queremos. A mi también me pasa eso, y luego -como por arte de magia- todo funciona como yo quiero. Solo es cuestión de paciencia, pero cualquiera le dice a nuestros visitantes que esperen a que se cargue la página.¿?...

Al grano...

imgs es una variable de tipo Array con imágenes... puedes probar sin usar la "precarga", con un "array" de la siguiente manera:

var imgs = ["imagen1.gif", "imagen2.gif"];//...

y en la asignación no poner ".src"

Saludos

epa2 · #12 (**permalink**) 07/06/2002, 04:42

Hola de nuevo, saludos

mira, me da varios errores en los dos frames, el izquierdo y el derecho. Te envio los códigos.

En el conjunto de frames lo siguiente:
<frameset framespacing="0" border="0" frameborder="0" cols="144,*">
<frame name="marco_izquierdo" target="principal" marginwidth="15" scrolling="no" src="marco_izquierdo.htm">
<frame name="principal" src="marco_derecho.htm" target="_self">
<noframes>

//...en el frame izquierdo da el error siguiente "Style no es un objeto"
//...y cuando paso el ratón (onmouseover) por las palabras "un dibujo" y "otro dibujo" me dice 'parent.principal no es un objeto'.

<html >
<head>
<script language="javascript" >
function ini() {
var enlaces = document.getElementsByTagName("TD");
for (var i = 0; i < enlaces.length; i ++) enlaces.style.cursor = (document.all) ? "hand" : "pointer";
}
</script>
</head >
<body onload=ini()>
<center >
<table><tr>

<td onmouseover="parent.principal.cambio()" >un dibujo</td><tr>
<td onmouseover="parent.principal.cambio()" >otro dibujo</td>
</tr></table>
</center >
</body >

//....en el frame derecho me da el error diciendo que 'Precarga no está definido'

<html>
<head>
<title>Precarga de imágenes</title>
<script language="javascript" src="precarga.js" ></script>
<script language="javascript" >
var imgs;
function inicio() {
imgs = new preCarga("M6.gif", "M7.gif");
}

var imagen = 1;
function cambio() {
imagen = (imagen == 1) ? 2 : 1;
document.getElementById("dibujo").src = imgs[(imagen - 1)].src;
}
</script>
</head>
<body>
<body onload="inicio()" >
<center>
<p>
<var imgs = ["M6.gif", "M7.gif"] >
</p>
</center>
</body>
</html >

Bueno, espero tu ayuda, echale un vistazo al código cuando puedas y ya me respondes.

Saludos.
Bye.

caricatos · #13 (**permalink**) 07/06/2002, 12:57

Hola otra vez:

Siguiendo con el paso a paso, en primer lugar, viendo la información de microsoft sobre la etiqueta "frame", no existe el atributo "target" (un posible conflicto)...
Este es el link: <a href='ir.asp?http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/frame.asp' target='_blank'>http://msdn.microsoft.com/workshop/autho...</a>

Sobre el "style", tal vez sea por la versión que uses del navegador, pero la función ini() solo sirve para que se ponga el cursor como una mano, o sea que puedes eliminar el "onload" del body y todo el "script"...

La precarga se supone que es un fichero aparte, este es el código:

function preCarga() {
if (!document.images) {alert("imágenes no soportadas"); return;}
this.dibujos = new Array();
var args = preCarga.arguments;
for (var i = 0; i < args.length; i++) {
this.dibujos = new Image();
this.dibujos[I].src = args;
}
return this.dibujos;
}

Espero que te sirva...

Saludos

epa2 · #14 (**permalink**) 10/06/2002, 10:28

bueno, bueno, paso a paso como tu dices.

En primer lugar he eliminado el script del style de la mano del ratón.
como tu decías me daba este style conflicto.

Luego, también he estado replanteando la página de los frames y he quitado lo de target=etc etc.

Sin embargo, aún al pasar el ratón por la tabla del texto con "un dibujo" y "otro dibujo" me sale
el mensaje de error 'imgs[...]src. no es un objeto'

¿que será?

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

En cuanto a lo de probar sin usar la "precarga" con un "array" como el que me dijistes...

var imgs = ["imagen1.gif","imagen2.gif"]

y tambien en la asignación no poner ".src"
todo esto no lo comprendo bien, ¿puedes decirme donde he de ponerlo exactamente y como?

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Por cierto, en el frame derecho puedo ver el relieve de un dibujo que no se ha cargado bien,
¿donde puedo colocar el nombre de mi logo personal para que se viera mi logo antes
de la precarga de las imagenes al pasar el ratón?

//....me parece que en un sitio donde he visto algo de botton1.gif????????

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Oye, perdona mi ignorancia y que te haga perder el tiempo. Cuando estés harto de mi hazmelo
saber ¿Vale?

A continuación te envio los script que tengo....

en el conjunto de marcos...
<frameset cols="150,*">
<frame name="contenido" src="izquierdo.htm" target="principal">
<frame name="principal" src="derecho.htm">
<noframes>
<body>
<p>Esta página usa marcos, pero su explorador no los admite.</p>
</body>
</noframes>
</frameset>

En el frame izquierdo.....

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content

caricatos · #15 (**permalink**) 10/06/2002, 18:08

Hola otra vez:

En el conjunto de marcos (si el código es el que muestras) sigue habiendo un "target", y luego se perdió el texto de los otros frames...
Para poner tu logo lo mejor es en la misma etiqueta "img" y ponerle un "alt" y un "title" (mensajes)
Para decirte más sería mejor ver el código...

Saludos

epa2 · #16 (**permalink**) 11/06/2002, 02:21

es verdad, he perdido el código. ahora te lo mando para que lo mires.

epa2 · #17 (**permalink**) 11/06/2002, 09:29

Hola de nuevo caricatos, aqui te mando el código que perdí.
Mira, una cosa ante todo. lo que estoy haciendo es con frontpage, resulta que la página que estamos diseñando quiero que sea la home page, por lo que al pulsar en el menú de navegación del frame izquierdo se muestre el contenido en el frame derecho, es por eso que viene el atributo target
en el conjunto de marcos.
<frameset cols="150,*">
<frame name="contenido" src="izquierdo.htm" target="principal">
<frame name="principal" src="derecho.htm">
<noframes>
<body>
<p>Esta página usa marcos, pero su explorador no los admite.</p>
</body>
</noframes>
</frameset>

En el frame izquierdo.....

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>izquierdo</title>
<base target="principal">
<html >
<head>
</head >
<table><tr>
<td onmouseover="parent.principal.cambio()" >un dibujo</td><tr>
<td onmouseover="parent.principal.cambio()" >otro dibujo</td>
</tr></table>
</body >
</html >

y en el frame derecho...

<html>
<head>
<title>Precarga de imágenes</title>
<script language="javascript" src="precarga.js" ></script>
<script language="javascript" >
var imgs;
function inicio() {
imgs = new preCarga("M6.gif", "M7.gif");
}

var imagen = 1;
function cambio() {
imagen = (imagen == 1) ? 2 : 1;
document.getElementById("dibujo").src = imgs[(imagen - 1)].src;
}
function preCarga() {
if (!document.images) {alert("imágenes no soportadas"); return;}
this.dibujos = new Array();
var args = preCarga.arguments;
for (var i = 0; i < args.length; i++) {
this.dibujos = new Image();
this.dibujos.src = args;
}
return this.dibujos;
}
</script>
</head >
</head>
<body>
<body onload="inicio()" >
<center>
<img src="boton1.gif" id=dibujo name=dibujo >
</center>
</body>
</html>
Espero tu respuesta.
saludos
By

caricatos · #18 (**permalink**) 11/06/2002, 12:21

Hola otra vez:
(sigamos paso a paso)

Probé el código, y sigo diciendo que en el "frameset" no debes poner el target...
Yo escribo el código con el block de notas, y no me pone todos esos "meta propagandísticos" (de todos modos tienen ese derecho).

Del frame del "frameset" falta el inicio y cierre de página -no obligatorio <html></html> y sobra el target (perdón por las negritas.

Del frame izquierdo no creo que haya que tocar nada (en mis pruebas quite los "meta" y el "base target", pero no creo que influya...

Pero en el derecho si que toqué cosas...
1º la precarga ya está en la página, osea que sobra la línea:
<script language="javascript" src="precarga.js" ></script>
De todos modos no es trascendente, pero la función no estaba bien... la correcta es:
function preCarga() {
if (!document.images) {alert("imágenes no soportadas"); return;}
this.dibujos = new Array();
var args = preCarga.arguments;
for (var i = 0; i < args.length; i++) {
this.dibujos[I] = new Image();
this.dibujos[i].src = args;
}
return this.dibujos;
}
También te la puedes bajar de mi sitio: <a href='ir.asp?http://www.ctv.es/USERS/pepe_molina/precarga.js' target='_blank'>http://www.ctv.es/USERS/pepe_molina/prec...</a>

Por último, había 2 etiquetas repe: "</head>" y <body>

Saludos

epa2 · #19 (**permalink**) 12/06/2002, 10:58

Hola de nuevo, he estado revisando un poco este lío. primero decirte que lo del target es un
poblema, porque al borrarlo y salvar la página Frontpage me lo vuelve a insertar automaticamente
sin que yo puede hacer nada.
He estado cambiando cosas en el frame derecho, he podido insertar mi logo en la página para que
se vea antes de la carga de imagenes.
<img src=A:/miweb/images/M6.gif id=dibujo name=dibujo width="84" height="56">

De todas maneras, estoy pensando en hacer la prueba en vez de con Frontpage con Dreamweaver,
a ver si arreglo de esa manera el target;; ke opinas?

En el frame derecho me da el error "this.dibujos no es un objeto"
en la siguiente línea del codigo funtion precarga()
this.dibujos[I].src = args[i];

En el frame izquierdo me da el siguiente error al pasar el ratón: "parent.principal no es un objeto"
y "parent.contenido no es un objeto"

Te envío los códigos.
En la página del conjunto de marcos.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Pagina nueva 1</title>
<base target="_blank">
</head>
<frameset cols="150,*">
<frame name="contenido" src="izquierdo.htm" target="principal">
<frame name="principal" src="derecho.htm">
<noframes>
<body>
<p>Esta página usa marcos, pero su explorador no los admite.</p>
</body>
</noframes>
</frameset>
</html>
//en la página izquierda.
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>izquierdo</title>
<base target="principal">
<html >
<head>
</head >
<table><tr>
<td onmouseover="parent.contenido.cambio()" >un dibujo</td><tr>
<td onmouseover="parent.principal.cambio()" >otro dibujo</td>
</tr></table>
</body >
</html >
//En la página del frame derecho
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<html>
<title>Precarga de imágenes</title>
<script language="javascript" >
var imgs;
function inicio() {
imgs = new preCarga("a:/miweb/M6.gif", "a:/miweb/M7.gif");
}
var imagen = 1;
function cambio() {
imagen = (imagen == 1) ? 2 : 1;
document.getElementById("dibujo").src = imgs[(imagen - 1)].src;
}
function preCarga() {
if (!document.images) {alert("imágenes no soportadas"); return;}
this.dibujos = new Array();
var args = preCarga.arguments;
for (var i = 0; i < args.length; i++) {
this.dibujos = new Image();
this.dibujos[i].src = args;
}
return this.dibujos;
}
</script>
</head >
<body>
<body onload="inicio()" >
<center>
<img src=A:/miweb/images/M6.gif id=dibujo name=dibujo width="84" height="56">
</center>
</body>
</html>

Bueno, voy a probar con dreamweaver. ya te comento luego,
Echale un vistazo al código cuando puedas.
Por cierto, muchas gracias por tu ayuda, estoy comprendiendo muchas cosas a las que antes era
ciego.

Saludos
Bye.

epa2 · #20 (**permalink**) 12/06/2002, 11:06

se me olvidaba decirte que me he bajado de tu sitio el script de la precarga.

Lo que no se es donde insertarlo

¿en el directorio raiz de mi web?

¿Es necesario incluir en el código un src para que encuentre el script de la precarga?

Espero tu respuesta.

Bye :P

Posdata. Con dreamweaver me entiendo menos, seguiré con Frontpage ¿que dices?

Hasta pronto.

caricatos · #21 (**permalink**) 12/06/2002, 14:33

Hola otra vez:

Vamos mejorando...

Porqué para aprender no te animas a usar el "block de notas", yo dejé de usar frontpage y dreamwebber cuando metí mi página en internet, y me siento "libre", incluso subía las páginas con el mismo explorer.

Al grano: this.dibujos.src = args[I];
falta el índice... sería:
this.dibujos[i].src = args;

"parent.contenido" sería válido desde la página principal, los dos enlaces deben ser "parent.principal".

Debes pensar que la página es solo de prueba.

Saludos

epa2 · #22 (**permalink**) 13/06/2002, 02:53

Bueno, voy a ver que tal y luego te digo.

Saludos
Bye :P

epa2 · #23 (**permalink**) 13/06/2002, 10:43

Hola de nuevo, bueno, bueno parece que el novato no se entera...uuuuuuhhhh.
algún día me tienes que contar lo de subir las paginas solo con el explorer, pero eso será al final de este trabajo.
Por cierto, la última cuenta de lectura de este post creo que iba por 210, bueno, este post se
va a hacer famoso. (espero que no sea por lo de la historia interminable)
Well, al grano como tu dices:

Cambié lo de los enlaces y los puse los dos iguales, como tu dijistes "parent.principal" sin
embargo, al continuar pasando el ratón por lo alto, me sale de nuevo el error de que parent.principal
no es un objeto.

En cuanto a lo que tu me dijistes que faltaba el indice en el frame derecho...
//falta el índice... sería:
//this.dibujos[I].src = args[i];
creo que lo tengo bien, sino mira el script que te envíe...

function preCarga() {
if (!document.images) {alert("imágenes no soportadas"); return;}
this.dibujos = new Array();
var args = preCarga.arguments;
for (var i = 0; i < args.length; i++) {
this.dibujos = new Image();
this.dibujos[i].src = args;
}
return this.dibujos;
}

Si estoy equivocado, dimelo.
Saludos
Bye.

epa2 · #24 (**permalink**) 13/06/2002, 10:44

estoy aquí de nuevo..

Por cierto caricatos, he estado haciendo experimentos con el bloc de notas como tu me dijistes
y si quieres nos olvidamos de Frontpage y Dreamweaver y comenzamos a trabajar como los hombres.

Te comento que en un diskete he creado una carpeta llamada caricatos y dentro de ella las tres
paginas con el block de notas. A continuación te mando los retoques y cosas que he eliminado que
me puso el frontpage maldito.

En el frameset el codigo es...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>frameset</title>
</head>
<frameset cols="150,*">
<frame name="contenido" src="A:/caricatos/izquierdo.htm">
<frame name="principal" src="A:/caricatos/derecho.htm">
<noframes>
<body>
<p>Esta página usa marcos, pero su explorador no los admite.</p>
</body>
</noframes>
</frameset>
</html>

Caricatos, cuando ejecuto la página del frameset me pone el explorer los 2 marcos,
el contenido y el principal, pero no puedo ver las páginas de cada uno. ¿por qué?
¿Será que en esta página no hay nada? No puede ser porque en una página si tengo algo.

En fin, ya que me divorciado de Frontpage, seguiré tus sabios consejos.

//te envio el código del frame izquierdo
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>izquierdo</title>
<base target="principal">
</head >
<table><tr>
<td onmouseover="parent.principal.cambio()" >un dibujo</td><tr>
<td onmouseover="parent.principal.cambio()" >otro dibujo</td>
</tr></table>
</body >
</html >

Al pasar el ratón por lo alto de un dibujo me dice que parent.principal no es un objeto.

Y ahora te envio el frame derecho...

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<html>
<title>Precarga de imágenes</title>
<script language="javascript" >
var imgs;
function inicio() {
imgs = new preCarga("a:/miweb/M6.gif", "a:/miweb/M7.gif");
}
var imagen = 1;
function cambio() {
imagen = (imagen == 1) ? 2 : 1;
document.getElementById("dibujo").src = imgs[(imagen - 1)].src;
}
function preCarga() {
if (!document.images) {alert("imágenes no soportadas"); return;}
this.dibujos = new Array();
var args = preCarga.arguments;
for (var i = 0; i < args.length; i++) {
this.dibujos = new Image();
this.dibujos[I].src = args;
}
return this.dibujos;
}
</script>
</head >
<body>
<body onload="inicio()" >
<center>
<img src=A:/miweb/images/M6.gif id=dibujo name=dibujo width="84" height="56">
</center>
</body>
</html>

Me dice al cargar el explorer que this.dibujo no es un objeto. miralo cuando puedas.

Por cierto, amigo, ¿es necesario que a la carpeta que he creado en el diskete con las 3 páginas
html(sin el maldito Frontpage ni Dreamweaver) le incluya el archivo js de la function cambiar
que me bajé de tu sitio?

Espero tu respuesta

Saludos
Bye.

Posdata: "porque antes estaba ciego y ahora veo, mi Señor"

caricatos · #25 (**permalink**) 13/06/2002, 17:39

Hola (sigamos por partes):

En el frame set estás usando rutas absolutas, y es posible que te hayas olvidado de alguna barra. Mientras hags pruebas sería mejor tener los ficheros "a mano".

En el segundo puede que la etiqueta "<base target=principal>" sea la causa del conflicto. Aunque no lo he probado, podría evitarse poner "parent.principal" en los enlaces. ¿? Prueba quitar esa etiqueta.

Con respecto a "this.dibujos", al principio se declara como un array, luego hay que trabajar con sus elementos, debes poner el índice:
"this.dibujos[I] = new Image();
this.dibujos[i].src = args;"

Saludos

caricatos · #26 (**permalink**) 13/06/2002, 17:41

Hola:

Es evidente que el editor se "traga" algunos símbolos: al final de la página anterior, las 2 líneas de this.dibujos llevan índice "i".

Saludos

tunait · #27 (**permalink**) 13/06/2002, 17:56

Sabes Caricatos,
Es mejor evitar usar variables i porque luego cuando pones el código donde se llama a una posición con esa variable [ i ] el foro lo interpreta como un tag para itálicas (si te fijas yo uso siempre la m en mis mensajes :P).

Fíjate que donde te falte una i comienza italica hasta fin de mensaje

Un saludo grande, Caricatos, y gracias por tu comentario :) :) :) :) :) :) :)

caricatos · #28 (**permalink**) 13/06/2002, 18:02

Hola tunait:
Estupenda información, a ver si me acuerdo, y tampoco pongo "a" o "b"...

Saludetes

;)

epa2 · #29 (**permalink**) 14/06/2002, 03:35

que tal?

me puedes explicar lo de las rutas absolutas en el frameset?. no lo comprendo.

Saludos.

epa2 · #30 (**permalink**) 14/06/2002, 11:32

Good morning de nuevo. :cantar:

Bueno, en el izquierdo htm he eliminado la etiqueta <base target="principal"> y me dice que
parent.principal no es un objeto al pasar el ratón por lo alto... :(
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>izquierdo</title>
</head >
<table><tr>
<td onmouseover="parent.principal.cambio()" >un dibujo</td><tr>
<td onmouseover="parent.principal.cambio()" >otro dibujo</td>
</tr></table>
</body >
</html

En el derecho htm he incluido la apertura y cierre de comilla en
"this.dibujos = new Image();
this.dibujos[I].src = args[i];"
y al cargar la página me dice "constante de cadena sin terminar" y luego otro mensajito de error
diciendo que se esperaba un objeto. :( :(

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
<html>
<title>Precarga de imágenes</title>
<script language="javascript" >
var imgs;
function inicio() {
imgs = new preCarga("a:/miweb/M6.gif", "a:/miweb/M7.gif");
}
var imagen = 1;
function cambio() {
imagen = (imagen == 1) ? 2 : 1;
document.getElementById("dibujo").src = imgs[(imagen - 1)].src;
}
function preCarga() {
if (!document.images) {alert("imágenes no soportadas"); return;}
this.dibujos = new Array();
var args = preCarga.arguments;
for (var i = 0; i < args.length; i++) {
"this.dibujos = new Image();
this.dibujos[i].src = args;"
}
return this.dibujos;
}
</script>
</head >
<body>
<body onload="inicio()" >
<center>
<img src=A:/miweb/images/M6.gif id=dibujo name=dibujo width="84" height="56">
</center>
</body>
</html>

Y en el frameset sigo viendo los marcos pero no me puede mostrar la página.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>frameset</title>
</head>
<frameset cols="150,*">
<frame name="contenido" src="A:/caricatos/izquierdo.htm">
<frame name="principal" src="A:/caricatos/derecho.htm">
<noframes>
<body>
<p>Esta página usa marcos, pero su explorador no los admite.</p>
</noframes>
</frameset>
</body>
</html>

Sigo teniendo las 3 páginas guardadas en un diskete dentro de una carpeta con el nombre de
caricatos.....uuuuuhhhhhhhhhhhhhhhhhhh.

Bueno, echale un vistazo cuando puedas y ya me contestas.
Salu2
Bye.

porque antes era ciego y ahora veo la luz, mi Señor.