Pascal: Mehre Bilder ansprechen

Beitrag lesen

SELF-Forum

Mehre Bilder ansprechen

Pascal
– Informationen zu den Bewertungsregeln

Hallo,

allPics = document.getElementsByTagName("img");
for (i=0;i<allPics.length;i++) {
allPics[i].onclick = function () {
    alert("hallo");
    alert(this.src);
  }
}


> (ungetestet)  
>   
> wäre vielleicht ein Ansatz?  
>   
> Gruß  
>   
> jobo  

Vorab:  
Also lösungs vorschlag eins funktioniert nicht.(code s.unten)  
  
Ja sowas sagt mir schon eher zu!  
Werde es mit "TagName" gleich mal ausprobieren!  
  
Kleine neben Frage,  
ich bin noch relativ frisch was das thema javascript betrifft und  
als ich php gelernt habe war die error funktion mein bester freund :)!  
Sowas in die richtung vermisse ich bei JavaScript vorallem hat auch noch  
fast alles die gleiche farbe. Da der js syntax highlighter selbst hier im forum mehr farbliche trennung hat, is wohl pspad bezüglich javascript  
schrott!  
Bin kein Fan vom dreamweaver.  
Vieleicht könnt ihr mir einen JsNoob sicheren Editor empfehlen?  
  
Danke für die eure mühe und zeit ;)  
  
Hab den code etwas übersichtlicher gestalltet und den ersten lösungs ansatz  
mit eingebaut, der >so< leider nicht funktioniert hat:  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
<head>  
 <title> ++++++ IMG ZooM JS +++++</title>  
  
  
<SCRIPT TYPE="text/javascript">  
  
var anzahl = "3";  
  
function findDOM(objectId) {if (document.getElementById) {return (document.getElementById(objectId));}if (document.all) {return (document.all[objectId]);}}  
  
function zoom(type,imgx,sz)  
{  
imgd = findDOM(imgx);  
for (var bildNR = 1;bildNR <= anzahl;++bildNR)  
  {  
  
  imgd = findDOM(imgx);  
  
  if (type=="+") {imgd.width += 2;imgd.height += (2\*sz);}  
  if (type=="-") {imgd.width -= 2;imgd.height -= (2\*sz);}  
  }  
}  
  
</script>  
</head>  
<body>  
  
<img id="nr1" alt="" src="../bilder/Wasserlilien.jpg" width="66" height="92">  
<img id="nr2" alt="" src="../bilder/Wasserlilien.jpg" width="66" height="92">  
<img id="nr3" alt="" src="../bilder/Wasserlilien.jpg" width="66" height="92">  
  
<a href="#" onclick="zoom('-',(bildNR),92/66)">Smaller</a>  
|  
<a href="#" onclick="zoom('+',(bildNR),92/66)">Bigger</a>  
  
  
  
<SCRIPT TYPE="text/javascript">  
document.write("Variable bildNR:" + bildNR);  
document.write("Variable anzahl:" + anzahl);  
</script>  
  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln