Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [js]pseudookienko w js
user767
post 8.11.2010, 00:40:00
Post #1





Grupa: Zarejestrowani
Postów: 178
Pomógł: 5
Dołączył: 13.09.2010

Ostrzeżenie: (40%)
XX---


Chciałbym stworzyć okienko, które otwierałoby się po kliknięciu w button zaraz przy buttonie i po kliknięciu w tym okienku button zwracało argument do funkcji. Coś takiego, jak przy emotikonkach na tym forum.
Go to the top of the page
+Quote Post
pedro84
post 8.11.2010, 01:06:39
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Poszukaj o modal boxach.


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
user767
post 8.11.2010, 01:38:11
Post #3





Grupa: Zarejestrowani
Postów: 178
Pomógł: 5
Dołączył: 13.09.2010

Ostrzeżenie: (40%)
XX---


nic nie znalazłem, tyle co na wikipedii.

to nie ma być nic wielkiego, okienko 100x200 otwierane przy buttonie. Żadne animacje ani nic.
Go to the top of the page
+Quote Post
kryzz
post 8.11.2010, 07:28:15
Post #4





Grupa: Zarejestrowani
Postów: 10
Pomógł: 3
Dołączył: 21.11.2008

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


Cytat(user767 @ 8.11.2010, 01:38:11 ) *
nic nie znalazłem, tyle co na wikipedii.

taa,
wpisałem w google "javascript modal box" i fajna strona wyskoczyła "20+ ways to create javascript modal windows and dialog boxes".
Go to the top of the page
+Quote Post
user767
post 8.11.2010, 19:07:45
Post #5





Grupa: Zarejestrowani
Postów: 178
Pomógł: 5
Dołączył: 13.09.2010

Ostrzeżenie: (40%)
XX---


  1. .box {
  2. background-color: #ffffff;
  3. border: 1px solid silver;
  4. height: 120px;
  5. width: 197px;
  6. padding: 3px 6px;
  7. position:absolute;
  8. z-index:1;
  9. top:24px;
  10. left:8px;
  11. }
  12.  
  13.  
  14. <input type="button" onClick="ShowText('nazwa'); return false;">
  15.  
  16. <div id="nazwa" class="box" style="display:none;">
  17. <input type="button" onclick="HideText('nazwa');" title="Golden Rod"/>
  18. <p onClick="HideText('nazwa'); return false;">Zamknij</p>
  19. </div>
  20.  



js
  1. function ShowText(id) {
  2. document.getElementById(id).style.display = 'block';
  3. }
  4.  
  5. function HideText(id) {
  6. document.getElementById(id).style.display = 'none';
  7. }
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 23.06.2025 - 05:47