Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][AJAX] "niewidoczna" funkcja
Forum PHP.pl > Forum > Przedszkole
Fifi209
22.05.2009, 15:23:21
A więc tak przejdę do rzeczy. jQuery wczytuje mi informacje do div'a, mam też kilka funkcji.

Strona główna - ładuję wszystko, + jQuery i funkcje js
Podstrony - przeładowuję tylko div

Wszystkie funkcje działają prócz jednej.

Zrobiłem funkcję dla wyszukiwarki, lecz gdy wczytuję linka np. <a href="#" onclick="funkcja();">test</a> pisze, że nie została nigdzie zdefiniowana. Lecz gdy w pasku adresu wpiszę:
Kod
javascript: funkcja();


wszystko działa poprawnie.

Miał ktoś kiedyś podobny problem ?

@edit Ciekawe jest też to, że gdy w href dam java script:funkcja() to wszystko działa dobrze.
erix
22.05.2009, 17:12:52
Może daj nieco kodu?

I nie rób żadnego onclick, tylko JS ma coś takiego, co się nazywa bindowaniem zdarzeń, więc z tego korzystaj. jQuery ma gotowe rozwiązania do tego m.in. funkcje click i bind.
Fifi209
22.05.2009, 17:17:16
strona:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <meta name="Description" content="Information architecture, Web Design, Web Standards." />
  6. <meta name="Keywords" content="your, keywords" />
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8. <meta name="Distribution" content="Global" />
  9. <meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />
  10. <meta name="Robots" content="index,follow" />
  11.  
  12. <link rel="stylesheet" href="http://localhost//images/Underground.css" type="text/css" />
  13. <script type="text/javascript" src="jQuery.js"></script>
  14. <script type="text/javascript" src="javascripts.js"></script>		
  15.  
  16. <title>Underground OTS</title>	
  17.  
  18. </head>
  19.  
  20. <body>
  21. <!-- wrap starts here -->
  22. <div id="wrap">
  23.  
  24. 		<!-- header -->
  25. 		<div id="header">			
  26.  
  27. 			<span id="slogan">Oficjalna strona serwera</span>
  28.  
  29. 			<!-- tabs -->
  30. 			<ul>
  31. 				<li id="current"><a href="#" onclick="getNews();"><span>Strona Główna</span></a></li>
  32. 				<li><a href="#"><span>FAQ</span></a></li>
  33. 				<li><a href="forum/"><span>Forum</span></a></li>
  34. 				<li><a href="#"><span>Przygoda z OTS</span></a></li>
  35. 				<li><a href="#"><span>Historia OTS</span></a></li>
  36. 				<li><a href="#"><span>Team</span></a></li>
  37. 				<li><a href="#"><span>Kontakt</span></a></li>		
  38. 			</ul>
  39.  
  40. 		</div>
  41.  
  42. 		<div id="header-logo">			
  43.  
  44. 			<div id="logo">Under<span class="red">ground OTS</span></div>
  45.  
  46. 		</div>
  47.  
  48.  
  49. 		<div id="sidebar" >							
  50.  
  51. 			<h1>Menu Główne</h1>
  52. 			<div class="left-box">
  53. 				<ul class="sidemenu">
  54. 					<li><a href="#" onclick="getNews();">Strona Główna</a></li>
  55. 					<li><a href="#">FAQ</a></li>
  56. 					<li><a href="forum/">Forum</a></li>				
  57. 				</ul>	
  58. 			</div>
  59.  
  60. 			<h1>Menu Poboczne</h1>
  61. 			<div id="left-box">
  62. 				<ul class="sidemenu">
  63. 					<li><a id="button_online_list" href="#">Lista Online</a></li>
  64. 					<li><a id="button_search" href="#">Wyszukiwarka Postaci</a></li>
  65. 					<li><a href="#">Statystyki</a></li>
  66. 					<li><a href="#">Statystyki online</a></li>
  67. 				</ul>
  68. 			</div>
  69.  
  70. 			<h1>Serwer 8.42</h1>
  71. 			<div id="left-box">
  72. 			<span id="serwer842"></span>
  73. 			</div>
  74.  
  75. 			<h1>Partnerzy</h1>
  76. 			<div class="left-box">
  77. 				<ul class="sidemenu">
  78. 					<li>Aktualnie Brak</li>
  79. 				</ul>
  80. 			</div>
  81.  
  82. 			<h1>Reklama</h1>
  83. 			<div class="left-box">
  84. 				<ul class="sidemenu">
  85. 					<li>Aktualnie Brak</li>
  86. 				</ul>
  87. 			</div>
  88.  
  89. 		</div>		
  90.  
  91. 				<div id="main">				
  92.  
  93.  
  94. 		</div>			
  95.  
  96.  
  97. <!-- wrap ends here -->
  98. </div>
  99.  
  100. <!-- footer starts here -->
  101. <div class="footer">
  102.  
  103. 		<p>	
  104. 		&copy; 2009 <strong>Underground Team</strong><br/>
  105. 		Design by: <a href="http://localhost/http://www.styleshout.com/">styleshout</a> | 
  106. 		Valid <a href="http://localhost/http://validator.w3.org/check/referer">XHTML</a> |
  107. 		<a href="http://localhost/http://jigsaw.w3.org/css-validator/check/referer">CSS</a>			
  108. 		</p>
  109.  
  110. </div>	
  111.  
  112. </body>
  113. </html>
