pop up en la ventana

GeoAvila · #1 (**permalink**) 26/12/2003, 15:07

hola a todos me gustaria poner en un pagina que estoy haciendo un pop up flotante que se mantiene en la ventana hasta que el usuario lo cierre, este pop up desciende cada vez que el usuario baja hacia el resto de la pagina como el de geocites o como el www.tutiempo.net me gustaria saber como hacerlo si alguien sabe como hacerlo por favor le agredecería cualquier informacion.

tunait · #2 (**permalink**) 01/01/2004, 09:29

Hola GeoAvila,

lo de geocities no es un popup, es una capa.

podrás hacerlo con javascript, traslado el tema a ese foro.

movido desde html

un saludo

GeoAvila · #3 (**permalink**) 03/01/2004, 09:42

Bueno hace unos dias presente un duda a la cual aqui esta la respuesta que encontre uniendo un par de ejemplos que me encontre por alli..
bueno espero que todos les sirva..

[CODE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Ejemplo</TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for IE 4+////
/////////////////////////////////

var dragapproved=false

function drag_dropie(){
if (dragapproved==true){
document.all.point1.style.pixelLeft=tempx+event.cl ientX-iex
document.all.point1.style.pixelTop=tempy+event.cli entY-iey
return false
}
}

if (document.all){
document.onmouseup=new Function("dragapproved=false")
}

////drag drop functions end here//////

function hidebox(){
if (document.all)
point1.style.visibility="hidden"
else if (document.layers)
document.point1.visibility="hide"
}

</SCRIPT>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2734.1600" name=GENERATOR></HEAD>
<BODY leftMargin=0 background=TourMaya_archivos/sf_site.gif topMargin=0>
<CENTER>
</CENTER>
<META content=".: Tour Maya :." name=title>
<META
content="Tour Operator, travel, antigua guatemala, monterrico, tikal, centro america, viajes, travel, guatemala, atitlan, vacations, vacaciones, placer, estancia, viajar, dentro de guatemala, antigua, pana, panajachel, iximche, mayas, mayan world, web page, paginas web, "
name=keywords>
<META content=#>
<META content=all name=robots>
<META content=it name=language>
<META content="4D Design" name=author>
<META content=Global name=distribution>
<META content="Design and Web Site" name=classification>
<META http-equiv=reply-to [email protected]><LINK
href="TourMaya_archivos/stile_e.css" type=text/css rel=stylesheet>
<DIV id=point1 style="VISIBILITY: visible; POSITION: absolute">
<TABLE borderColor=#bbbbbb cellSpacing=0 cellPadding=2 width=100 border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle width=92 height=300><TABLE BORDER="0" WIDTH="100%" CELLSPACING="0" CELLPADDING="0" HEIGHT="36" BGCOLOR="#FFFFFF">
<TR>
<TD STYLE="cursor:move" WIDTH="100%"><B><FONT SIZE="-1" FACE="Verdana, arial, helvetica">Puedes poner un título</FONT></B></TD>
<TD STYLE="cursor:hand"><A HREF="#"ONMOUSEDOWN="hidebox();return false"><IMG SRC="../Mis%20documentos/XP%20PPL08_ico_2.gif" width="16" height="16" BORDER="0"></A></TD>
</TR>
<TR>
<TD WIDTH="100%" BGCOLOR="#C0C0C0" STYLE="padding:4px" COLSPAN="2"> <FONT SIZE="-1" FACE="Verdana, arial, helvetica">I también puedes poner textos, imágenes, enlaces...</FONT><BR>
<BR>
<FONT SIZE="-1" FACE="Verdana, arial, helvetica">Cualquier código HTML sirve.</FONT> </TD>
</TR>
</TABLE>
</TD>
</TR></TBODY></TABLE></DIV>
<SCRIPT language=JavaScript1.2>

var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=30;

//Begin of the unchangable area, please do not modify this area
var YY=0;
var ch=0;
var oh=0;
var yon=0;

var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}

function reloc1()
{

if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}

if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.right=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.right=XX
document.getElementById("point1").style.top=YY+win dow.pageYOffset
}

}

function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}

if (ie||ns4||ns6)
window.onload=onad

</SCRIPT>
</BODY></HTML>

tunait · #4 (**permalink**) 03/01/2004, 10:11

Temas unidos

GeoAvila, he unido ambos posts o quien leyera la solución no sabría de qué iba el tema

saludos