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


a to fragment pliku stylesheet.css:
[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext


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
- Lejto   [js]po kliknięciu na link pokazuje się pod nim coś   2.02.2008, 17:36:58
- - sticker   javascript i zabawa stylami css przez dom model w ...   2.02.2008, 18:08:13
- - kurt   może ten kod Ci coś pomoże: [HTML] pobierz, plaint...   2.02.2008, 18:15:32
- - Lejto   kurt natknąłem się już na taki...   5.02.2008, 18:38:17
- - kurt   znalazłem coś takiego: http://www.mattkruse.com/ja...   16.02.2008, 10:18:28

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 12.10.2025 - 17:48
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn