Forum PHP.pl > [PHP][JavaScript] Jak zrobic zamykane okienko div?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][JavaScript] Jak zrobic zamykane okienko div?

Forum PHP.pl > Forum > Przedszkole

killer99977

14.03.2010, 11:12:24

Witam,
jak zrobić okienko div z przyciskiem np [x] który zamknie te okno?

blooregard

14.03.2010, 11:15:04

Dodajesz w treść HTML okienka:

[HTML] pobierz, plaintext 
<a onclick="self.close();">X</a>
[HTML] pobierz, plaintext

Spawnm

14.03.2010, 11:17:00

Proszę nadać sensowny tytuł.

killer99977

14.03.2010, 12:08:11

A możesz podać cały kod?

Co w tym źle?

[HTML] pobierz, plaintext 
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<style>
 
#lol {
	background-color: red;
	width: 250px; 
	height: 250px; 	
}
 
</style>
</head>
 
<body>
 
<div id="lol">
 
<a onclick="self.close();">X</a>
 
</div>
</body>
 
</html>
[HTML] pobierz, plaintext

vieri_pl

14.03.2010, 12:32:19

Nie otwierasz okienka.

Najlepiej użyć biblioteki jQuery UI, lub czystego jQuery + np. plugin`u fancybox.

Z przydatnych informacji poszukaj też:

java script window open close
java script popup
java script modal window

kamil4u

14.03.2010, 12:44:09

Aby zamknąć takie okienko najczęściej jedynie się je ukrywa po przez kod:

Kod

referencja_do_div-a.style.display = "none"; //referencja np. poprzez getElementById

Możesz także usunąć z kodu tego div-a, korzystając z removeChild();

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.