Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: otwieranie warstwy po kliknięciu w link
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
jarmiar
Witam,

Jak można zrobić w Javascripcie żeby po kliknięciu w link pojawiła się warstwa nadrzędna.

coś takiego jak jest na wrzuta.pl gdy się kliknie na zaawansowane lub coś podobnego.

Bardzo proszę o pomoc!
Daimos
chodzi o to?
  1. funtion pokaz(){
  2. document.GetElementById['ms'].style.visibility ="visible";
  3. }

warstwa domyslnie niech bedzie hidden o id="ms" i juz winksmiley.jpg link to odwolanie do funkcji
jarmiar
chyba o to tylko mogę jeszcze wiedzieć jak ustawić diva na hidden?
Daimos
  1. <div style="visibility: hidden"></div>
najprościej, ahhh niechce sie nawet do googli zajrzec smile.gif
jarmiar
a mógłbyś mi napisać kod na podstawie tego:
  1. <div id="scyscraper" style="visibility: hidden border: 1px solid rgb(0, 0, 0); position: absolute; left: 353.5px; top: 148px;">
  2. <div style="background-color: black; color: white; text-align: left; style.display='none'">
  3. <font face="verdana" size="1">ZAMKNIJ&nbsp;
  4. <span title="Zamknij" onclick="document.getElementById('scyscraper').style.display='none'" style="cursor: pointer; font-weight: bold;">[x]</span>
  5. </font></div>
  6. <embed src="http://jarmiar.yoyo.pl/images/banners/baner3.swf" quality="high" bgcolor="#ffffff" name="toplayer" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="60" width="468">
  7. </div>
  8.  
  9. funtion pokaz(){
  10. document.GetElementById['skyscraper'].style.visibility ="visible";
  11. }
  12. <p><a href="java script:pokaz()">Otwórz reklamę</a></p>
Daimos
stary dostałeś prawie gotowca snitch.gif może napisz o czym robisz strone to od razu całość machne, a co mi tam winksmiley.jpg
ale ok, trzymaj to:

  1. <a href="#" OnClick="document.getElementById('scyscraper').style.visibility = 'visible';">Otwórz reklamę</a></p>
  2.  
  3. <div id="scyscraper" style="visibility: hidden; border: 1px solid rgb(0, 0, 0); position: absolute; left: 353.5px; top: 148px;">
  4. asdasdasd</div>
  5.  
  6. </div>
w srodku ta warstwa z reklama niech nie bedzie hidden, tu juz normalna zawartosc wstaw

ten przykład co Ci wkleilem wyzej dziala w 100%
jarmiar
dzięki, stary ty to jesteś normalnie cool ziom

jeszcze raz dzięki za pomoc!
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.