[HTML] pobierz, plaintext


Do div'a ładuję przykładowe dane:

Od strony php jest to tak:
[PHP] pobierz, plaintext 
  1. <?php
  2. include('../../config.php');
  3.         
  4.         try {
  5.         $pdo = new PDO('mysql:host='.$mysql['host'].';dbname=tfs', $mysql['user'], $mysq['pass'], array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8"));
  6.         $pdo -> setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  7.  
  8.         $result = $pdo->query('SELECT `name` FROM `players` WHERE `online` = 1 AND `group_id` = 1 ORDER BY `name` DESC');
  9.         
  10.         $counter=1;
  11.         
  12.         echo '<h1>Lista online</h1><p>
  13.         <table border="0">';
  14.         
  15.         foreach($result as $row) {
  16.             echo $counter.'. <a href="java script:search(''.$row['name'].'');">'.$row['name'].'</a><br/>';
  17.             $counter++;
  18.         }
  19.         
  20.         echo '</table></p>';
  21.         
  22.         $result->closeCursor();
  23.         unset($result);
  24.         
  25.         }catch(PDOException $e) {
  26.             echo $e->getMessage();
  27.         }
  28. ?>
[PHP] pobierz, plaintext


Jak widzisz, nie mogę każdemu tak ładnie jak w innych przypadkach przypisać click.

@edit

ahahhahahh ale ja jestem niemota ;d

Kod
function getStatus() {
    $("#serwer842").load('sources/actions/status.php');
    setTimeout('getStatus()', 600000);
}

function getNews() {
    $("#main").load('sources/actions/news.php');
    setTimeout('getNews()', 600000);
}

function getOnline() {
    $("#main").load('sources/actions/online.php');
    setTimeout('getOnline()', 600000);
}

function getInfo() {
    $("#main").load('sources/actions/search.php');
}

function search(name) {
    $("#main").load('sources/actions/search.php?name=' + name);
}

$(document).ready(
    function() {
        $("#button_online_list").click(
            function() {
                getOnline();
            }
        );
        
        $("#button_search").click(
            function() {
                getInfo();
            }
        );

        getNews();
        getStatus();
    }
);
erix
22.05.2009, 17:30:06
Cytat
Jak widzisz, nie mogę każdemu tak ładnie jak w innych przypadkach przypisać click.

Właśnie nie widzę, bo nie podałeś kodu JS. tongue.gif
Fifi209
22.05.2009, 19:24:35
Kod dodany. Ale widzę, że edytowanie postu "nie odświeża" tematu.

Moglibyście coś takiego dodać. haha.gif
erix
22.05.2009, 19:55:59
Masz firebuga? Wywala jakieś błędy po hrefie? Wyszukiwanie też mógłbyś zbindować.

Cytat
Ale widzę, że edytowanie postu "nie odświeża" tematu.

I bardzo dobrze, że nie odświeża. Tylko by denerwowało.
Fifi209
22.05.2009, 19:59:49
Mam firebuga, nie wskazuje żadnych błędów. Obejdzie się na href=javascript.

Proszę o zamknięcie tematu.
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.