Foros del Web » Programando para Internet » Javascript »

Ayuda Combinacion Scripts Popups

Estas en el tema de Ayuda Combinacion Scripts Popups en el foro de Javascript en Foros del Web. Hola buenas ! aqui va mi primer post El problema que tengo es que quiero combinar varios javascripts o encontrar alguna manera de conseguir lo ...
  #1 (permalink)  
Antiguo 26/05/2004, 04:40
 
Fecha de Ingreso: mayo-2004
Mensajes: 4
Antigüedad: 20 años
Puntos: 0
Ayuda Combinacion Scripts Popups

Hola buenas ! aqui va mi primer post

El problema que tengo es que quiero combinar varios javascripts
o encontrar alguna manera de conseguir lo que quiero.

Lo que quiero:
Hacer una galería en la que , al pasar sobre cada una de las
imagenes me salga un mensaje emergente(no el popup clásico)
en el que poner una breve descripción. que al hacer Click,
salte el popup con la ventana ajustada a la imagen y sin barras,
etc. y cuando tenga el popup abierto, poder estrechar la
ventana y que la imagen se escale.

(en el segundo paso, me gustaría que las ventanas de popup que
se abrieran fueran independientes para cada imagen y se
quedaran en primer plano hasta que las cerraras)

Por separado tengo el primero y el segundo(el de tunait)a falta de
alguna cosilla; y el tercero cuando tienes un jpg a pelo en el explorer lo escala si haces pequeña la ventana... PERO NO SE COMO HACERLOS TODOS A LA VEZ .

Si alguien pudiera ayudarme, estaría muy agradecido. Venga,
hasta pronto.
  #2 (permalink)  
Antiguo 26/05/2004, 04:51
 
Fecha de Ingreso: mayo-2004
Mensajes: 4
Antigüedad: 20 años
Puntos: 0
Por si sirve de ayuda aqui pongo el script del primero paso :

<SCRIPT type=text/javascript>
var popback = "#FFFFFF";
var popbord = "#383873";


Xoffset=-30; // modify these values to ...
Yoffset= 20; // change the popup position.

XoffsetRight=-130; // modify these values to ...
YoffsetRight= 20; // change the popup position.

var old,skn,iex=(document.all),yyy=-1000;

var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all

if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;

function pop(title,msg,bord,bak)
{
var content ="<TABLE WIDTH=120 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bord+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><span class=shadowblackheader><FONT COLOR=#FF8A00 SIZE=2><B>"+title+"</B></FONT></span></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD>"+msg+"</TD></TR></TABLE></TD></TR></TABLE>";
yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.c lose();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=c ontent;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn. display=''}
Xoffset=Xoffset;
}

function popRight(title,msg,bord,bak)
{
var content ="<TABLE WIDTH=120 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bord+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><span class=shadowblackheader><FONT COLOR=#FF8A00 SIZE=2><B>"+title+"</B></FONT></span></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD>"+msg+"</TD></TR></TABLE></TD></TR></TABLE>";
yyy=YoffsetRight;
if(ns4){skn.document.write(content);skn.document.c lose();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=c ontent;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn. display=''}
Xoffset=Xoffset-220;
}

function popRight180(title,msg,bord,bak)
{
var content ="<TABLE WIDTH=120 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bord+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><span class=shadowblackheader><FONT COLOR=#FF8A00 SIZE=2><B>"+title+"</B></FONT></span></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD>"+msg+"</TD></TR></TABLE></TD></TR></TABLE>";
yyy=YoffsetRight;
if(ns4){skn.document.write(content);skn.document.c lose();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=c ontent;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn. display=''}
Xoffset=Xoffset-130;
}

function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollL eft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollT op;
skn.top=y+yyy;
}



function kill(){
yyy=-1000;
Xoffset=-30;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none"
}

//-->
</SCRIPT>


y un ejemplo de la llamada :

<A
onmouseover="pop('Raul Magdaleno','<center><table width=280><tr><td>Raul es de Madrid y es usuario de Z-Brus y Silo.</td></tr></table></center>',popbord,popback)"
onmouseout=kill()
href="http://www.deathfall.com/modules.php?op=modload&amp;name=Web_Links&amp;file =index&amp;l_op=visit&amp;lid=318"
target=_blank><IMG height=140
src="Death Fall_archivos/RaulMagdaleno.jpg" width=140
border=0></A>
  #3 (permalink)  
Antiguo 26/05/2004, 11:48
 
Fecha de Ingreso: mayo-2004
Mensajes: 4
Antigüedad: 20 años
Puntos: 0
Porfaaaa... maestros del web !! yo os invoco !!
  #4 (permalink)  
Antiguo 28/05/2004, 01:32
 
Fecha de Ingreso: mayo-2004
Mensajes: 4
Antigüedad: 20 años
Puntos: 0
Hola de nuevo, y enhorabuena por el cambio.

He conseguido encontrar unos popups tal como los quería, pero que utilizan
la etiqueta alt.
Aqui os dejo el enlace dónde encontrareis el ejemplo que he visto.

http://www.littlefishsw.co.uk/card/h...i/page_20.html

Las propiedades de esta etiqueta de pueden modificar de alguna manera?
(propiedades de fuente y recuadro de color), o algun mini-popup que
me haga la misma función.

Que alguien me ayude porfavor, que la cajita esa amarillenta es mu fea !! :-p
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:52.