Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z zakladkami ajax
Forum PHP.pl > Forum > XML, AJAX > AJAX
slawny
26.12.2007, 12:09:34
Witam wszystkich. Mam nastepujacy problem.
Napisalem kod ktory generuje zakladki na stronie, pieknie zmienia zawartosc strony w zaleznosci od wyboru zakladki, dodatkowo zmiana koloru zakaldki po najechaniu a po kliknieciu powiekszenie wybranej zakaldki. Podglad dostepny pod
http://arrowcity.pl/lodz/ajax_arrow.php
Troche sie to rozjezdza ale to nie w tym rzecz.
Problem polega na tym ze gdy do strony glownej dodam include z tym wlasnei bajerem to zmiana zawartosci strony dzila lecz zmiana kolorow i powiekszenie zakladki juz nie.
Czym to moze byc spowodowane?
qwertyuiop1910
26.12.2007, 12:24:41
moglbys dac adres skryptu z wrzuconym includem?

znalazlem funkcja klik nie jest dodana do kodu strony index.php
slawny
26.12.2007, 12:27:44
Zrezygnowalem z include bo walidacja sie mnie czepia strasznie...staram sie na biezaco walidowac co by pozniej nie bylo 678 bledow.

Oto kod gdzie zamiast include powstawialem poszczegolne funkcje i teoretycznie powinno dzilac
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  5.  
  6.  
  7.  
  8. <head>
  9. 			<title>Łódź - informacje</title>
  10. 			<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  11.  
  12. 			<link rel='stylesheet' type='text/css' href='style.css' />
  13. 			<script type="text/javascript" src="js/mintajax.js"></script>
  14. 			<script type="text/javascript">
  15. 			function OnLoad() {
  16. 	var tabs = mint.gui.CreateTabWidget("tabsContentt");
  17.  
  18. 	tabs.fading = true;
  19. 	tabs.activeClass = "active";
  20. 	tabs.hoverClass = "hover";
  21.  
  22. 	tabs.AddItem("box1", "box1", "text", "wiadomosci.php");
  23. 	tabs.AddItem("box2", "box2", "text", "galeria.php");
  24. 	tabs.AddItem("box3", "box3", "text", "przewodnik.php");
  25. 		tabs.AddItem("box4", "box4", "text", "ogloszenia.php");
  26. 	mint.fx.Round("tabsContentOuter", "all", "small", true);
  27. }
  28.  
  29.  
  30. function animacja(numer) {
  31. if(numer==1){ pozycja = box1;}
  32. if(numer==2){ pozycja = box2;}
  33. if(numer==3){ pozycja = box3;}
  34. if(numer==4){ pozycja = box4;}
  35.  
  36. mint.fx.Color(pozycja, "backgroundColor", "FFFF84", "FC3030", 1, 1);
  37. mint.fx.Color(pozycja, "borderColor", "FFFF00", "C40000", 1, 1);
  38. }
  39. function animacja_p(numer) {
  40. if(numer==1){ pozycja = box1;}
  41. if(numer==2){ pozycja = box2;}
  42. if(numer==3){ pozycja = box3;}
  43. if(numer==4){ pozycja = box4;}
  44. mint.fx.Color(pozycja, "backgroundColor", "FC3030", "FFFF84", 20, 700);
  45. mint.fx.Color(pozycja, "borderColor", "C40000", "FFFF00", 20, 700);
  46. }		
  47. </script>
  48. 			<?
  49. 			function tabelka ($naglowek, $tresc)
  50. 				{
  51. 				print"
  52. 				<table width='155px' cellpadding='0' cellspacing='0' >
  53. 				<tr style='height: 30px;'><td class='box_naglowek'>$naglowek</td></tr>
  54. 				<tr><td class='box_tresc'>$tresc</td></tr>
  55. 				<tr><td class='box_stopka'></td></tr>
  56. 				</table>";
  57. 				}
  58. 			?>
  59. </head>
  60.  
  61. <body class="margin" onload="OnLoad()" onload="animacja(numer)" onload="animacja_p(numer)">
  62. <div id="all" >
  63. <div id="main">
  64. <div id="layout">
  65. <table width='800px' style='height: 85px'>
  66. <tr>
  67. 	<td style='width:150px;'>tutaj śąęćźżł bedzie logo</td>
  68. 		<td style='width:450px;'>pierwszy baner</td>
  69. 		<td style='width:200px;' class="imieniny"><?include("imieniny.php");?></td>
  70. </tr>
  71. </table>
  72. </div>
  73.  
  74. <br/><br/>
  75.  
  76. <div id="menu">
  77. <?include("menu1.html");?>
  78. <?include("menu2.php");?>
  79. </div>
  80.  
  81. <div id="operation">
  82.  
  83. <table width='800px' cellpadding="0" cellspacing="0" >
  84. <tr>
  85. <? /********************LEWA KOLUMNA*********************************/?>
  86.  <td class='left'>
  87. 		<?/*wstawienie kalendarza*/
  88. 		echo"<table width='155px' class='funkcja' cellpadding='0' cellspacing='0' >
  89. 		 <tr style='height: 30px;'><td class='box_naglowek'>Kalendarz</td></tr>
  90. 		 <tr><td class='box_tresc'>";
  91. 	  /*czesc glowna*/
  92. 			include('5_4.php');
  93. 	echo"</td></tr>
  94. 		 <tr class='funkcja'><td class='box_stopka'></td></tr>
  95. 		 </table>";
  96.  
  97. 		$naglowek="Nowe wydarzenia";
  98. 		$tresc="Tutaj będzie jakaś treść";
  99.  
  100. 		tabelka ($naglowek, $tresc);
  101.  
  102. 		?>
  103. 		</td>
  104. 		<? /********************ŚRODKOWA KOLUMNA*****************************/?>		
  105. 		<td class='center'>
  106.  
  107. 	<div id="box1" class="ajax_men1" onmouseover="animacja(1)" onmouseout="animacja_p(1)">Wiadomości</div>
  108. 	<div id="box2" class="ajax_men2" onmouseover="animacja(2)" onmouseout="animacja_p(2)">Galeria</div>
  109. 	<div id="box3" class="ajax_men3" onmouseover="animacja(3)" onmouseout="animacja_p(3)">Przewodnik</div>
  110. 	<div id="box4" class="ajax_men4" onmouseover="animacja(4)" onmouseout="animacja_p(4)">Ogłoszenia</div>
  111. 	<div id="tabsContent" class="ramka">
  112. 	<div id="tabsContentt"></div></div>
  113. 		</td>
  114. 		<?/********************PRAWA KOLUMNA********************************/?>		
  115. 		<td class='right'>
  116. 		<?
  117. 		$naglowek="Najczęściej czytane";
  118. 		$tresc="Tutaj będzie jakaś treść";
  119. 		tabelka ($naglowek, $tresc);
  120. 		$naglowek="Ankieta";
  121. 		$tresc="Tutaj będzie jakaś treść";
  122. 		tabelka ($naglowek, $tresc);
  123. 		?>
  124. 		</td>
  125.  
  126. </tr>
  127. </table>
  128. </div>
  129.  
  130.  
  131. </div>
  132. </div>
  133.  
  134. <div id='down'>
  135. </div>
  136.  
  137. </body>
  138.  
  139. </html>
