Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

[JS] zet img src in hyperlink

Pagina: 1
Acties:
  • 218 views

  • RichieSD
  • Registratie: Juli 2004
  • Laatst online: 21-02 14:31
Wil met volgende JS code een hyperlink creëren die die uit de src moet halen
code:
1
<a href="javascript:location.href=this.getElementsByTagName('img').src"><img src="plaatje.jpg" /></a>


helaas werkt het niet...

  • pieturp
  • Registratie: April 2004
  • Laatst online: 26-11 02:54

pieturp

gaffa!

het is ook "getElementsByTagName"; het geeft dus ook een array terug ;)
document.getElementsByTagName('img')[0].src geeft van 't eerste image element het src attribuut.

... en etcetera en zo


  • DanielG
  • Registratie: Oktober 2005
  • Laatst online: 08-09 15:36

DanielG

i = 0x5f3759df - (i>>1); ☠₧ℳ🀪❣

Returns a list of elements with the given tag name. The subtree underneath the specified element is searched, excluding the element itself.
<a href="javascript:..> is trouwens niet echt wenselijk tegenwoordig.

http://xyproblem.info/


  • Guillome
  • Registratie: Januari 2001
  • Niet online

Guillome

test

Waarom niet? Zie je overal en werkt prima.
Overigens is JQuery hier heel geschikt voor, en anders zou ik DOM gebruiken (.childNodes[0] oid).
Met jquery: "location.href=$(this).find(">img").attr("src");

If then else matters! - I5 12600KF, Asus Tuf GT501, Asus Tuf OC 3080, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router


  • 418O2
  • Registratie: November 2001
  • Laatst online: 20:44
eh

code:
1
$('img').onclick(function() { location.href = $(this).attr('src'); });

of zet er een selector in ( class="extLinkImg" ) oid...

[ Voor 24% gewijzigd door 418O2 op 19-09-2010 23:34 ]


Verwijderd

Even kijken hoor. Op het moment dat de HTML gegenereerd wordt is toch bekend welk plaatje er in de img tag gebruikt gaat worden? Dan kun je dat toch net zo goed direct in de HTML zetten?

Maar goed, als het toch echt anders moet:
HTML:
1
<a href="#doemaarwat" onclick="location.href = this.firstChild.src; return false;"><img src="bla.gif"></a>

of omdat de <a href> dan bijna onzinnig is:
HTML:
1
<img src="bla.gif" onclick="location.href = this.src;">

Liever dus gewoon:
HTML:
1
<a href="bla.gif"><img src="bla.gif"></a>

Maar ik zie het nut eigenlijk niet van linken naar een resource die al geëmbed wordt.

[ Voor 10% gewijzigd door Verwijderd op 19-09-2010 23:36 ]


  • MueR
  • Registratie: Januari 2004
  • Laatst online: 12:23

MueR

Admin Devschuur® & Discord

is niet lief

Och wat jammer. Dan moet je gaan debuggen, uitzoeken waar het probleem zit en je code daarop aanpassen. We zijn hier geen quickfix helpdesk. Scriptrequests hebben we een broertje dood aan. Ik had eigenlijk gehoopt dat ik je niet nogmaals zou moeten vertellen dat we hier meer inzet verwachten.

[ Voor 19% gewijzigd door MueR op 20-09-2010 09:28 ]

Anyone who gets in between me and my morning coffee should be insecure.

Pagina: 1

Dit topic is gesloten.