Alle Objekte einer Klasse sichtbar/ unsichtbar machen
Desert
- javascript
Wie schon im Titel zu sehen möchte ich alle Objekte einer Klasse sichtbar/ unsichtbar machen um mein Menü zu realisieren. Hab 1 Stunde Selfhtml gebügelt und nichts derartiges gefunden.
Hier mal der Quellcode:
------------------------------------------------------------------
<script src="menue_eintrag.js" type="text/javascript"></script>
<script language="JavaScript1.2">
var zae2;
var posh = -19;
var postli;
var Subclass = -1;
var Titelclass = -1;
//var klasMe;
function sehen(klasMe,object)
{
alert("Class: "+klasMe);
alert("Object: "+object);
//klasMe.style.visibility="visible";
//alert(object.style.visibility);
alert(object.style.visibility);
//object.style.visibility="visible";
}
function ramen(post,posl,vis,klas,Inh,Lin) //post= position von Oben (höhe 15px)
//posl= position von lings (breite 100px)
//vis = visibility : (hidden=unsichbar /visible=Sichbar);
//klas= Class (untermenue 1,2,..)
//Inh = Text (Beschriftung)
//Lin = Link
{
document.write("<div class="+klas+" onMouseOver="sehen(className,this)" style="color :#969BFE; visibility :"+vis+"; position:absolute; top:"+post+"px; left:"+posl+"px; width:100px; height:15px; background:black;border-bottom : 1px solid #0000C0; border-right : 1px solid #0000C0; border-left : 1px dotted #969BFE; border-top : 1px solid #4040FF; font : 13px/17px "Courier New", Courier, monospace; BACKGROUND: #1C1820;">");
document.write(" <a href=""+Lin+"" >"+Inh+"</a> </div>");
}
//ramen(1,1,"visible","Titel","Test");
//ramen(1,100,"visible","Sub1","Test2");
//ramen(1,200,"visible","Sub1","dito");
function main()
{
for(var zae1 = 0; zae1 <= menAnz-1; zae1=zae1+1)
{
//document.write("zae1 =" +zae1+"");
zae2=0;
postli=-99;
posh=posh+19;
while(menText[zae1][zae2]["titel"]!=00)
{
postli=postli+99;
Titelclass=Titelclass+1
//document.write("zae2 =" +zae2+"");
if (menText[zae1][zae2]["titel_link"]!=00)
{
if (zae2 == 1)
{
Subclass=Subclass+1
//document.write("Subclass =" +Subclass+"");
}
if (zae2 >= 1)
{
ramen(posh,postli,"hidden","SubTi"+Subclass,menText[zae1][zae2]["titel"],menText[zae1][zae2]["titel_link"]);
}
else
{
ramen(posh,postli,"visible","SubTi"+Titelclass,menText[zae1][zae2]["titel"],menText[zae1][zae2]["titel_link"]);
}
}
zae2=zae2+1;
}
}
}
</script>
<body>
.
.
.
.
<DIV id=waterMark style="LEFT: 1px; WIDTH: 800px; POSITION: absolute; TOP: 1px; HEIGHT: 600px" align=center>
<script language="JavaScript1.2">{main();}</script>
</DIV>
<SCRIPT language=JavaScript1.2>
<!--
markW = 1; // pixels wide
markH = 1; // pixels high
markX = 1; // percent right
markY = 1; // percent down
markRefresh = 1; // milliseconds
//-->
</script>
<script src="Watermark.js" type="text/javascript1.2"></script>
<SCRIPT language=JavaScript1.2>
<!--
window.onload=markMe;
//-->
</script>
</body>
</html>
Hallo,
Wie schon im Titel zu sehen möchte ich alle Objekte einer Klasse sichtbar/ unsichtbar machen um mein Menü zu realisieren. Hab 1 Stunde Selfhtml gebügelt und nichts derartiges gefunden.
Wie waere es mit getElementsByClassName(), siehe: http://www.styleassistant.de/tips/tip100.htm.
MfG, Thomas