Forum PHP.pl > [HTML][JavaScript]Pokazywanie/ukrywanie div'a

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Pokazywanie/ukrywanie div'a

Darkhijacker

11.02.2009, 23:02:33

Mam taki oto kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
    function toggle_vis(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>
 
</head>
 
<body>
	<p><a href="javascript: toggle_vis('popup');">Pokaz/zamknij</a></p>
 
    <div id="popup" style="display: none;">	
 
<script type="text/javascript" src="http://jakistamelement" charset="iso-8859-2"><!--
 
onClick=toggle_vis('popup');
 
//--></script>
 
    </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.

mls

11.02.2009, 23:06:06

Znacznik script nie posiada zdarzenia click.

wookieb

11.02.2009, 23:06:33

No pewnie ze tak. onclick dajesz to elementu a ty dales do niczego.

Kod

document.getElementById('id').onclick=function()
{
toggle_vis('popup');
}

isso

11.02.2009, 23:08:06

Skorzystaj z tego
JS:

[HTML] pobierz, plaintext 
function openClose(id)
{
   if(document.getElementById) {
      element = document.getElementById(id);
   } else if(document.all) {
      element = document.all[id];
   } else return;
 
   if(element.style) {
      if(element.style.display == 'block' ){
         element.style.display = 'none';
      } else {
         element.style.display = 'block';
      }
   }
}
[HTML] pobierz, plaintext

HTML

[HTML] pobierz, plaintext 
<div id="overlays" style="display: none"><!--if want to show: display: block --> 
			<div id="window" > 
				<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 /> 
				<a href="javascript:void(0); openClose('overlays');" >Zamknij</a> 
				</div> 
			</div> 
		</div>
[HTML] pobierz, plaintext

koreja

11.02.2009, 23:12:30

Wystarczy dać:

[HTML] pobierz, plaintext 
<span onclick="toggle_vis('popup')>&nbsp;</span>
[HTML] pobierz, plaintext

Darkhijacker

12.02.2009, 16:39:28

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 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Popup</title>
<script type="text/javascript" src="fadw.js"></script>
<link rel="stylesheet" type="text/css" href="fadw.css" />
</head>
 
<body>
 
<div id="faw">
		<div class="bar"><a href="#">Reklama!</a><a href="#" onClick="hFa()" class="close">&nbsp;</a></div>
		<div onClick="hFa()" class="ad">
 
<script type="text/javascript" charset="iso-8859-2"><!--
if  (document.getElementById('adKontekst_0')==null) {
var adKontekst_pola=new Array;
document.write('<scr'+'ipt type="text/javascript" charset="iso-8859-2" '+
 'src="http://adsearch.adkontekst.pl/akon/spliter?prid=3638&caid=83144&ns='
+(new Date()).getTime()+'"'+'></'+'scri'+'pt>');
}
var adc_i=adKontekst_pola.length;
 document.write("<div id='adKontekst_"+adc_i+"'>   </"+"div>");
 document.onclick=hFa();
 adKontekst_pola[adc_i]=new Object();
 adKontekst_pola[adc_i].nazwa="adKontekst_"+adc_i;
adKontekst_pola[adc_i].typ=201;
adKontekst_pola[adc_i].r=1;
adKontekst_pola[adc_i].c=1;
adKontekst_pola[adc_i].x=185;
adKontekst_pola[adc_i].y=90;
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;
adKontekst_pola[adc_i].paleta=new Object();
adKontekst_pola[adc_i].paleta.kolor_tlo="#FFFFFF";
adKontekst_pola[adc_i].paleta.kolor_tytul="#000000";
adKontekst_pola[adc_i].paleta.kolor_opis="#000000";
adKontekst_pola[adc_i].paleta.kolor_url="#000000";
adKontekst_pola[adc_i].paleta.kolor_naglowek="#FFFFFF";
adKontekst_pola[adc_i].paleta.kolor_tlo_naglowka="#FFFFFF"; 
adKontekst_pola[adc_i].paleta.kolor_ramki_naglowka="#FFFFFF"; 
adKontekst_pola[adc_i].metka="text"; 
adKontekst_pola[adc_i].czy_url=true; 
adKontekst_pola[adc_i].id_koloru_metki="12";
adKontekst_pola[adc_i].nform=8;
//--></script>
 
</div>
</div>
 
<script type="text/javascript">sFa();</script>
</body>
</html>
[HTML] pobierz, plaintext

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.