Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Rozwijane menu DHTML
Babcia@Stefa
post 10.07.2008, 19:14:16
Post #1





Grupa: Zarejestrowani
Postów: 654
Pomógł: 17
Dołączył: 19.03.2006
Skąd: z kosmosu ;)

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


Witam, znalazłem skrypt w internecie, przerobiłem i otrzymałem:

Kod
//http://www.codelifter.com/main/javascript/capturemouseposition1.html
// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false
var DocumentName;

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
function StartMouse(DocName)
{
    DocumentName = DocName;
    document.onmousemove = getMouseXY;
}

function EndMouse()
{
    document.onmousemove = false;
}

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  document.getElementById(DocumentName).style.left = tempX-30;
  document.getElementById(DocumentName).style.top = tempY;
  return true
}


A w HTML:
  1. <a href="#File" onmouseover="StartMouse('MenuDiv');" onmouseout="EndMouse();"><font size="30">Plik</font></a>
  2. <div class="div" id="MenuDiv">
  3. haha.gif
  4. </div>


CSS:
Kod
.div {position: absolute;}


Pytanie:
Jak zrobić aby menu pojawiało się obok kursora a nie gdzieś indziej? (menu się rusza kiedy ruszam kursorem w poprawne strony)

Dziękuję, Babcia@Stefa


--------------------
Środowisko testowe (desktop) - Gedit, lighttpd, sftp, rsync, xfce4-terminal, chromium, firefox4 | System: Gentoo ~x86
O'Neill - serwer WWW @ lighttpd, links, nano, rsyncd, sftpd | System: Debian
Go to the top of the page
+Quote Post
Lejto
post 10.07.2008, 20:36:24
Post #2





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

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


nie pomogę ci za bardzo ale podam link z menu w dhtml może tam znajdziesz odpowiedź
http://www.dynamicdrive.com/dynamicindex1/indexb.html
i
http://www.dynamicdrive.com/dynamicindex1/index.html


--------------------
Go to the top of the page
+Quote Post
Babcia@Stefa
post 10.07.2008, 20:42:13
Post #3





Grupa: Zarejestrowani
Postów: 654
Pomógł: 17
Dołączył: 19.03.2006
Skąd: z kosmosu ;)

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


Zawsze coś... dzięki Lejto, póki co wstrzymam się z wręczeniem tobie punktu "Pomógł" bo być może ktoś inny odpowie, a tak to będą omijać temat smile.gif

Dziękuję, Babcia@Stefa


--------------------
Środowisko testowe (desktop) - Gedit, lighttpd, sftp, rsync, xfce4-terminal, chromium, firefox4 | System: Gentoo ~x86
O'Neill - serwer WWW @ lighttpd, links, nano, rsyncd, sftpd | System: Debian
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 18.04.2024 - 08:23