Avatar billede ss Nybegynder
06. juni 2006 - 22:19 Der er 8 kommentarer og
1 løsning

Finde IMG-tag inde i A-tag

Hej,
Jeg vil gerne spørge hvordan jeg finder et IMG-tag inde i et A-tag.

fx:
<a href="#" OnClick="">
<img src="x">
</a>

Så vil jeg gerne OnClick på linket, kunne tilgå billedet og dets styles osv.

Hverken A eller IMG må indeholde id, name eller andre ting til identifikation.

Løsningen skal virke i både IE og FF

Jeg var lidt inde på childNodes, men da jeg ikke rigtig ved hvordan det fungerer kunne jeg ikke få det til at virke i FF.

Nogle der kan hjælpe?
På forhånd tak!
Avatar billede elskermad.dk Nybegynder
06. juni 2006 - 22:50 #1
"Så vil jeg gerne OnClick på linket, kunne tilgå billedet og dets styles osv."

Det forstår jeg ikke...
Avatar billede mclemens Nybegynder
06. juni 2006 - 23:01 #2
Noget i denne stil?


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
window.onload=function(){findaimgs();}

function findaimgs(){
aimgs=document.getElementsByTagName("a");
for(i=0;i<aimgs.length;i++){

  if((aimgs[i].id=="")&&(aimgs[i].name=="")&&(aimgs[i].className=="")){

  aimg=aimgs[i].getElementsByTagName("img");
  for(i2=0;i2<aimg.length;i2++){

    if((aimg[i2].id=="")&&(aimg[i2].name=="")&&(aimg[i2].className=="")){

    imgmanipulate(aimg[i2]);
    linkmanipulate(aimgs[i]);

    }

  }

  }

}
}

function imgmanipulate(tn){
tn.style.marginLeft="200px";
}

function linkmanipulate(tn){
tn.style.float="right";
}

</script>

</head><body>

<a href="#"><img src="b1.jpg"></a><br>
<a href="#"><img src="b1.jpg"></a><br>
<a href="#"><img src="b1.jpg"></a><br><br><br>

Niks pille ved mine links:<br>
<a href="#"><img src="b1.jpg" id="test"></a><br>
<a href="#"><img src="b1.jpg" class="niks"></a><br>
<a href="#"><img src="b1.jpg" name="pille"></a><br>

<a href="#" id="test"><img src="b1.jpg"></a><br>
<a href="#" class="niks"><img src="b1.jpg"></a><br>
<a href="#" name="pille"><img src="b1.jpg"></a><br>

</body></html>
Avatar billede mclemens Nybegynder
06. juni 2006 - 23:02 #3
Slet evt. linkmanipulate kald og funktion ...
Avatar billede mclemens Nybegynder
06. juni 2006 - 23:06 #4
hov, glemte onclick...
- tror jeg misforstod det :D
Avatar billede mclemens Nybegynder
06. juni 2006 - 23:10 #5
Nu jeg er igang så tager jeg lige en anden udgave med samme funktion...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

function findaimgs(tmpn){
if((tmpn.id=="")&&(tmpn.name=="")&&(tmpn.className=="")){

  aimg=tmpn.getElementsByTagName("img");
  for(i2=0;i2<aimg.length;i2++){

  if((aimg[i2].id=="")&&(aimg[i2].name=="")&&(aimg[i2].className=="")){

    imgmanipulate(aimg[i2]);

  }

  }

}
}

function imgmanipulate(tn){
tn.style.marginLeft="200px";
}

</script>

</head><body>

<a href="#" onclick="findaimgs(this);"><img src="b1.jpg"></a><br>
<a href="#" onclick="findaimgs(this);"><img src="b1.jpg"></a><br>
<a href="#" onclick="findaimgs(this);"><img src="b1.jpg"></a><br><br><br>

Niks pille ved mine links:<br>
<a href="#" onclick="findaimgs(this);"><img src="b1.jpg" id="test"></a><br>
<a href="#" onclick="findaimgs(this);"><img src="b1.jpg" class="niks"></a><br>
<a href="#" onclick="findaimgs(this);"><img src="b1.jpg" name="pille"></a><br>

<a href="#" id="test" onclick="findaimgs(this);"><img src="b1.jpg"></a><br>
<a href="#" class="niks" onclick="findaimgs(this);"><img src="b1.jpg"></a><br>
<a href="#" name="pille" onclick="findaimgs(this);"><img src="b1.jpg"></a><br>

</body></html>
Avatar billede ss Nybegynder
07. juni 2006 - 07:33 #6
Mclemens, det virker fantastisk!!
Svid et svar og pointene er dine!
Avatar billede mclemens Nybegynder
07. juni 2006 - 08:15 #7
Super, her er et svar :)
Avatar billede mclemens Nybegynder
07. juni 2006 - 08:45 #8
P.s.: Denne del:

  aimg=tmpn.getElementsByTagName("img");
  for(i2=0;i2<aimg.length;i2++){

  if((aimg[i2].id=="")&&(aimg[i2].name=="")&&(aimg[i2].className=="")){

    imgmanipulate(aimg[i2]);

  }


- Kan sikkert forkortes til dette:
(det er jo egentlig ikke så tit at der er
mere end et billede under en a href...)

aimg=tmpn.getElementsByTagName("img")[0];
if((aimg.id=="")&&(aimg.name=="")&&(aimg.className==""))imgmanipulate(aimg);
Avatar billede mclemens Nybegynder
07. juni 2006 - 16:46 #9
- og tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester