¿Codigo javascript para conseguir una venta emergente?

wwwshowdjes · #1 (**permalink**) 19/01/2011, 07:54

Hola estoy buscando el codigo javascript para poder conseguir una ventana emergente al igual que cinetube.es

Cuando entras a la web de cinetube abajo a la izq te sale una pequeña ventana emergente, quisiera algo igual o parecido... MUCHAS GRACIAS

No he podido encontrar nada....

Mi web: showdj.es y lafactoriadj.com

_cronos2 · #2 (**permalink**) 19/01/2011, 08:11

¿Probaste con window.open()?

wwwshowdjes · #3 (**permalink**) 19/01/2011, 10:27

Cita:

Iniciado por _cronos2

¿Probaste con window.open()?

Creo que si, ahora mismo no me acuerdo....

¿Como seria el codigo?

goteen_mx · #4 (**permalink**) 19/01/2011, 10:46

http://www.w3schools.com/jsref/met_win_open.asp

javiercitox · #5 (**permalink**) 19/01/2011, 13:15

;)

Código Javascript:

Ver originalfunction abrepopup(pagina,nombre,alto,ancho) {
    window.open(pagina, nombre, "toolbar=no,location=no,directories=no,status=no,scrollbars=NO,menubar=no,resizable=NO,width="+ancho+",height="+alto);
}

wwwshowdjes · #6 (**permalink**) 21/02/2011, 11:53

Muchas Gracias A Todos, pero lo que ustedes me proponian, no es lo que buscaba...

Aqui les dejo la respuesta a mi dilema xD

El Siguiente Codigo ha de ir entre las etiquetas <head> - NO TE OLVIDES DE SUSTITUIR LO QUE ESTA ESCRITO EN ESPAÑOL

Demo (Abajo-izq): [URL="http://www.showdj.es"]http://www.showdj.es[/URL] o [URL="http://www.cinetube.es"]http://www.cinetube.es[/URL]

No intento hacer SPAM, pero no he podido encontrar otra web que no sea la mia y la de cinetube, que tenga ese "HTML"

en background-color: none; LES RECOMIENDO NO SUSTIRUIRLO, para mayor "Elegancia"

<style type="text/css">

#topbar{
position:absolute;
border: Nº QUE QUIERESpx solid black;
padding: Nº QUE QUIERES px;
background-color: none;
width: ANCHO DE LA VENTANApx;
visibility: hidden;
z-index: 100;
}

</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 195 //set x offset of bar in pixels
var startY = 262 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(off set, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility ="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offset Height
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.st yle.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

El siguiente codigo tiene que introducirse entre las etiquetas <body>

<div id="topbar">
<a href="" onClick="closebar(); return false"><img src="IMAGEN CLOSE - CERRAR" border="0" width="25"/></a>

AQUI EL CODIGO HTML, JS, ETC ETC, QUE QUIERAS
</div>

wwwshowdjes · #7 (**permalink**) 24/02/2011, 13:17

Cita:

Iniciado por wwwshowdjes

Muchas Gracias A Todos, pero lo que ustedes me proponian, no es lo que buscaba...

Aqui les dejo la respuesta a mi dilema xD

El Siguiente Codigo ha de ir entre las etiquetas <head> - NO TE OLVIDES DE SUSTITUIR LO QUE ESTA ESCRITO EN ESPAÑOL

Demo (Abajo-izq): [URL="http://www.showdj.es"]http://www.showdj.es[/URL] o [URL="http://www.cinetube.es"]http://www.cinetube.es[/URL]

No intento hacer SPAM, pero no he podido encontrar otra web que no sea la mia y la de cinetube, que tenga ese "HTML"

en background-color: none; LES RECOMIENDO NO SUSTIRUIRLO, para mayor "Elegancia"

<style type="text/css">

#topbar{
position:absolute;
border: Nº QUE QUIERESpx solid black;
padding: Nº QUE QUIERES px;
background-color: none;
width: ANCHO DE LA VENTANApx;
visibility: hidden;
z-index: 100;
}

</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 195 //set x offset of bar in pixels
var startY = 262 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(off set, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility ="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offset Height
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.st yle.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

El siguiente codigo tiene que introducirse entre las etiquetas <body>

<div id="topbar">
<a href="" onClick="closebar(); return false"><img src="IMAGEN CLOSE - CERRAR" border="0" width="25"/></a>

AQUI EL CODIGO HTML, JS, ETC ETC, QUE QUIERAS
</div>

Por cierto, NO es una ventana emergente, se llama MODAL WINDOW... ;)