frame expansivo

urgido · #1 (**permalink**) 08/12/2005, 13:56

hola quisiera saber como le puedo hacer para crear un frame ahm digamolo expansivo, en un aterior post creí haber encontrado la solucion pero me va mal y quisiera opiniones. Lo que quiero hacer es el siguiente ejemplo:

tengo los siguientes links:

google
yahoo
altavista

Estos links se obtienen mediante una variable ke llame <mod:url>.

Lo que quiero hacer es una vista preliminar en un frame es decir ke junto a esos link aparezca un boton ke diga Vista Previa y se abra un frame de bajo del link cargando el sitio pero sin romper la estetica de la pagina y ke solamente cuando se le haya dado click al boton vista previa aparezca un boton ke diga cerrar. Se que suena algo complicado pero es para mi pekeño portal. Saludos

angsanchez · #2 (**permalink**) 08/12/2005, 14:43

Hola, urgido.
Crea una página que tenga:

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function contrae() 
{ 	document.body.rows = '*,0' 
}
function expande() 
{	document.body.rows = '*,300'
} 
</script>
</head>
<frameset rows="*,0">
  <frame src="pagina.htm" name="principal">
  <frame src="blanco.htm" name="previsual">
</frameset>
</html>

blanco.htm debe ser una página en blanco.

pagina.htm tendrá:

Código HTML:

<p>Google 
<input type="button" value="Vista previa" onClick="top.previsual.location.href='http://www.google.com'; top.expande(); document.getElementById('btnCerrar').style.visibility='visible'"> 
<input type="button" value="Cerrar" id="btnCerrar" style="visibility:hidden;" onClick="top.contrae(); this.style.visibility='hidden'">
</p>

urgido · #3 (**permalink**) 08/12/2005, 19:42

