Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][PHP][AJAX]Tchickbox + Jak to wywołać?
Forum PHP.pl > Forum > Przedszkole
organista18
3.09.2009, 09:24:52
Witam poraz kolejny. Tym razem problem przypadł na thickboxa. Robię wszystko zgodnie z instrukcją na stronie. Lecz efektów brak. Oto kod:

[PHP] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <head>
  4. 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. 	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  6. 	<script type="text/javascript" src="../scripts/jquery.js"></script>
  7.     <script type="text/javascript" src="../scripts/thickbox.js"></script>
  8.     <style type="text/css" media="all">@import url(../scripts/thickbox.css);</style>
  9. </head>
  10. <body>
  11. <div class="box">
  12. 		    <div class="text"><p><span class="clear styl1"><a href="include/inc_catarts_edit.php?height=285&width=350&modal=true" class="thickbox" title="Edycja wpisu">Edytuj</a></span></div>
  13. 		    <div class="clear"></div>
  14. </div>
  15. </body>
[PHP] pobierz, plaintext


Niby wszystko tak jak w instrukcji na stronie, pisali żeby dodać odpowiedni doctype, więc tak zrobiłem, ale niestety thickbox nie działa...

Z góry dzięki za pomoc winksmiley.jpg
skowron-line
3.09.2009, 10:06:35
A konsola błędów nic nie pokazała questionmark.gif
organista18
3.09.2009, 10:15:02
Właśnie nic...

Teraz przerzuciłem się na http://fancybox.net/howto i kod wygląda tak:
[PHP] pobierz, plaintext 
  1. <?php
  2. 	include("../_safe/inc_config.php");
  3. 	//error_reporting(0);
  4. 	session_start();
  5. 	if(login())
  6. 	{
  7. ?>
  8. <!----------------------------------------------------------------------------------------------------------------->
  9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  10. "http://www.w3.org/TR/html4/loose.dtd">
  11. <head>
  12. 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  13. 	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  14. 	<script type="text/javascript" src="../scripts/jquery.js"></script>
  15.     <script type="text/javascript" src="../scripts/jquery/jquery.easing.1.3.js"></script>
  16. 	<script type="text/javascript" src="../scripts/jquery/jquery.fancybox-1.2.1.pack.js"></script>
  17.     <link rel="stylesheet" href="../scripts/jquery/fancybox.css" type="text/css" media="screen">
  18.     <script type="text/javascript">
  19.  
  20. 	$(document).ready(function() {
  21. 	$('#load').hide();
  22. 	$('#edit').hide();
  23. 	$("a#edycja").fancybox();
  24. 	});
  25.  
  26. 	$(function() {	
  27.  
  28. 	$(".delete").click(function() {
  29. 	$('#loader').fadeIn();
  30. 	var commentContainer = $(this).parent();
  31. 	var id = $(this).attr("id");
  32. 	var string = 'id='+ id ;
  33. 	$.ajax({
  34. 	   type: "POST",
  35. 	   url: "include/inc_catarts_delete_script.php",
  36. 	   data: string,
  37. 	   cache: false,
  38. 	   success: function(){
  39. 		commentContainer.slideUp('slow', function() {$(this).remove();});
  40. 		$('#loader').fadeOut();
  41. 	  }
  42.  
  43. 	 });
  44.  
  45.  
  46.  
  47. 	return false;
  48. 		});
  49. 	});
  50.  
  51.  
  52. 	</script>
  53.     <style type="text/css" media="screen">
  54. 	@import url(../src_img/style000.css );
  55. 	.styl1 {
  56. 	font-size: 16px;
  57. 	font-weight: bold;
  58. 	color: #000000;
  59. 	}
  60. 	.delete {
  61.  
  62. 	}	
  63. 	a.delete {
  64.  
  65. 	}
  66. 	a.delete:hover {
  67.  
  68. 	}
  69.     </style>
  70. </head>
  71.  
  72. <!----------------------------------------------------------------------------------------------------------------->
  73. <body>
  74.  
  75. <div id="container">
  76. <!----------------------------------------------------------------------------------------------------------------->
  77. <?php			
  78.  
  79. $query = mysql_query("SELECT * FROM `mcms_catarts` ORDER BY nazwa_kategorii DESC");
  80. while($rekord = mysql_fetch_array($query))
  81. {
  82. 	?>
  83. 		<div class="box">
  84. 		    <div class="text"><p><span class="clear styl1"><?php echo $rekord[1]; ?></span></p>
  85. 		    <p>Opis kategorii: <span class="info"><?php echo $rekord[2]; ?></span></p></div>
  86. 		    &gt;<a href="#" id="<?php echo $rekord[0]; ?>" class="delete">Usuń</a> &gt;<a id="edycja" href="include/inc_catarts_edit.php?id=<?php echo $rekord[0]; ?>" title="Edycja wpisu">Edytuj</a>  
  87. 		    <div class="clear"></div>
  88. 		</div>
  89.     <?php
  90. }
  91. ?>
  92. <!----------------------------------------------------------------------------------------------------------------->
  93. </div>
  94. <div id="edit">
  95. </div>
  96. </body>
  97. <!----------------------------------------------------------------------------------------------------------------->
  98. <?php
  99. 	}
  100. 	else if(!login())
  101. 	{
  102. 		echo "Nie masz dostępu do tej strony!";
  103. 	}
  104. ?>
