obsługa zdarzenia kliknięcia linku

Odpowiedz Nowy wątek
2012-07-24 13:33
Piotrek_łebmajster
0

witam

Tworzę stronę na joomli. Zaczełem teraz bawić się w dodawanie "fajerwerków". Chciałbym zrobić żeby:
po naciśnięciu któregoś linku:


<a href="link1.html>jakis link</a>
<a href="link2.html>jakis link2</a>
<a href="link3.html>jakis link3</a>

została wywołana jakaś funkcja ( np animacja zmieniająca przezroczystość strony ), a dopiero potem obsłużenie zdarzenie linku ( czyli przeładowanie strony ). chciałem napisać coś w stylu:

$('a').click( function(){najpierw animacja na głównym divie,     });

a potem chciałbym przechwycić, jaki adres został kliknięty i ten plik załadować ( czy link1.html, czy link2.html albo link3.html )
mam nadzieję że wystarczająco jasno opisałem sytuację

jeżeli ktoś będzie wstanie mi pomóc, będę bardzo wdzięczny!

Pozdrawiam
Piotrek

Taki "dodatek" będzie bardzo irytujący i co najwyżej stracisz potencjalnych odwiedzających... - Patryk27 2012-07-24 15:45

Pozostało 580 znaków

2012-07-24 15:32
0

Nie do końca rozumiem w czym masz problem, bo podany przez Ciebie sposób powinien działać prawidłowo. Dla podanego id:

<a id="link" href="http://google.pl">link</a>
$('#link').click(function() {
   alert('alalla');
});

Jak chcesz, żeby wszystkie linki zachowywały się tak samo, to wystarczy sam selektor

$('a')

tak jak napisałeś.
Chyba, że masz problem z napisaniem samej animacji. Polecam http://api.jquery.com/category/effects/ .

edit: Przeczytałem jeszcze raz i być może chodzi Ci o:

$('#link').click(function() {
   //na przyklad:
   $('#mojdiv').animate( /* opcje na http://api.jquery.com/animate/ */);
});
edytowany 2x, ostatnio: flay, 2012-07-24 15:36

Pozostało 580 znaków

2012-07-24 19:04
0

Jemu chodzi o:

$('a').click(function(){
  var that = this;
  $('#div').animate({top: 69, left: 666}, 500, function() {
    $(that).attr('href');
    if (href=='link1.html') {
      document.location.href = href;
    }
  });
  return false;
});

edytowany 1x, ostatnio: dzek69, 2012-07-24 19:04

Pozostało 580 znaków

2012-07-24 23:15
Piotrek_łebmajster
0
dzek69 napisał(a):

Jemu chodzi o:

$('a').click(function(){
var that = this;
$('#div').animate({top: 69, left: 666}, 500, function() {
$(that).attr('href');
if (href=='link1.html') {
document.location.href = href;
}
});
return false;
});

heh.. takie proste... :) dokładnie o to chodziło :) bardzo mocno dziękuję! :)

Pozdrawiam
Piotrek

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0