Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]Pokazywanie/ukrywanie div'a
Darkhijacker
post
Post #1





Grupa: Zarejestrowani
Postów: 24
Pomógł: 0
Dołączył: 14.10.2007

Ostrzeżenie: (0%)
-----

Mam taki oto kod:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. <!--
  3.     function toggle_vis(id) {
  4.        var e = document.getElementById(id);
  5.        if(e.style.display == 'block')
  6.           e.style.display = 'none';
  7.        else
  8.           e.style.display = 'block';
  9.     }
  10. //-->
  11. </script>
  12.  
  13. </head>
  14.  
  15. <body>
  16. 	<p><a href="javascript: toggle_vis('popup');">Pokaz/zamknij</a></p>
  17.  
  18.     <div id="popup" style="display: none;">	
  19.  
  20. <script type="text/javascript" src="http://jakistamelement" charset="iso-8859-2"><!--
  21.  
  22. onClick=toggle_vis('popup');
  23.  
  24. //--></script>
  25.  
  26.     </div>
[HTML] pobierz, plaintext


Kod ten ma na celu takie zadania: klikasz w "Pokaz/zamknij" -->pokazuje się okienko popup z elementem w js (w tym przypadku baner reklamowy zaprzyjaźnionego serwisu) --> klikasz w baner który otwiera się w nowym oknie --> okienko popup automatycznie zamyka się po kliknięciu w baner za pomocą funkcji "toggle_vis('popup')"

I problem polega na tym, że po kliknięciu w baner okienko popup nie zamyka się. Moim zdaniem jest to wina źle zastosowanego onclick w tagu "<script>", ale niestety nie wiem jak to zrobić poprawnie. W związku z moim problemem proszę o pomoc.
Go to the top of the page
+Quote Post
mls
post
Post #2





Grupa: Zarejestrowani
Postów: 677
Pomógł: 89
Dołączył: 31.08.2003
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Znacznik script nie posiada zdarzenia click.
Go to the top of the page
+Quote Post
wookieb
post
Post #3





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
No pewnie ze tak. onclick dajesz to elementu a ty dales do niczego.
Kod
document.getElementById('id').onclick=function()
{
toggle_vis('popup');
}
Go to the top of the page
+Quote Post
isso
post
Post #4





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

Ostrzeżenie: (0%)
-----

Skorzystaj z tego
JS:
[HTML] pobierz, plaintext 
  1. function openClose(id)
  2. {
  3.    if(document.getElementById) {
  4.       element = document.getElementById(id);
  5.    } else if(document.all) {
  6.       element = document.all[id];
  7.    } else return;
  8.  
  9.    if(element.style) {
  10.       if(element.style.display == 'block' ){
  11.          element.style.display = 'none';
  12.       } else {
  13.          element.style.display = 'block';
  14.       }
  15.    }
  16. }
[HTML] pobierz, plaintext

HTML
[HTML] pobierz, plaintext 
  1. <div id="overlays" style="display: none"><!--if want to show: display: block --> 
  2. 			<div id="window" > 
  3. 				<div id="inner" style="background-color: #ffffff; border: 5px solid #df0223" >Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam porttitor, velit eget gravida accumsan, augue arcu tincidunt libero, vitae pretium tellus massa vel mi. Vivamus in nulla. In accumsan fermentum sem. Vivamus ultricies, nibh a sodales porta, purus lacus mattis elit, et aliquet pede arcu ac nisl. Nullam id pede nec ipsum iaculis viverra. Pellentesque sed mi id pede gravida laoreet. Aenean nibh. Aliquam adipiscing velit a enim. Donec a enim hendrerit risus tempus consectetuer. Nulla a metus.<br /><br /> 
  4. 				<a href="javascript:void(0); openClose('overlays');" >Zamknij</a> 
  5. 				</div> 
  6. 			</div> 
  7. 		</div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
koreja
post
Post #5





Grupa: Zarejestrowani
Postów: 120
Pomógł: 22
Dołączył: 15.07.2008
Skąd: Raniżów/Rzeszów