[PHP] pobierz, plaintext


Jeśli chodzi o fancyboxa, to zrobiłem wszystko jak napisali. Dodam jeszcze że ten kod jest ładowany do diva przy pomocy ajax'a, a cała strona wygląda tak:

http://mjsp.pl/mcms/edit.php?t=1&src=catarts

login i hasło: forumphp

Jak klikam usuń, to jest wszystko ok, skrypt usuwa dany wpis, jednak jak klikam edytuj, to zamiast fancybox'a, strona ładuje się na nowo...
nospor
3.09.2009, 10:21:16
$("a#edycja").fancybox(); - yyy, nie wiem czy wiesz, ale nigdzie na tej stronie co dales linka nie masz pola o id "edycja". Nie wspomne już o tym ze ma to być link
skowron-line
3.09.2009, 10:23:36
A jednak konsola coś pokazuje
Kod
Error: $("a#edycja").fancybox is not a function
Source File: http://mjsp.pl/mcms/edit.php?t=1&src=catarts#
Line: 5
organista18
3.09.2009, 10:30:42
Nospor, 86 linijka: 
[PHP] pobierz, plaintext 
  1. <a id="edycja" href="include/inc_catarts_edit.php?id=<?php echo $rekord[0]; ?>" title="Edycja wpisu">Edytuj</a>
[PHP] pobierz, plaintext


Skowron-line, czy przyczyna może leżeć w ścieżkach do pliku ze skryptem?
skowron-line
3.09.2009, 10:36:18
Cytat(organista18 @ 3.09.2009, 10:30:42 ) *
Skowron-line, czy przyczyna może leżeć w ścieżkach do pliku ze skryptem?

Sprawdz ścieżki a jak będą okej to zobacz czy taka funkcja istnieje może nie jest zainicjalizowana w jakiś sposób, generalnie nigdy się tym nie bawiłem więc ciężko mi cokolwiek powiedzieć.
organista18
3.09.2009, 10:37:46
Tak, dodałem ścieżkę do pliku edit.php, i jest mały postęp. Jednak nie wygląda to tak jak powinno... bo zamiast na środku ekranu pojawia się pod stroną i w dodatku bez tej ładnej ramki ;| czy thicbox'a się tak samo wywołuje jak to?
skowron-line
3.09.2009, 10:46:23
źle jest spozycjonowany ten element dlatego się wyświetla pod stroną. Zobacz w css jak masz ustawione dla tego div -a czy w co to wkładasz.
organista18
3.09.2009, 11:17:51
Ok, już jest wszystko ok. Poprostu źle miałem ustawione ścieżki winksmiley.jpg Dzięki wielkie za pomoc winksmiley.jpg inaczej nazwali pliki w instrukcji a inaczej nazywały się w rzeczywistości w paczce, stąd ten problem....

Pozdrawiam;)

Jeszcze jeden problem:
Czy wie ktoś jak wywołać: 
[PHP] pobierz, plaintext 
  1. $("a#edycja").fancybox();
[PHP] pobierz, plaintext
dla każdego linku który ma id="edycja" tego fancyboxa?

Edit: To jednak wina Opery, gdzieś sobie zapamiętuje poprzednią wersje strony...
skowron-line
3.09.2009, 11:24:57
Cytat(organista18 @ 3.09.2009, 11:17:51 ) *
Edit: To jednak wina Opery, gdzieś sobie zapamiętuje poprzednią wersje strony...

Tak to się nazywa cache smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.