Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: chmurka nad tekstem
Forum PHP.pl > Forum > Po stronie przeglądarki
olowek
Jestem początkujący i nie bardzo wiem jak wykonać następującą czynność i w czym sad.gif a mianowicie:
Mam w tabeli stworzeonej w php imie i chcę po najechaniu na niego myszka aby pojawiła się "chmurka" z szerszym opisem, np. nazwisko, data urodzenia itd. Jesli ktoś może mi pomoc będę wdzięczny. Dane rozszerzone trzeba pobrać z bazy mysql...

olo
Kas
Musisz po pierwsze użyć java script.
Kłopot w tym, że prawdopodobnie musisz od razu pobrać wszystkie dane rozszerzone z bazy, ponieważ js nie wpsółpracuje z mysql.
Reszta jest już prosta.
mike
Co do chmurek to zajrzyj tutaj: overLIB.
Są to chmurki do linków ale z pewnościę można je zastosować do innych obiektów na stronie.
olowek
Nie wiem co skopałem ale nie działa mi źadna z chmurek sad.gif

  1. <title>Test</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  3. <script language="JavaScript" src="overlib.js"></script>
  4. </head>
  5.  
  6. <div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
  7.  
  8. <a href="javascript:void(0);" onclick="return overlib('This is a sticky
  9. with a caption. And it is centered under the mouse!', STICKY, CAPTION,
  10. 'Sticky!', CENTER);" onmouseout="nd();">Click here!</a>
  11. </body>
  12. </html>
Indianin
Kod zrodlowy ze strony autora
  1. <title>Test</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  3. <script language="JavaScript" src="http://www.bosrup.com/web/overlib/overlib.js"></script>
  4. </head>
  5.  
  6. <div style="position:absolute; top:15px; left:4px; width:75px; background-color:#ffffff; padding:5px; text-align:right">
  7.  
  8. <a href="./" class="mainmenu" onmouseover="return overlib('Back to the overLIB homepage.');" onmouseout="return nd();">home</a><br>
  9. </div>
  10. </body>
  11. </html>
tomasiek
Nie jest konieczny do tego js. wystarczy sam css.
Ponieważ metoda jest dość skomplikowana, odeślę do swojego tutorialu(mam nadzieję że nie naruszę żadnych regulaminowych spraw) którym jest fakt faktem robiony jako opis do menu, ale troszkę zmian i można go zastosować zamiast js
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.