JavaScript a href blokowanie Opcje

[grzegorz-gg]

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]

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

[grzegorz-gg]

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]

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]

(...) 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]

Czego tu nie rozumieć??(IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif)
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]

@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

<div id="foto_container"></div>
<a class="thickbox" rel="gallery-plants" title="foto" href="2.jpg"><src="images/2.jpg" /></a>

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

Ten post edytował angel2953 5.05.2008, 10:26:39