Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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:

  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.  
  12. </head>
  13.  
  14. <p><a href="javascript: toggle_vis('popup');">Pokaz/zamknij</a></p>
  15.  
  16. <div id="popup" style="display: none;">
  17.  
  18. <script type="text/javascript" src="http://jakistamelement" charset="iso-8859-2"><!--
  19.  
  20. onClick=toggle_vis('popup');
  21.  
  22. //--></script>
  23.  
  24. </div>


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
 
Start new topic
Odpowiedzi
isso
post
Post #2





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

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


Skorzystaj z tego
JS:
  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
  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>
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 15.10.2025 - 16:40