Forum PHP.pl > [js]po kliknięciu na link pokazuje się pod nim coś

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js]po kliknięciu na link pokazuje się pod nim coś

Forum PHP.pl > Forum > Po stronie przeglądarki

Lejto

2.02.2008, 17:36:58

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.

sticker

2.02.2008, 18:08:13

javascript i zabawa stylami css przez dom model w js dla ukrytego diva

kurt

2.02.2008, 18:15:32

może ten kod Ci coś pomoże:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>chmurka</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script language="javascript"><!--
var IE=document.all?true:false
if (!IE) {
  document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove=mousePos;
   var netX, netY;
}
 
function posX() {
 if (IE) {
  tempX=document.body.scrollLeft + event.clientX;
 }
  if (tempX<0) {
     tempX=0;
  }
  return tempX;
}
function posY() {
 if (IE) {
  tempY=document.body.scrollTop + event.clientY;
 }
  if (tempY<0) {
     tempY=0;
  }
  return tempY;
}
 
function Chmurka(T,t){
  T.title=''
  T.parentNode.lastChild.style.display=t?'block':'none'
}
 
function ChmurkaPrzesun(T, pX, pY) {
 
     T.parentNode.lastChild.style.left=posX()+pX+"px";
     if (posX()>800)
     {
     T.parentNode.lastChild.style.left=posX()-200+pX+"px";
     }
     T.parentNode.lastChild.style.top=posY()+pY+"px";
  }
 
//--></script>
 
</head>
<body>
 
<span><a href="jakiślink" onmouseover="Chmurka(this,1)"; onmousemove="ChmurkaPrzesun(this,20,15);" onmouseout="Chmurka(this,0)">
                                       jakiś link
      </a><div class="chmurka1"> wyświetlany tekst w okienku </div></span>
</body>
</html>
[HTML] pobierz, plaintext

a to fragment pliku stylesheet.css:

[HTML] pobierz, plaintext 
.chmurka1 {
position:absolute;display:none;left:240px;top:0px;
border:1px solid #000;background-color:white;color:red;
padding:4px;font:italic normal 11px verdana,sans-serif;
}
[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ść.

Lejto

5.02.2008, 18:38:17

kurt natknąłem się już na takie coś ale dzięki za zainteresowanie
p.s przykład tego co chce jest forum, jak najeżamy myszką temacie na nick usera i klikamy na niego

kurt

16.02.2008, 10:18:28

znalazłem coś takiego:
http://www.mattkruse.com/javascript/popupwindow/

spróbuj test anchor 3

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.