Ostrzeżenie: (0%)
-----

Wystarczy dać:
[HTML] pobierz, plaintext 
  1. <span onclick="toggle_vis('popup')>&nbsp;</span>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Darkhijacker
post
Post #6





Grupa: Zarejestrowani
Postów: 24
Pomógł: 0
Dołączył: 14.10.2007

Ostrzeżenie: (0%)
-----

Nic nie pomaga... W takim razie powiem wam o drugim, prawie identycznym problemie. Może to uda się jakoś rozwiązać.
W drugim okienku popup ma wyświetlać się reklama adkontekst. Po kliknięciu w reklamę lub w X okienko ma się samo zamykać. I po kliknięciu w X popup zamyka się poprawnie, ale nie wiem jak zrobić to z reklamą. Gdzie mam umieścić kod odpowiedzialny za zamykanie popup?

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Popup</title>
  6. <script type="text/javascript" src="fadw.js"></script>
  7. <link rel="stylesheet" type="text/css" href="fadw.css" />
  8. </head>
  9.  
  10. <body>
  11.  
  12. <div id="faw">
  13. 		<div class="bar"><a href="#">Reklama!</a><a href="#" onClick="hFa()" class="close">&nbsp;</a></div>
  14. 		<div onClick="hFa()" class="ad">
  15.  
  16. <script type="text/javascript" charset="iso-8859-2"><!--
  17. if  (document.getElementById('adKontekst_0')==null) {
  18. var adKontekst_pola=new Array;
  19. document.write('<scr'+'ipt type="text/javascript" charset="iso-8859-2" '+
  20.  'src="http://adsearch.adkontekst.pl/akon/spliter?prid=3638&caid=83144&ns='
  21. +(new Date()).getTime()+'"'+'></'+'scri'+'pt>');
  22. }
  23. var adc_i=adKontekst_pola.length;
  24.  document.write("<div id='adKontekst_"+adc_i+"'>   </"+"div>");
  25.  document.onclick=hFa();
  26.  adKontekst_pola[adc_i]=new Object();
  27.  adKontekst_pola[adc_i].nazwa="adKontekst_"+adc_i;
  28. adKontekst_pola[adc_i].typ=201;
  29. adKontekst_pola[adc_i].r=1;
  30. adKontekst_pola[adc_i].c=1;
  31. adKontekst_pola[adc_i].x=185;
  32. adKontekst_pola[adc_i].y=90;
  33. adKontekst_pola[adc_i].naroznik_lewy_gorny = 3; adKontekst_pola[adc_i].naroznik_prawy_gorny = 3; adKontekst_pola[adc_i].naroznik_lewy_dolny = 3; adKontekst_pola[adc_i].naroznik_prawy_dolny = 3; adKontekst_pola[adc_i].spacing=4; adKontekst_pola[adc_i].scalenie=2;
  34. adKontekst_pola[adc_i].paleta=new Object();
  35. adKontekst_pola[adc_i].paleta.kolor_tlo="#FFFFFF";
  36. adKontekst_pola[adc_i].paleta.kolor_tytul="#000000";
  37. adKontekst_pola[adc_i].paleta.kolor_opis="#000000";
  38. adKontekst_pola[adc_i].paleta.kolor_url="#000000";
  39. adKontekst_pola[adc_i].paleta.kolor_naglowek="#FFFFFF";
  40. adKontekst_pola[adc_i].paleta.kolor_tlo_naglowka="#FFFFFF"; 
  41. adKontekst_pola[adc_i].paleta.kolor_ramki_naglowka="#FFFFFF"; 
  42. adKontekst_pola[adc_i].metka="text"; 
  43. adKontekst_pola[adc_i].czy_url=true; 
  44. adKontekst_pola[adc_i].id_koloru_metki="12";
  45. adKontekst_pola[adc_i].nform=8;
  46. //--></script>
  47.  
  48. </div>
  49. </div>
  50.  
  51. <script type="text/javascript">sFa();</script>
  52. </body>
  53. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 05:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn