Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP]Wyskakujące okienko z informacją
Forum PHP.pl > Forum > Przedszkole
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ą,

  1. <script language="JavaScript1.2">
  2. <!--
  3. window.open("popu.html",'NewBim',"height=300,width=400,toolbar=no,menubar=no,
  4. location=no");
  5. //-->
  6. </script>


wkleiłem takie coś w index.php, utworzyłem plik popu.html z testem, ale lipa nic nie dział. 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
  1.  
  2. <script type="text/javascript">
  3.  
  4. /***********************************************
  5. * Amazon style Drop-in content box- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
  6. * Visit DynamicDrive.com for hundreds of DHTML scripts
  7. * This notice must stay intact for legal use
  8. * Go to http://www.dynamicdrive.com/ for full source code
  9. ***********************************************/
  10.  
  11. var dropboxleft=50 //set left position of box (in px)
  12. var dropboxtop=150 //set top position of box (in px)
  13. var dropspeed=25 //set speed of drop animation (larger=faster)
  14.  
  15. //Specify display mode. 3 possible values are:
  16. //1) "always"- This makes the fade-in box load each time the page is displayed
  17. //2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
  18. //3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
  19. // For example, 2 would display the box about (1/2) 50% of the time the page loads.
  20.  
  21. var displaymode="always"
  22.  
  23. ///Don't edit beyond here///////////
  24.  
  25. if (parseInt(displaymode)!=NaN)
  26. var random_num=Math.floor(Math.random()*displaymode)
  27. var ie=document.all
  28. var dom=document.getElementById
  29.  
  30. function initboxv2(){
  31. if (!dom&&!ie)
  32. return
  33. crossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2cover
  34. crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2
  35. scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
  36. crossbox.height=crossbox.offsetHeight
  37. crossboxcover.style.height=parseInt(crossbox.height)+"px"
  38. crossbox.style.top=crossbox.height*(-1)+"px"
  39. crossboxcover.style.left=dropboxleft+"px"
  40. crossboxcover.style.top=dropboxtop+"px"
  41. crossboxcover.style.visibility=(dom||ie)? "visible" : "show"
  42. dropstart=setInterval("dropinv2()",50)
  43. }
  44.  
  45. function dropinv2(){
  46. scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
  47. if (parseInt(crossbox.style.top)<0){
  48. crossboxcover.style.top=scroll_top+dropboxtop+"px"
  49. crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"px"
  50. }
  51. else{
  52. clearInterval(dropstart)
  53. crossbox.style.top=0
  54. }
  55. }
  56.  
  57. function dismissboxv2(){
  58. if (window.dropstart) clearInterval(dropstart)
  59. crossboxcover.style.visibility="hidden"
  60. }
  61.  
  62. function truebody(){
  63. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  64. }
  65.  
  66. function get_cookie(Name) {
  67. var search = Name + "="
  68. var returnvalue = ""
  69. if (document.cookie.length > 0) {
  70. offset = document.cookie.indexOf(search)
  71. if (offset != -1) {
  72. offset += search.length
  73. end = document.cookie.indexOf(";", offset)
  74. if (end == -1)
  75. end = document.cookie.length;
  76. returnvalue=unescape(document.cookie.substring(offset, end))
  77. }
  78. }
  79. return returnvalue;
  80. }
  81.  
  82. if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
  83. if (window.addEventListener)
  84. window.addEventListener("load", initboxv2, false)
  85. else if (window.attachEvent)
  86. window.attachEvent("onload", initboxv2)
  87. else if (document.getElementById || document.all)
  88. window.onload=initboxv2
  89. if (displaymode=="oncepersession")
  90. document.cookie="droppedinv2=yes"
  91. }
  92.  
  93. </script>
  94.  
  95. <div id="dropinboxv2cover">
  96. <div id="dropinboxv2">
  97.  
  98. INSERT YOUR CONTENT HERE. DO NOT REMOVE THE TWO OUTER DIVS
  99.  
  100.  
  101. <p align="right"><a href="#" onClick="dismissboxv2();return false">Zamknij</a></p>
  102.  
  103. </div>


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

tu efekt

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.