Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML][PHP]Dwa przyciski i dwa boxy
cent4
post
Post #1





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

Witam.
Korzystam ze skryptu: SimpleModal Basic Modal Dialog ze strony: http://www.ericmmartin.com/projects/simplemodal-demos/
Ale chcę zrobić tak, żeby były 2 przyciski i żeby dla każdego ładował się inny zewnętrzny plik php do danego boxu - jak to zrobić?
Skrypt działa tak:
To jest funkcjonalność przycisku
[HTML] pobierz, plaintext 
  1. <div id='basic-modal'>
  2.    <input type='button' name='basic' value='Demo' class='basic'/>
  3. </div>
[HTML] pobierz, plaintext


A poniżej w stronie jest div - do którego ma się ładować treść:
[HTML] pobierz, plaintext 
  1. <div id="basic-modal-content">
  2.     Treść
  3. </div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
drozdii07
post
Post #2





Grupa: Zarejestrowani
Postów: 254
Pomógł: 39
Dołączył: 6.12.2010
Skąd: localhost

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

Moglbys podac kod ? Zmniejszasz szanse pomocy sobie bo trzeba pobierac kod


--------------------
Wspieram akcję "jQuery i AJAX to nie język programowania"
Go to the top of the page
+Quote Post
cent4
post
Post #3





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

Oto cały kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title> SimpleModal Basic Modal Dialog </title>
  5. <meta name='author' content='Eric Martin' />
  6. <meta name='copyright' content='2010 - Eric Martin' />
  7.  
  8. <!-- Page styles -->
  9. <link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' />
  10.  
  11. <!-- Contact Form CSS files -->
  12. <link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />
  13.  
  14. <!-- IE6 "fix" for the close png image -->
  15. <!--[if lt IE 7]>
  16. <link type='text/css' href='css/basic_ie.css' rel='stylesheet' media='screen' />
  17. <![endif]-->
  18.  
  19. <!-- JS files are loaded at the bottom of the page -->
  20. </head>
  21. <body>
  22. <div id='container'>
  23. 	<div id='content'>
  24. 		<div id='basic-modal'>
  25. 			<input type='button' name='basic' value='Demo' class='basic'/>
  26. 		</div>
  27.  
  28. 		<!-- modal content -->
  29. 		<div id="basic-modal-content">
  30. 			treść
  31. 		</div>
  32.  
  33. 		<!-- preload the images -->
  34. 		<div style='display:none'>
  35. 			<img src='img/basic/x.png' alt='' />
  36. 		</div>
  37. 	</div>
  38. </div>
  39. <!-- Load jQuery, SimpleModal and Basic JS files -->
  40. <script type='text/javascript' src='js/jquery.js'></script>
  41. <script type='text/javascript' src='js/jquery.simplemodal.js'></script>
  42. <script type='text/javascript' src='js/basic.js'></script>
  43. </body>
  44. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
drozdii07
post
Post #4





Grupa: Zarejestrowani
Postów: 254
Pomógł: 39
Dołączył: 6.12.2010
Skąd: localhost

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

Chodzilo mi o kod JavaScript..


--------------------
Wspieram akcję "jQuery i AJAX to nie język programowania"
Go to the top of the page
+Quote Post
cent4
post
Post #5





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

Nie chcę tu wklejać kodów dołączonych plików javascript, ponieważ po pierwsze nie są one czytelne - bez znaków kolejnego wiersza, a po drugie są duże - to jest link do ściągnięcia całego demo - bardzo małe :-): http://simplemodal.googlecode.com/files/si...basic-1.4.1.zip
Go to the top of the page
+Quote Post
drozdii07
post
Post #6





Grupa: Zarejestrowani
Postów: 254
Pomógł: 39
Dołączył: 6.12.2010
Skąd: localhost

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

Bardzo chetnie bym pobral, lecz od paru dni posiadam tylko telefon z ktorego wlasnie pisze, poniewaz komputer mi sie popsul. Mozesz wkleic kod na pastebin i podac tu link smile.gif


--------------------
Wspieram akcję "jQuery i AJAX to nie język programowania"
Go to the top of the page
+Quote Post
cent4
post
Post #7





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----

basic.js: http://pastebin.com/n90N1CfM

jquery.simplemodal.js: http://pastebin.com/kBSzk1Ux
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 21:58
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn