+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Fancybox odświeżanie danych poza oknem (/thread-fancybox-od%C5%9Bwiezanie-danych-poza-oknem)
Fancybox odświeżanie danych poza oknem - Stef@n - 27-03-2010
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:
<!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:
<!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>