Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][JQuery]Dane z bazy w tooltipie
Forum PHP.pl > Forum > Przedszkole
drozdii07
11.06.2011, 20:30:02
Witam.
Mam problem, ponieważ próbuję wstawić pobrane dane z bazy MySQL do tooltipa.

Robiłem już na wiele sposobów więc wkleję moje ostatnie dzieło, które wymyśliłem wink.gif

[HTML] pobierz, plaintext 
  1. <div id="tip" title="<?php echo $wiersz['nazwa']; ?>
[HTML] pobierz, plaintext


Oraz funkcja w JQuery:

[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
  2.     $("#tip").tooltip();
  3.   });
[HTML] pobierz, plaintext


I teraz, gdy najeżdżam na tekst w divie to pojawia mi się tooltip z : echo $wiersz['nazwa'] zamiast danych z bazy wink.gif
markonix
11.06.2011, 21:22:55
Czy plik ma rozszerzenie PHP?
Nie zamknąłeś też znacznika title chyba, że po prostu nie zamieściłeś całego kodu.
drozdii07
11.06.2011, 21:44:19
Plik ma rozszerzenie PHP wink.gif Domknięcie title nic nie daje. Próbowałem także clueTip, ale tam też nie działa
markonix
11.06.2011, 22:32:56
JavaScript nie ma tu nic do rzeczy.
Skoro nie wyświetla Ci się tekst tylko nieprzetworzony kod PHP to znaczy, że tu trzeba szukać przyczyny.
W ogóle działa Ci PHP na tej stronie? Daj w title po prostu na sztywno jakieś echo czy print.
drozdii07
12.06.2011, 09:06:02
Php dziala bo nad tym mam pobieranie danych z bazy, echo na sztywno tez sie nie parsuje..
melkorm
12.06.2011, 09:09:29
A pokaż cały kod, w sensie tam gdzie umieszczasz, jak itp.
drozdii07
12.06.2011, 11:47:10 
[PHP] pobierz, plaintext 
  1.  
  2.  
  3.  
  4.  
  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  6.                     "http://www.w3.org/TR/html4/loose.dtd">
  7. <html>
  8. <head>
  9.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  10.   <link rel="stylesheet" type="text/css" href="jquery.tooltip.css" />
  11. <script type="text/javascript" src="lib/jquery.dimensions.js"></script>
  12. <script type="text/javascript" src="jquery.tooltip.js"></script>
  13. <script type="text/javascript" src="jquery.cluetip.js"></script>
  14. <link rel="stylesheet" type="text/css" href="jquery.cluetip.css" />
  15.   <script>
  16.  
  17.  
  18.  
  19.   $(document).ready(function(){
  20.     $("#tip").tooltip();
  21.   });
  22.  
  23.  
  24.   </script>
  25.  
  26. </head>
  27. <body>
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. </body>
  35. </html>
  36. </html>
  37.  
  38.  
  39.  
  40. <?php
  41. $host_bazy_danych = 'localhost';
  42. $uzytkownik_bazy_danych = 'root';
  43. $haslo_bazy_danych = '';
  44. $nazwa_bazy_danych = 'gra';
  45.  
  46. $polacz = mysql_connect($host_bazy_danych, $uzytkownik_bazy_danych, $haslo_bazy_danych) or die('uzupelnij poprawnie plik config.php');
  47. mysql_select_db($nazwa_bazy_danych,$polacz) or die('uzupelnij poprawnie plik config.php');
  48. mysql_query("SET NAMES 'utf8'");
  49.  
  50.  
  51.  
  52. $zapytanie = mysql_query('SELECT * FROM `przedmioty` LIMIT 5');
  53.  
  54. while($wiersz=mysql_fetch_array ($zapytanie)) {
  55. echo 'Nazwa: ';
  56. echo $wiersz['nazwa'];
  57. echo '<br>';
  58. echo 'Atak: ';
  59. echo  $wiersz['atak'];
  60. echo '<br>';
  61. echo 'Typ: ';
  62. echo $wiersz['typ'];
  63. echo '<br><br>';
  64.  
  65. }
  66.  
  67. ?>
  68.  
  69.  
  70.  
  71. <div id="tip" title="<?php echo $wiersz['nazwa'] ?>">
  72. Tekst
  73. </div>
  74.  
  75.  
  76.  
  77.  
  78.  
[PHP] pobierz, plaintext
markonix
12.06.2011, 12:47:08
Jeśli tych divów ma być 5 jak wskazuje zapytanie to ten div powinien zawierać się w klamrze ograniczającej pętle.

[PHP] pobierz, plaintext 
  1. while($wiersz=mysql_fetch_array ($zapytanie)) {
  2. echo '<div id="tip" title="<?php print $wiersz['nazwa'] ?>">Tekst</div>';
  3. }
[PHP] pobierz, plaintext
drozdii07
12.06.2011, 14:53:47
Nie działa.. Ale dzięki za fatygę wink.gif Poszukam innych rozwiązań na internecie wink.gif
melkorm
12.06.2011, 15:15:49
No ale pokaż ten kod gdzie dajesz title="<?php ....
drozdii07
12.06.2011, 17:26:22
To ten kod na górze, <?php.. powinno być zamiast Tekst wink.gif Pewnie coś kombinowałem później i tak zostało
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.