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>?

[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