Fancybox odświeżanie danych poza oknem

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Stef@n
Nowy
Nowy
Posty: 40
Rejestracja: sob lut 15, 2003 12:33 pm
Lokalizacja: Nowy Targ
Kontakt:

Fancybox odświeżanie danych poza oknem

Post autor: Stef@n »

Witam, mam dwa problemy pierwszy to taki abym mógł sobie w Fancybox Iframe ustawiać wielość okna w pikselach a nie procentach. Druga to troszkę skomplikowana mianowicie mam taki skrypt http://jokersite.website.pl/test/. Dodajemy sobie dane do bazy w oknie Fancybox Iframe, a potem po wyłączeniu okna bądź już po dodaniu danych do formularza chce aby odświeżyły się dane z pola id="dane" w index.php.

Przesyłam pełen kod tych podstron, ale pewnie i tak trzeba będzie pogrzebać w kodzie Fancybox lecz niestety nie wiem od czego zacząć.

P.S Jeśli jest inny sposób na podobna akcje (okno, formularz i dane odświeżane po zamknięciu okna) to bardzo proszę o jej przedstawienie.

INDEX.php

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script language="JavaScript" type="text/javascript" src="js/xfade2.js"></script>
	<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
	<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
	<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.0.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.0.css" media="screen" />
	<script type="text/javascript">
		$(document).ready(function() {
			$("#okno").fancybox({
				'width'				: '50%',
				'height'			: '20%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
		});
	</script>
</head>
<body>
<div id="menu">
<b>MENU:</b> <a id="okno" title="Dodaj wpis" href="dodaj.php">Dodaj</a>
</div>
<div id="dane">
 <ul>
<?php 
//----------------------------------
//POŁĄCZENIE Z BAZA
//-----------------------------------

$zapytanie = mysql_query("SELECT * FROM test ORDER BY wpis ASC");
	while ($rekord = mysql_fetch_array ($zapytanie)) { 
?>
	<li><?php echo $rekord['wpis'] ?></li>
<?php } ?>
 </ul>
</div>
</body>
</html>
DODAJ.php

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<?php
if($_POST['submit'] == 'Dodaj wpis'){
//----------------------------------
//POŁĄCZENIE Z BAZA
//-----------------------------------

	mysql_query("INSERT INTO test (id, wpis) VALUES ('', '{$_POST['wpis']}');");
?>
	<div style="text-align: center;"><b>Wpis został dodany!</b></div><br />
<?php } ?>
<form action="dodaj.php" name="form" method="post">
	Wpis: <input type="text" name="wpis" size="40" maxlength="70" />
	<input type="submit" name="submit" value="Dodaj wpis" />
</form>
</body>
</html>
ODPOWIEDZ