java activ button

fireedit

Grünschnabel
Hallo, ich bin gerade dran mich etwas in Java einzuarbeiten aber i-wie scheint es mir nicht ganz logisch was java mir ausgibt. ALSO ich habe es hinbekommen layer ein und auszublenden und nun will ich das der button des aktiven layer immer vorgehoben wird (das bekomm ich auch noch hin) nur lässt es sich nicht mehr rückgängig machen. Hier der Code für einen button:

Javascript:
function sieben(){
document.getElementById('content1').style.display = 'none';
document.getElementById('content2').style.display = 'none';
document.getElementById('content3').style.display = 'none';
document.getElementById('content4').style.display = 'none';
document.getElementById('content5').style.display = 'none';
document.getElementById('content6').style.display = 'none';
document.getElementById('content7').style.display = 'block';
if(document.getElementById('content7').style.display == 'block') {
	document.getElementById('bo').id = 'onlink7';
	} else {
document.getElementById('onlink7').id = 'bo';
}
}

wie gesagt an bekomm ich den "onlink button" nur aus nicht...warum?
Höffe jemand kann mir helfen

MfG
Fire
 
Zuletzt bearbeitet von einem Moderator:
Java <> JavaScript Das nur noch so nebenher.

Was verstehst du unter vorgehoben?

Davon mal ganz abgesehen ist der Code irgendwie merkwürdig.

Du setzt die Eigenschaft für "content7" und in der nächsten Zeile prüfst du diese Eigenschaft!? Das kannst du dir ja eigentlich sparen.

Erkläre mal bitte genauer was du machen willst und setzte beim nächsten Mal bitte auch deinen Code in die entsprechenden Codetags.
 
es gibt buttons und mit den buttons aktivirt man immer ein layer. Nun soll der Button des aktiven layers hervorgehoben werden.

ABER habe das Problem inzwischen gelöst bekommen. Dank dir denn du hast es i-wie geschafft mir einen schubs in die richtige richtung zu geben.

MfG
Fire
 
Keine Ahnung wie du es jetzt gelöst hast aber so könnte es zum Beispiel gehen (auch wenn es keine Buttons sind):

HTML:
<style type="text/css">
    .normal{
		color:  #555555;
		font-weight: normal;
	}
	.aktiv{
		color: #FF0000;
		font-weight: bolder;
	}
</style>
<script language="javascript" type="text/javascript">

function ein (nummer){
	for (a = 0; a < 5; a++){
		document.getElementsByTagName("div")[a].style.display = "none";
		document.getElementById(a).className = "normal";
	}
	document.getElementsByTagName("div")[nummer].style.display = "block";
	document.getElementById(nummer).className = "aktiv";
}

</script>

<div style="border-style: solid; display: none;">Rahmen 1</div>
<br />
<div style="border-style: solid; display: none;">Rahmen 2</div>
<br />
<div style="border-style: solid; display: none;">Rahmen 3</div>
<br />
<div style="border-style: solid; display: none;">Rahmen 4</div>
<br />
<div style="border-style: solid; display: none;">Rahmen 5</div>
<br />
<br />
<a href="#" onclick="ein(0);" id="0" class="normal">1 Einschalten</a>
<br />
<a href="#" onclick="ein(1);" id="1" class="normal">2 Einschalten</a>
<br />
<a href="#" onclick="ein(2);" id="2" class="normal">3 Einschalten</a>
<br />
<a href="#" onclick="ein(3);" id="3" class="normal">4 Einschalten</a>
<br />
<a href="#" onclick="ein(4);" id="4" class="normal">5 Einschalten</a>

Zeige oder beschreibe doch mal deine Lösung. Könnte ja mal wieder jemand interessieren!
 
hey sorry das ich mich so spät melde...hatte urlaub^^
Hier der Code (weiß nach wie vor nicht wie ich den in den kasten bring sorry!!):
Javascript:
function eins(){
document.getElementById('content1').style.display = 'block';
document.getElementById('content2').style.display = 'none';
document.getElementById('content3').style.display = 'none';
document.getElementById('content4').style.display = 'none';
document.getElementById('content5').style.display = 'none';
document.getElementById('content6').style.display = 'none';
document.getElementById('content7').style.display = 'none';
document.getElementById('fa').id = 'onlink1';

if (document.getElementById('onlink2')){
	document.getElementById('onlink2').id = 'um';
} else if (document.getElementById('onlink3')){
	document.getElementById('onlink3').id = 'au';
} else if (document.getElementById('onlink4')){
	document.getElementById('onlink4').id = 'fi';
} else if (document.getElementById('onlink5')){
	document.getElementById('onlink5').id = 'bi';
} else if (document.getElementById('onlink6')){
	document.getElementById('onlink6').id = 'be';
} else if (document.getElementById('onlink7')){
	document.getElementById('onlink7').id = 'bo';
}
 
Zuletzt bearbeitet von einem Moderator:
Zurück