Problem mit getElementsByName

Bandit

Ich werde wohl immer mit JavaScript auf Kriegsfuß stehen.

HTML-Code:

Code

<p class="gallery slideb" style="background:url(2_1.jpg)" onclick="setPictureVisible('slideb')">
  <span  name="slideb">
   <img src="2_2.jpg" alt="" title="" />
  </span>
</p>

JavaScript:

Code

function setPictureVisible(name)
{
  document.getElementsByName(name)[0].style.visibility='visible';
}

Jetzt hatte ich die Hoffung, dass ich mit setPictureVisible('slideb') das Element sichbar schalten könnte. Leider funktioniert das aber nicht, statt dessen bekomme ich die Fehlermeldung:

Zitat

document.getElementsByName(...).0.style ist Null oder kein Objekt

Wäre für einen hilfreichen Tipp dankbar.

Gruß
bandit

synaptic

also das is in der tat definitiv arg suspekt...
wenn man zB checkboxes nimmt (auch wenns nur eine einzige wäre) dann klappt getElementsByName() wunderbar.

aber bei deinem beispiel mal gar nicht... wieso ist mir noch immer ein rätsel.. hab seit 11:10 getestet...

willst du immer nur ein objekt bearbeiten, vergib dem objekt eine id, dieselbe id wie der name und hol dir das objekt mit getElementById("Deine_ID")

hier mal dafür ein beispiel, was die sichtbarkeit an und ausschalten kann:

HTML

<!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="en" lang="en">




<head>
    <title>toggle visibility</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    function togglePictureVisibility(name){
var target = document.getElementById(name);
    switch(target.style.visibility){
         case "visible":
                target.style.visibility="hidden";
         break;
         case "hidden":
                target.style.visibility="visible";            
         break;
         default:
         target.style.visibility="hidden";
         break;
    }


}
    </script>
</head>


<body>
<p class="gallery slideb" style="background:#333333;" onclick="togglePictureVisibility('slideb');">
  <span name="slideb" id="slideb">
   <img src="http://home.arcor.de/synaptic/g15.jpg" alt="" title="" />
  </span>
</p>






</body>
</html>

Alles anzeigen

Bandit

Erst mal danke, nach langem rumexperimentieren habe ich auch rausgefunden, dass getElementsByName nicht, aber getElementById funktioniert, warum auch immer. Ich werde mal deine Funktion ausprobieren, vielleicht funktioniert es dann bei mir so, wie ich es gerne möchte.

Tags