[PHP] pobierz, plaintext
qwertyuiop1910
26.12.2007, 12:31:12
w funkcjach js powyzszego skryptu nie ma funkcji klik
slawny
26.12.2007, 12:33:10
no ok. pominmy to klik....czemu onmouseon i onmouseover nie dzialaja
qwertyuiop1910
26.12.2007, 12:41:33
Cytat
if(numer==1){ pozycja = box1;}
if(numer==2){ pozycja = box2;}
if(numer==3){ pozycja = box3;}
if(numer==4){ pozycja = box4;}


widac error?smile.gif

popraw w obu funkcjach animacja na :
if(numer==1){ pozycja = 'box1';}
if(numer==2){ pozycja = 'box2';}
if(numer==3){ pozycja = 'box3';}
if(numer==4){ pozycja = 'box4';}
slawny
26.12.2007, 12:54:22
Prawde mowiac...nie

Jezeli to by bylo spowodowane prze te if-y to nie dzialalo by nawet na stronie do ktorej link podalem wczesniej.
qwertyuiop1910
26.12.2007, 13:00:37
Pozwolilem sobie umiescic skrypt na moim serwerze

http://pn89.bighost.pl/phppl/php.php

nic sie nie zmienilo poza ifami i jak widac dziala;)
slawny
26.12.2007, 13:30:02
Elegancko. Fruwa.
Tylko drecz i meczy mnie fakt ze dzialalo rowniez bez tej zmiany. na poprzedniej stronie to dlaczegop nie chcialo dzialac tutaj?
Dziekuje za pomoc. Pozdrawiam
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.