ugrás a tartalomhoz

Ablak bezár gomb beillesztése hogyan?

szösziboszi · 2010. Már. 30. (K), 17.01
A következő képpen meghívott ablakban hogyan tudok megjeleníteni egy ablak bezár gombot?

<script language="JavaScript" type="text/javascript">
function display() {
DispWin = window.open('','NewWin', 'toolbar=no,status=no,width=300,height=200')
message = "<ul><li><b>Név: </b>" + document.form_proba.nev.value;
message += "<li><b>Cím: </b>" + document.form_proba.email.value + "</ul>";
DispWin.document.write(message);
}
</script>

a script jól működik, azt mutatja amit kell, csak mivel egészítsem ki?
 
1

Szia!

Kevlar · 2010. Már. 30. (K), 17.18
Neked is szia, üdvözlünk a fórumon!
Legközelebb kérünk, hogy használd a kódszínezőt.
Amit te keresel az a window.close: https://developer.mozilla.org/en/DOM/window.close

Legegyszerűbben így tudod használni:
  1. <a href="javascript: window.close();">Close</a>  
Tanács: felejtsd el ezt az ablakos módszert, és ismerkedj egy diszkrét megoldással, például a Lightbox-al: http://leandrovieira.com/projects/jquery/lightbox/

Szívesen máskor is, köszönjük, hogy udvariasan kérdeztél!
2

Ez nem jó...

szösziboszi · 2010. Már. 30. (K), 18.16
A lényeg a következő:

Van egy alapoldal azon egy gomb. A gomb ezzel a kóddal nyit egy újj ablakot:
  1. <script language="JavaScript" type="text/javascript">  
  2. function display() {  
  3. DispWin = window.open('','NewWin''toolbar=no,status=no,width=300,height=200')  
  4. message = "<ul><li><b>Név: </b>" + document.form_proba.nev.value;  
  5. message += "<li><b>Cím: </b>" + document.form_proba.email.value + "</ul>";  
  6. DispWin.document.write(message);  
  7. }  
  8. </script>  
Az újj ablakban kell egy ablak bezár gomb. (Az új ablaknak nem tudom a forráskódját, mert azt javascripttel nyitom meg)
Köszi
3

told bele a jsbe

bamegakapa · 2010. Már. 30. (K), 18.27
  1. function display() {    
  2.   DispWin = window.open('','NewWin''toolbar=no,status=no,width=300,height=200')    
  3.   message = "<ul><li><b>Név: </b>" + document.form_proba.nev.value;    
  4.   message += "<li><b>Cím: </b>" + document.form_proba.email.value + "</ul>";    
  5.   DispWin.document.write(message);  
  6.   DispWin.document.write('<a href="javascript: window.close();">Close</a>');  
  7. }    
4

Köszi..

szösziboszi · 2010. Már. 30. (K), 20.18
Köszönöm ez az ami kellett :)
5

Ablak bezár gomb beillesztése hogyan?

pityu2010 · 2012. Jún. 1. (P), 13.44
Sziasztok!
Ezt a kódot hogy lehetne megváltoztatni, hogy be is lehessen zárni?
  1. <div id="floatdiv" style="  
  2.     position:absolute;  
  3.     width:120px;height:600px;left:0px;top:0px;  
  4.     padding:1px;background:#666666;  
  5.     border:1px solid #2266AA">  
  6.         <div class="moduletable"><a href="http://hu.pokerstrategy.com/#uW8DCM"  
  7. target="_blank" title="online póker"><img  
  8. src="http://hu.pokerstrategy.com/media/tellafriend/hu/Homepage/09-IZOxGOO.gif?referrer=pokerstrategy21"  
  9. border="0" alt="online póker"></a></div>  
  10.         </div>  
  11. <script type="text/javascript">  
  12. var target_x = 1;  
  13. var target_y = 10;  
  14.   
  15. var has_inner = typeof(window.innerWidth) == 'number';  
  16. var has_element = document.documentElement && document.documentElement.clientWidth;  
  17.   
  18. var fm_id='floatdiv';  
  19. var floating_menu =  
  20.     document.getElementById  
  21.     ? document.getElementById(fm_id)  
  22.     : document.all  
  23.       ? document.all[fm_id]  
  24.       : document.layers[fm_id];  
  25.   
  26. var fm_shift_x, fm_shift_y, fm_next_x, fm_next_y;  
  27.   
  28. function move_menu()  
  29. {  
  30.     if (document.layers)  
  31.     {  
  32.         floating_menu.left = fm_next_x;  
  33.         floating_menu.top = fm_next_y;  
  34.     }  
  35.     else  
  36.     {  
  37.         floating_menu.style.left = fm_next_x + 'px';  
  38.         floating_menu.style.top = fm_next_y + 'px';  
  39.     }  
  40. }  
  41.   
  42. function compute_shifts()  
  43. {  
  44.     fm_shift_x = has_inner  
  45.         ? pageXOffset  
  46.         : has_element  
  47.           ? document.documentElement.scrollLeft  
  48.           : document.body.scrollLeft;  
  49.     if (target_x < 0)  
  50.         fm_shift_x += has_inner  
  51.             ? window.innerWidth  
  52.             : has_element  
  53.               ? document.documentElement.clientWidth  
  54.               : document.body.clientWidth;  
  55.   
  56.     fm_shift_y = has_inner  
  57.         ? pageYOffset  
  58.         : has_element  
  59.           ? document.documentElement.scrollTop  
  60.           : document.body.scrollTop;  
  61.     if (target_y < 0)  
  62.         fm_shift_y += has_inner  
  63.             ? window.innerHeight  
  64.             : has_element  
  65.               ? document.documentElement.clientHeight  
  66.               : document.body.clientHeight;  
  67. }  
  68.   
  69. function float_menu()  
  70. {  
  71.     var step_x, step_y;  
  72.   
  73.     compute_shifts();  
  74.   
  75.     step_x = (fm_shift_x + target_x - fm_next_x) * .07;  
  76.     if (Math.abs(step_x) < .5)  
  77.         step_x = fm_shift_x + target_x - fm_next_x;  
  78.   
  79.     step_y = (fm_shift_y + target_y - fm_next_y) * .07;  
  80.     if (Math.abs(step_y) < .5)  
  81.         step_y = fm_shift_y + target_y - fm_next_y;  
  82.   
  83.     if (Math.abs(step_x) > 0 ||  
  84.         Math.abs(step_y) > 0)  
  85.     {  
  86.         fm_next_x += step_x;  
  87.         fm_next_y += step_y;  
  88.         move_menu();  
  89.     }  
  90.   
  91.     setTimeout('float_menu()', 20);  
  92. };  
  93.   
  94. compute_shifts();  
  95. if (document.layers)  
  96. {  
  97.     // Netscape 4 cannot perform init move  
  98.     // when the page loads.  
  99.     fm_next_x = 0;  
  100.     fm_next_y = 0;  
  101. }  
  102. else  
  103. {  
  104.     fm_next_x = fm_shift_x + target_x;  
  105.     fm_next_y = fm_shift_y + target_y;  
  106.     move_menu();   
  107. }  
  108. float_menu();  
  109.   
  110. //--></script>