Forum PHP.pl > [JavaScript][HTML][PHP]Dwa przyciski i dwa boxy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][HTML][PHP]Dwa przyciski i dwa boxy

cent4

6.07.2011, 08:42:16

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 
<div id='basic-modal'>
   <input type='button' name='basic' value='Demo' class='basic'/>
</div>
[HTML] pobierz, plaintext

A poniżej w stronie jest div - do którego ma się ładować treść:

[HTML] pobierz, plaintext 
<div id="basic-modal-content">
    Treść
</div>
[HTML] pobierz, plaintext

drozdii07

6.07.2011, 08:45:49

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

cent4

6.07.2011, 08:54:26

Oto cały kod:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<title> SimpleModal Basic Modal Dialog </title>
<meta name='author' content='Eric Martin' />
<meta name='copyright' content='2010 - Eric Martin' />
 
<!-- Page styles -->
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' />
 
<!-- Contact Form CSS files -->
<link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />
 
<!-- IE6 "fix" for the close png image -->
<!--[if lt IE 7]>
<link type='text/css' href='css/basic_ie.css' rel='stylesheet' media='screen' />
<![endif]-->
 
<!-- JS files are loaded at the bottom of the page -->
</head>
<body>
<div id='container'>
	<div id='content'>
		<div id='basic-modal'>
			<input type='button' name='basic' value='Demo' class='basic'/>
		</div>
 
		<!-- modal content -->
		<div id="basic-modal-content">
			treść
		</div>
 
		<!-- preload the images -->
		<div style='display:none'>
			<img src='img/basic/x.png' alt='' />
		</div>
	</div>
</div>
<!-- Load jQuery, SimpleModal and Basic JS files -->
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/basic.js'></script>
</body>
</html>
[HTML] pobierz, plaintext

drozdii07

6.07.2011, 09:00:16

Chodzilo mi o kod JavaScript..

cent4

6.07.2011, 09:43:15

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

drozdii07

6.07.2011, 09:47:02

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

cent4

6.07.2011, 10:45:09

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

jquery.simplemodal.js: http://pastebin.com/kBSzk1Ux

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.