pasarle texto a un iframe

Demasun · #1 (**permalink**) 13/01/2010, 06:58

Estimados, buen día, recurro a ustedes porque tengo el siguiente obstaculo que sortear, tengo un listado con 100 nombres y lo que debo hacer es que al poner el mouse sobre cualquiera de estos en un iframe me muestre su cv (solo tres renglones de texto). Hasta ahora obtuve esto:

onmouseover="window.frames['iframe'].location=['paginadentroiframe.htm']"

Esto funciona de maravillas, el tema es que necesito en ves de pasarle una url de un archivo (.location) quiero pasarle texto directamente para no tener que hacer 100 html. Ej:

onmouseover="window.frames['iframe'].texto=['quiero que muestre esto dentro del iframe!!!!']"

No se si se puede hacer, vi por ahí algo con innerhtml pero no lo pude hacer andar.
Espero puedan ayudarme.
Muchas gracias!

Mariano

quimfv · #2 (**permalink**) 13/01/2010, 08:09

A un iframe no los iframes son para mostrar otros ficheros, pero puedes hacerlo que quieres sustituyendo el iframe por un div y si con innerHTML...

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
var cv=new Array();
var per=new Array(2);
per[0]="Persona1";
per[1]="CVPersona1";
cv[0]=per;
per=new Array(2);
per[0]="Persona2";
per[1]="CVPersona2";
cv[1]=per;
per=new Array(2);
per[0]="Persona3";
per[1]="CVPersona3";
cv[2]=per;
per=new Array(2);
per[0]="Persona4";
per[1]="CVPersona4";
cv[3]=per;
 
function muestra(obj){
for (i=0;i<cv.length;i++){
    if(cv[i][0]==obj.id){
        document.getElementById("visorCV").innerHTML="CV de " + cv[i][0] + "<br /><br />" + cv[i][1];
    }
}
}
</script>
<style type="text/css">
<!--
a {
    text-decoration: none;
}
a:hover{
    background-color: #CCCCCC;
}
-->
</style>
</head>
 
<body>
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <a href="#" id="Persona1" onMouseOver="muestra(this)">Persona1</a><br />
    <a href="#" id="Persona2" onMouseOver="muestra(this)">Persona2</a><br />
    <a href="#" id="Persona3" onMouseOver="muestra(this)">Persona3</a><br />
    <a href="#" id="Persona4" onMouseOver="muestra(this)">Persona4</a><br />
    </td>
    <td><div id="visorCV">CV</div></td>
  </tr>
</table>
 
</body>
</html>

Feo el ejemplo pero funciona.

Quim

Demasun · #3 (**permalink**) 13/01/2010, 08:24

Quim, muchas gracias por la rpta, funciona a la perfección, ahora te consulto una cosa mas, como agrego en todo esto onmouseout=imagenx?
Gracias de ante mano.

Mariano

quimfv · #4 (**permalink**) 14/01/2010, 01:59

Cita:

como agrego en todo esto onmouseout=imagenx?

El evento onmouseout puedes llamarlo des de muchos sitios, imagenx no se que es.

Tendras que explicar un poco lo que quieres hacer... para que te pueda ayudar.

Quim

Demasun · #5 (**permalink**) 14/01/2010, 07:10

Perdón, lo que quice decir con imagenx era que muestre una imagen al quitar el mouse del link.
La consulta es como agrego la imagen dentro de la función que tu has creado? ya que la imagen debe mostrarse en el mismo div que creas con la función.

Código HTML:

Ver original<a href="#" id="Persona1" onMouseOver="muestra(this) onMouseOut="????????">Persona1</a><br />

Quizas no haga falta la instruccion onmouseout, quizas la puedes especificar dentro de la función ya que es una unica imagen que debe estar en todo momento que uno no pase el mouse sobre el nombre de alguna de las personas.

Muchas Gracias.

Mariano,