[HTML][PHP]Wyskakujące okienko z informacją, coą w rodzaju popu Opcje

[ciapus4]

Witam, proszę o kod to takowego okienka, jak wchodzę na stronę główną, chciał bym, żeby wyskoczyło okienko z zawartością np. pliku .png z informacją poczym jak się kliknie na nie to się zamyka, wygooglowałem sobie , ale coś podane kody nie działają,

[PHP] pobierz, plaintext 
<script language="JavaScript1.2">
<!--
window.open("popu.html",'NewBim',"height=300,width=400,toolbar=no,menubar=no,
location=no");
//-->
</script> 
[PHP] pobierz, plaintext 

wkleiłem takie coś w index.php, utworzyłem plik popu.html z testem, ale lipa nic nie dział. (IMG:style_emoticons/default/thumbsdownsmileyanim.gif)

[dmuchance]

Proszę, manual do takowego okienka -> http://www.w3schools.com/jsref/met_win_open.asp

[ciapus4]

Dzięki, dmuchance, ale nie oto mi chodzi bo w tym drugim przykładzie otwiera się nowe okno firefoxa, w moim przypadku i FF blokuje, chce, żeby np. wyskoczył obrazek z textem, który przygotuje.

[lobopol]

poszukaj sobie modal window javascript, masz dosłownie tysiące przykładów i bibliotek.

[hondek]

Tu masz dość ciekawy skrypt na jQuery i chyba na mootools też: http://trentrichardson.com/Impromptu/

[ciapus4]

[HTML] pobierz, plaintext 
</style>
 
<script type="text/javascript">
 
/***********************************************
* Amazon style Drop-in content box- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Go to http://www.dynamicdrive.com/ for full source code
***********************************************/
 
var dropboxleft=50 //set left position of box (in px)
var dropboxtop=150 //set top position of box (in px)
var dropspeed=25 //set speed of drop animation (larger=faster)
 
//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.
 
var displaymode="always"
 
///Don't edit beyond here///////////
 
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
var ie=document.all
var dom=document.getElementById
 
function initboxv2(){
if (!dom&&!ie)
return
crossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2cover
crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossbox.height=crossbox.offsetHeight
crossboxcover.style.height=parseInt(crossbox.height)+"px"
crossbox.style.top=crossbox.height*(-1)+"px"
crossboxcover.style.left=dropboxleft+"px"
crossboxcover.style.top=dropboxtop+"px"
crossboxcover.style.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropinv2()",50)
}
 
function dropinv2(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossbox.style.top)<0){
crossboxcover.style.top=scroll_top+dropboxtop+"px"
crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"px"
}
else{
clearInterval(dropstart)
crossbox.style.top=0
}
}
 
function dismissboxv2(){
if (window.dropstart) clearInterval(dropstart)
crossboxcover.style.visibility="hidden"
}
 
function truebody(){
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(offset, end))
}
}
return returnvalue;
}
 
if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initboxv2, false)
else if (window.attachEvent)
window.attachEvent("onload", initboxv2)
else if (document.getElementById || document.all)
window.onload=initboxv2
if (displaymode=="oncepersession")
document.cookie="droppedinv2=yes"
}
 
</script>
 
<div id="dropinboxv2cover">
<div id="dropinboxv2">
 
INSERT YOUR CONTENT HERE. DO NOT REMOVE THE TWO OUTER DIVS
 
 
<p align="right"><a href="#" onClick="dismissboxv2();return false">Zamknij</a></p>
 
</div>
[HTML] pobierz, plaintext 

taki kod znalazłem, czy jest możliwość, aby dodać tam obrazek na tło ? i jak opuścić napis"zamknij" ?

tu efekt



Ten post edytował ciapus4 8.05.2013, 19:49:12