eliminar contenido de iframe

dieguicho · #1 (**permalink**) 22/07/2005, 08:55

hola.. estoy llamando a una funcion
que hace un
window.frames[0].document.write('ALGO');

el problema es que cada vez que la llamo me anexa el ALGO a lo existente
como puedo borrar todo lo que tiene?
no existe un document.clear() por ej?

gratzie!

Saruman · #2 (**permalink**) 22/07/2005, 09:02

y si al iframe el contenido lo ensierras a un span y luego a ese span le aplicas innerHTML = "" ???

dieguicho · #3 (**permalink**) 22/07/2005, 09:16

lo hice con el body que es igual a lo que propones, pero no me lo limpia... lo sigue anexando

dieguicho · #4 (**permalink**) 22/07/2005, 09:22

ademas el problema es quew al iframe lo genero desde javascript, osea que inicialmente esta vacio

Saruman · #5 (**permalink**) 22/07/2005, 09:31

pon el codigo para ver

dieguicho · #6 (**permalink**) 22/07/2005, 09:37

esta es la funcion....

Código:

function mostrarMenu(cual,que){
	var menu = "";
	menu = menu + "<body style=\"border:0px;background-color: #EEEEEE\">\n";	
	menu = menu + "<link href=\"http://www.localhost/css/main.css\" rel=\"stylesheet\" type=\"text/css\">\n";
	menu = menu + "<table border=\"0\" cellpadding=\"2\" cellspacing=\"1\" class=\"menu\" id=\"menu\">\n";
	menu = menu +  que;
	menu = menu + "</table>\n";
	menu = menu + "</body>\n";

	window.frames(cual).document.write(menu);
	document.getElementById(cual).className='visible';
}

y aca esta la tabla .... con el boton y el iframe

Código:

<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td><button onmouseover="Javascript:mostrarMenu('iframe100','<tr><td>hola</td></tr>')">mostrar 
      menu sobre un combo-box</button></td>
  </tr>
  <tr> 
    <td><iframe id="iframe100" class="oculto" onmouseout="Javascript:if(checkMouseLeave(this,event)){ocultarMenu(this);}"></iframe></td>
  </tr>
</table>

estilos...

Código:

<style type="text/css">
<!--
iframe {
	position: absolute;
	z-index: 100;
}

iframe.oculto {
	display:none;
	visibility:hidden;
}

iframe.visible {
	display:block;
	visibility:visible;
}
-->
</style>

perdon por la choclera de codigo..

Saruman · #7 (**permalink**) 22/07/2005, 09:41

y la funcion checkMouseLeave??

dieguicho · #8 (**permalink**) 22/07/2005, 09:46

aqui te la mando.. es para saber si el puntero esta fuera del area y ahi llama a una funcion que oculta el iframe

Código:

function containsDOM (container, containee) {
  var isParent = false;
  do {
    if ((isParent = container == containee))
      break;
    containee = containee.parentNode;
  }
  while (containee != null);
  return isParent;
}

//////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////

function checkMouseLeave (element, evt) {
  if (element.contains && evt.toElement) {
    return !element.contains(evt.toElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}

Código:

function ocultarMenu(objeto){
	objeto.className='oculto'
}

Saruman · #9 (**permalink**) 22/07/2005, 10:06

bueno, en realidad no se si lo que quieres es limpiar el contenido del iframe...bueno, con table no se puede limpiar, por eso te decia que utilizaras span...

chquea esto:

Código HTML:

<script language="javascript">
 function mostrarMenu(cual,que){
  var menu = "";
  menu = menu + "<body style=\"border:0px;background-color: #EEEEEE\">\n"; 
  menu = menu + "<link href=\"http://www.localhost/css/main.css\" rel=\"stylesheet\" type=\"text/css\">\n";
  menu = menu + "<span id=\"menu\">" + que + "<span>\n";
  menu = menu + "</body>\n";
  
  window.frames(0).document.write(menu);
  document.getElementById(cual).className='visible';
 }
 
 function limpiar(obj) {
  var d = document.all;
  obj = eval("d." + obj);
  window.frames(0).document.getElementById("menu").innerText = "";
 }
</script>
<body>
<input type="button" name="Button" value="limpiar" onClick="limpiar('iframe100')">
<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
	<td><button onmouseover="javascript:mostrarMenu('iframe100','<tr><td>hola</td></tr>')">mostrar 
	  menu sobre un combo-box</button></td>
  </tr>
  <tr> 
	<td><iframe id="iframe100" class="oculto"></iframe></td>
  </tr>
</table>

dieguicho · #10 (**permalink**) 22/07/2005, 10:12

y que vacie directamente el iframe esa funcion no se podra?
fijate que el iframe inicialmente esta vacio.. y le escribo el contenido con esas funciones
por eso no puedo hacer getElementById.. porque no existe ningun elemento aun

Saruman · #11 (**permalink**) 22/07/2005, 10:15

si, pero una vez que lo llenes... pasandole el mouse y que cargue algun texto entonces presionaas limpiar... eso era lo que pedias no? que limpiara el iframe....
me avias