gracias! en verdad que tu codigo me va bien solo hay dos problemitas :( cuando pongo más links el boton de cerrar aparece en el primer link y no en el "X" al cual le di un click. Y fijate ke me he encontrado justo con el ejemplo al cual yo kiero llegar puedes verlo en http://www.whatseek.net/ dale buscar X palabra y veras un boton que dice quick view pues ese es el ejemplo perfecto. Otra cosa en mi anterior post habia pegado el codigo ke me habian pasado respecto a ese tipo de efecto y esta aki http://www.whatseek.net/js/prev.js la verdad ya logre dar el primer paso copieandomelo dle source code el cual para ver una pagina asi solo utilizo

Código HTML:

<span>
      <a href="<mod:url>" target="_new"><b>Yahoo</b>!</a>&nbsp;-&nbsp;
      <SCRIPT>ppreview('<mod:url>','4')</SCRIPT>
        <SCRIPT>potherfunctions('<mod:url>',4, '')</SCRIPT>

Se preguntaran que es <mod:url> pues el una variable la cual me devuelve varios links de acuerdo a una búsqueda dada en mi portal. El único problema en el que ahora me someto es que mi página se deforma cada vez que le doy Quick View no me respeta el orden y quisiera ver la forma de que me ayudasen. Saludos y gracias

urgido · #4 (**permalink**) 08/12/2005, 19:50

CONFIRMADO EL ERROR! el error viene desde el número ID he creado un ejemplo y me va bien el problema es que no se como HACER QUE EL NÚMERO ID AUMENTE AUTOMATICAMENTE SEGUN LOS RESULTADOS. saludos

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<SCRIPT language=JavaScript
src="prev.js">
</SCRIPT>
</head>
<body>
dfdsfsdffdfdfdfdf<br>
Google -
<SCRIPT>ppreview('<module:url>','0')</SCRIPT>
<SCRIPT>potherfunctions('<module:url>',0, '')</SCRIPT>
<br>
yahoo -
<SCRIPT>ppreview('<module:url>','1')</SCRIPT>
<SCRIPT>potherfunctions('<module:url>',1, '')</SCRIPT>
<br>
misk -
<SCRIPT>ppreview('<module:url>','2')</SCRIPT>
<SCRIPT>potherfunctions('<module:url>',2, '')</SCRIPT>
<br>
wanan -
<SCRIPT>ppreview('<module:url>','3')</SCRIPT>
<SCRIPT>potherfunctions('<module:url>',3, '')</SCRIPT>
</body>
</html>

angsanchez · #5 (**permalink**) 09/12/2005, 14:08

Hola de nuevo
Todo dependerá de lo que hagan esas funciones ppreview y potherfunctions
pero, según lo tienes, yo lo haría con un bucle en javascript. Una vez que hayas leído el número total de enlaces en una variable (la llamaré numEnlaces):

Código:

<body>
dfdsfsdffdfdfdfdf
<script type="text/javascript">
var numEnlaces = 4
var lasURL = new Array(numEnlaces)
lasURL = ["Google", "yahoo", "misk", "wanan"]

for (var i=0; i<numEnlaces; i++)
{
	document.write(<br>lasURL[i] + " - ")
	ppreview('<module:url>',i)
	potherfunctions('<module:url>',i, '')
}
</script>
</body>

A ver si vale.

urgido · #6 (**permalink**) 09/12/2005, 16:30

perfecto! me va bien peor te repito las urls las obtengo al azar no siempre son las mismas no se si me logre explicar osea es una busqueda entre mi portal de enlaces que los usuarios van agregando entonces lo que quiero es ver de que manera generar el numero id automatico y que el nombre de la url igual, osea, que todo lo detecte automaticamente. Como te mostre en mi ejemplo (el ultimo) ya logre pezcar lo qe quiero el problema es genrarles el numeor id automatico, espero y me puedas ayudar o si le kieras hacer una modificacion al codigo ke te presente. Saludos y gracoa spor ayudarme y ser paciente

urgido · #7 (**permalink**) 09/12/2005, 23:52

Para ser más específico los resultados los obtengo como si fuese un google o algo similar pues arriba puse el ejemplo clave:

http://www.whatseek.net/

Saludos

angsanchez · #8 (**permalink**) 10/12/2005, 11:09

Sí te entendí, sólo puse las URLs fijas para que funcionase. La solución depende de cómo las obtengas, ¿las guardas en alguna variable?; esa parte no sé cómo funciona, por eso no te puedo concretar. Pero de algún modo se estarán añadiendo a la página ¿no? En ese momento puedes incrementar el contador "i", sumándole uno cada vez que llegue una dirección nueva.
...¿?

urgido · #9 (**permalink**) 11/12/2005, 21:48

sisisisi bueno haz de cuenta que no hay variables mira ya he logrado que se genere el numero random pero es php y los resultados se dan en php mira el buscador que uso me ayudaron a hacerlo por lo que yo solo trato de pedir ayuda para mejorarlo. He logrado con este codigo generar el numero random:

Código PHP:

  srand(time());

$random = (rand()%100000000000000000000000000000000000);

print("$random");

Por lo tanto, para generar el numero random junto con el javascript hago lo siguiente:

Código HTML:

<dl>
<dt><b><a href="<module:url>" CLASS="nav"><FONT COLOR="#0066cc" FACE="Verdana" SIZE="2"><module:title></FONT></a></b>
<a href="<module:url>" target="_blank"><img src="<module:imageurl>/nw.gif" border=0></a> - <SCRIPT>ppreview('<module:url>',<?php echo "$random_number" ?>)</SCRIPT> 
<SCRIPT>potherfunctions('<module:url>',<?php echo "$random_number" ?>, '')</SCRIPT>
</dt>
<dd class="sr">
<module:description><BR>
</dd>
</dl>

Lo que me sugirieron es crear una variable parecida a <module:url> pero llamada <module:randomnumber> y pues creo que es el mejor recurso. Ahora me encuentro en un dílema: Como puedo crear la variable <module:randomnumber> y que esta variable interprete el codigo PHP que te he puesto arriba. Saludos y gracias por ser constante :)

urgido · #10 (**permalink**) 14/12/2005, 02:53

:( mi gallo ya se me rajo

angsanchez · #11 (**permalink**) 14/12/2005, 14:06

Es que no lo entiendo.
Anteayer estuve respondiendo pero se me desconectó la sesión y lo perdí.
No entiendo de PHP. No sé para qué es el "numero random" (o sea, aleatorio). Si tu código PHP genera cierto número de enlaces, bien podrá irlos contando ¿no?

:el gallo:

urgido · #12 (**permalink**) 14/12/2005, 22:22

:/ Ok gracias le seguire moviendo a ver ke sale sino pues le sigo posteando aqui. saludos y gracias :)