Forum PHP.pl > JavaScript a href blokowanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: JavaScript a href blokowanie

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

grzegorz-gg

4.05.2008, 23:24:55

Witam!
W jaki sposób za pomocą JavaScript zablokować otwarcie w przeglądarce linku a zamiast tego uruchomić funkcje która np. utworzy div-a.
Chodzi mi o coś takiego jak w przypadku thickbox gdzie

[HTML] pobierz, plaintext 
<a class="thickbox" rel="gallery-plants" title="foto" href="2.jpg">
<src="images/2.jpg" />
</a>
[HTML] pobierz, plaintext

zamiast wyświetlać zdjęcie 2.jpg w przeglądarce uruchamiana jest funkcja która wyświetla ją w div-ie na tej samej stronie.

W jaki sposób zablokować wykonywanie tego co się znajduje w tag-u <a href=""></a>?

webdice

4.05.2008, 23:28:55

[HTML] pobierz, plaintext 
<a href="javascript:function ();">link</a>
[HTML] pobierz, plaintext

grzegorz-gg

4.05.2008, 23:36:27

Nie oto mi chodziło!!

Jak zablokować w tym przypadku
<a class="thickbox" rel="gallery-plants" title="foto" href="2.jpg"></a>
otwarcia zdjęcia 2.jpg w przeglądarce a uruchomienie jakieś funkcji która będzie uruchomiona np. z parametrem który znajduje się w href.

Chodzi mi oto żeby strona prawidłowo działała też gdy przeglądarką nie będzie miała włączonej JavaScript

Cezar708

4.05.2008, 23:41:57

a może o to Ci chodzi:

[HTML] pobierz, plaintext 
<a href="javascript:void(0);"> po klinięciu nic się nie stanie ;) </a>
[HTML] pobierz, plaintext

webdice

5.05.2008, 00:13:56

Cytat(grzegorz-gg @ 5.05.2008, 00:36:27 )

(...) Chodzi mi oto żeby strona prawidłowo działała też gdy przeglądarką nie będzie miała włączonej JavaScript

Chcesz napisać coś za pomocą JavaScript, co będzie działac gdy jest ono wyłączone? Napisz konkretnie co chcesz zrobić bo przeczytałem Twój posty kilkanaście razy i nie wiem o co Ci chodzi.

grzegorz-gg

5.05.2008, 00:29:18

Czego tu nie rozumieć??

Chodzi mi o takie samo działanie jak w dodatku thickbox.
Jak JavaScript jest włączona to zdjęcie otwiera się div-ie a jak nie to strona zostanie przeładowana i wyświetlone zostanie zdjęcie które podane jest w linku.

angel2953

5.05.2008, 10:03:02

@grzegorz-gg: wykorzystaj jquery. Coś w stylu:

kod js:

Kod

$(document).ready(function() {
  $("a.thickbox").click(function() {
    $("div#foto_container").html('<img src="this.href" alt="" />");
    return false;
  });
});

i html:

Kod

możesz jeszcze pokombinować z rozpoznawaniem jaki link został kliknięty i odpowiedni obrazek ładować.

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.