"Zaznaczenie" elementu pod myszką

Thread View: pl.comp.lang.javascript

3 messages

[T] Back to Threads [V] Tree View [G] Group Articles

3 total messages Started by max Tue, 15 Sep 2009 12:55

#49332

Author: max
Date: Tue, 15 Sep 2009 12:55

20 lines
1517 bytes

Dostało mi się zresztą słusznie na pl.comp.lang.php
wiec tutaj przenoszę pytanie jako bardziej odpowiednie miejsce.


Chodzi mi o uzyskanie efektu takiego jak np. w firebug
w momencie kiedy wybierzemy "Wskaż elementy strony aby zbadać"
lub w plugin "devel" do drupal kiedy zaznaczamy elementy na stronie.

Przesuwamy myszkę po stronie i zaznaczane są elementy które znajdują sie 
pod myszką.

Jak coś takiego zrobić ?
Z czego by to najłatwiej ściągnąć ?
Najlepiej jak by wykorzystywało jquery

Problem można rozbić na kilka pod problemów:
-jak znaleźć obiekt znajdujący sie pod myszą, zdarzenie wykonywane 
podczas najechania na obiekt
-jak zmodyfikować obiekt aby było widoczne zaznaczenie (to już wiem jak 
sie robi w jquery)

Re: "Zaznaczenie" elementu pod myszką

#49333

Author: WRonX
Date: Tue, 15 Sep 2009 13:58

20 lines
1632 bytes

max pisze:

> Chodzi mi o uzyskanie efektu takiego jak np. w firebug
> w momencie kiedy wybierzemy "Wskaż elementy strony aby zbadać"
> lub w plugin "devel" do drupal kiedy zaznaczamy elementy na stronie.

strzelam, pewnie nie mam racji, ale bym pokombinowal w te strone :)

$("*").mouseover(function()
{
   $(this).css("border", "1px solid #f00");
});


Pozdrawiam.
-- 
[= WRonX =] [= WRonX@-CUT-WRonX.NET =] [= http://WRonX.NET =]
[= GCS/CC d->++ s+:- a- C++++$ U P>++ L+ !E W+++$ N++(+++) =]
[= !o--  K-? w++$ !O !M- !V-- PS+ PE !Y !PGP !t !5 X++ R++ =]
[= tv+   b+++  DI++   D+   G+  e+++  h--->----   r+++   y? =]

Re: "Zaznaczenie" elementu pod myszką

#49334

Author: max
Date: Tue, 15 Sep 2009 19:25

32 lines
1777 bytes

WRonX pisze:
> max pisze:
> 
>> Chodzi mi o uzyskanie efektu takiego jak np. w firebug
>> w momencie kiedy wybierzemy "Wskaż elementy strony aby zbadać"
>> lub w plugin "devel" do drupal kiedy zaznaczamy elementy na stronie.
> 
> strzelam, pewnie nie mam racji, ale bym pokombinowal w te strone :)
> 
> $("*").mouseover(function()
> {
>   $(this).css("border", "1px solid #f00");
> });
> 
> 
> Pozdrawiam.

w sumie bardzo odobne znalazłem tutaj
http://docs.jquery.com/Events/click

     $("p").click(function () {
       $(this).slideUp();
     });
     $("p").hover(function () {
       $(this).addClass("hilite");
     }, function () {
       $(this).removeClass("hilite");
     });

mamy zdarzenie gdy najadą myszką na obiekt
gdy wyjde poza obszar oraz gdy kliknę
Wiecej mi nie trzeba

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads