Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js]po kliknięciu na link pokazuje się pod nim coś
Lejto
post
Post #1





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 48
Dołączył: 23.05.2007

Ostrzeżenie: (0%)
-----


Szukałem na www.dynamicdrive.com kodu który po kliknięciu na link pokazywał coś pod sobą. I znalazłem http://search.freefind.com/find.html?id=62...;query=collapse ale ni do końca to co potrzebuje otóż jak się kliknie na link to dane pokazują się metodą rozwijania i przesuwają tekst który jest pod linkiem. A ja chcę aby dane po kliknięciu nachodziły na dane pod linkiem a nie aby się przesuwało wszystko.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kurt
post
Post #2





Grupa: Zarejestrowani
Postów: 89
Pomógł: 3
Dołączył: 14.07.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


może ten kod Ci coś pomoże:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <title>chmurka</title>
  3. <link rel="stylesheet" type="text/css" href="stylesheet.css">
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <script language="javascript"><!--
  6. var IE=document.all?true:false
  7. if (!IE) {
  8. document.captureEvents(Event.MOUSEMOVE);
  9. document.onmousemove=mousePos;
  10. var netX, netY;
  11. }
  12.  
  13. function posX() {
  14. if (IE) {
  15. tempX=document.body.scrollLeft + event.clientX;
  16. }
  17. if (tempX<0) {
  18. tempX=0;
  19. }
  20. return tempX;
  21. }
  22. function posY() {
  23. if (IE) {
  24. tempY=document.body.scrollTop + event.clientY;
  25. }
  26. if (tempY<0) {
  27. tempY=0;
  28. }
  29. return tempY;
  30. }
  31.  
  32. function Chmurka(T,t){
  33. T.title=''
  34. T.parentNode.lastChild.style.display=t?'block':'none'
  35. }
  36.  
  37. function ChmurkaPrzesun(T, pX, pY) {
  38.  
  39. T.parentNode.lastChild.style.left=posX()+pX+"px";
  40. if (posX()>800)
  41. {
  42. T.parentNode.lastChild.style.left=posX()-200+pX+"px";
  43. }
  44. T.parentNode.lastChild.style.top=posY()+pY+"px";
  45. }
  46.  
  47. //--></script>
  48.  
  49. </head>
  50.  
  51. <span><a href="jakiślink" onmouseover="Chmurka(this,1)"; onmousemove="ChmurkaPrzesun(this,20,15);" onmouseout="Chmurka(this,0)">
  52. jakiś link
  53. </a><div class="chmurka1"> wyświetlany tekst w okienku </div></span>
  54. </body>
  55. </html>


a to fragment pliku stylesheet.css:
  1. .chmurka1 {
  2. position:absolute;display:none;left:240px;top:0px;
  3. border:1px solid #000;background-color:white;color:red;
  4. padding:4px;font:italic normal 11px verdana,sans-serif;
  5. }


co prawda nie działa dokładnie tak jak tego chcesz ale po najechamiu myszą na link, pojawia się okienko z tekstem bezpośrednio nad zawartością strony.
Może jak co nieco przerobisz osiągniesz żądaną funkcjonalność.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 12.10.2025 - 17:48