Schnuckenpapa
New member
Hallo und guten Abend,
ich bin's schon wieder mit einer Frage:
Die in den Buttons links genannten div's sind derzeit alle "display=none".
Beim Anklicken wird das entsprechende div auf "display=block" und somit im div "in2" sichtbar gesetzt.
Kann ich diese auch ohne bzw. bei ausgeschaltetem JS erreichen und wenn ja wie?
Danke und Grüsse
vom Schnuckenpapa
ich bin's schon wieder mit einer Frage:
Code:
<!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">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Forumfrage</title>
<style type="text/css">
body
{margin:0px auto;background-color:#FFFFFF;font-family:'Times New Roman',Times,serif;color:#663300;}
#inhalt
{width:900px;height:730px;margin:auto;border:1px solid black;}
#in1
{width:710px;height:81px;margin:auto;border:0px solid blue; text-align:center;background-color:green}
#in2
{width:690px;height:438px;float:left; margin-top:20px;border:10px double #663300;font-size:0.9em;font-weight:bold;background-color:#CC9966;
overflow:scroll;}
#in3
{width:85px; height:455px; border: 0px solid green; float:left; margin-top:20px; margin-right:10px; background-color:green;}
#butt
{width:697px;height:72px;margin:auto; border:0px solid black;padding-left:13px;background-color:blue}
#inx
{width:800px;height:80px;border:0px solid blue;text-align:center;font-size:1em;clear:left;margin-left:50px;font-weight:bold;color:#FFFFFF;background-color:cyan;}
#in4
{width:85px; height:455px; border: 0px solid green; float:left; margin-top:20px; margin-left:10px; background-color:yellow;}
a.navli:link,a.navli:visited,a.navli:focus,a.navli:active
{display:block;
font-size:1em;
font-weight:bold;
font-style:italic;
color:#FFFFFF;
float:left;
height:56px;
width:85px;
margin:0px 0px 8px 0px;
line-height:28px;
text-decoration:none;
text-align:center;
background-color:red;
background-repeat: no-repeat;}
a.navli:hover
{text-decoration:underline;
color:#FFFF00;
background-color:red;
background-repeat: no-repeat;}
.pb
{margin:0px; font-size:0.9em; text-align:center; color:#000000; font-weight:bold;}
</style>
<script type="text/javascript">
function zu(x,y,z)
{document.getElementById(x).style.display='none';
document.getElementById(y).style.display='none';
document.getElementById(z).style.display='none';}
function auf(id)
{document.getElementById(id).style.display='block';}
</script>
</head>
<body>
<div id="inhalt">
<div id="in1" style="background-color:green"></div>
<div id="butt" style="background-color:blue"></div>
<div id="in3">
<a href="" class="navli" onclick="zu('in2b','in2c','in2d');auf('in2a');return false;">in2a<br></a>
<a href="" class="navli" onclick="zu('in2a','in2c','in2d');auf('in2b');return false;">in2b<br></a>
<a href="" class="navli" onclick="zu('in2a','in2b','in2d');auf('in2c');return false;">in2c<br></a>
<a href="" class="navli" onclick="zu('in2a','in2b','in2c');auf('in2d');return false;">in2d<br></a>
</div>
<div id="in2">
<div id="in2a" style="width:670px; height:115px; float:left; background-color:red; display:none;"></div>
<div id="in2b" style="width:670px; height:115px; float:left; background-color:yellow; display:none;"></div>
<div id="in2c" style="width:670px; height:115px; float:left; background-color:green; display:none;"></div>
<div id="in2d" style="width:670px; height:115px; float:left; background-color:purple; display:none;"></div>
</div>
<div id="in4"></div>
<div id="inx"style="padding-top:10px;">
<hr class="linie_2">
<p style="margin:0;"></p>
</div>
</div>
</body>
</html>Die in den Buttons links genannten div's sind derzeit alle "display=none".
Beim Anklicken wird das entsprechende div auf "display=block" und somit im div "in2" sichtbar gesetzt.
Kann ich diese auch ohne bzw. bei ausgeschaltetem JS erreichen und wenn ja wie?
Danke und Grüsse
vom Schnuckenpapa