Hallo,
ich habe folgende Javascript Funktion definiert, die jeweils die
Hintergrundfarbe des Buttons wechselt:
Hi Thomas, mit den CSS-Klassen habe ich noch nicht verstanden.
Wenn ich den Button mit folgenden CSS Angaben formatieren will:
<button type="button" name="b" onclick="toggle(this,
this.form.elements.b);">Lösung 1</button>
<button type="button" name="b" onclick="toggle(this,
this.form.elements.b);">Lösung 2</button>
<button type="button" name="b" onclick="toggle(this,
this.form.elements.b);">Lösung 3</button>
</form>
function toggle(currentButton, buttons) {
for (var i = 0, l = buttons.length; i < l; i++) {
if (buttons[i] === currentButton)
{
buttons[i].style.backgroundColor = '#ffb900';
}
else
{
buttons[i].style.backgroundColor = '';
}
}
}
Wenn ich die Buttons aber per CSS definierne möchte, z.B. mit
folgender Definition:
.button_on {
padding:0;
margin:0;
border:none;
font-size:10px;
background: url(../images/button_bg_on.gif) no-repeat center;
color: #AE0000;
height:19px;
width:70px;
/*
width:110px; < - Breitenangabe für die Längere Version
*/
}
.button_off {
padding:0;
margin:0;
border:none;
font-size:10px;
background: url(../images/button_bg_off.gif) no-repeat center;
color: #AE0000;
height:19px;
width:70px;
/*
width:110px; < - Breitenangabe für die Längere Version
*/
}
Wie kann ich im Javascript oben jeweils die passenden CSS Klasse
aufrufen und do die Buttons entsprechend definieren ?
Vielen Dank
Jan
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
