✔ CSS Klasse wechseln

Victory · 2. Juli 2007

Tach Leute!

Ich brauch ma wieder eure Hilfe... Ich hatte so n mieses Wochenende, dann kommt man ins Büro und da gehts nich grad toller

Ich sitze jetzt 1.5h an wahrscheinlich nix grossem.

Ich versuche auf onClick die CSS-Klasse eines Links zu wechseln (damit sich Farbe usw. ändert).

Zu Testzwecken hab ich das jetzt direkt mal beim Seitenaufruf eingetragen, das onClick sollte ich schon noch hinkreigen...

Zum testen gleich mal so in den JS Bereich eingetragen:

Code:

<script language="JavaScript" type="text/JavaScript">
<!--

document.getElementById('werbung').className="whites";

//-->
</script>

Der Link, dessen Klasse geändert werden soll:

Code:

    <a href="#" onClick="//ajax effekt" id="werbung">werbung</a>

Die Klasse "whites" wird so nicht übernommen. Wenn ich aber am Ende des Links class="whites" hinmache, dann wird die Klasse gewählt.

Also das Einbinden an und für sich haut hin...

Ich dreh' durch, kann doch nich so schwer sein!?

Danke für eure Hilfe

Maik · 2. Juli 2007

Hi,

versuch es mal mit einem Funktionsaufruf:

Code:

function setCSS () {
document.getElementById('werbung').className="whites";
}

Code:

<a href="#" onclick="setCSS()" id="werbung">werbung</a>

Victory · 2. Juli 2007

Hi!

Vielen Dank für deine Anwort!

Also wenn ich ein neues HTML-File mache und da deinen Code eintrage, gehts einwandfrei.

Ich bastel mal weiter dran... Aber hier mal der ganze Code Seite, evtl. fällt noch was auf:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="css/layout_css.css" rel="stylesheet" type="text/css">
<link href="css/windows.css" rel="stylesheet" type="text/css"> <!-- MacOSX-Style -->
<script src="js/lib/prototype.js" type="text/JavaScript"></script>
<script src="js/src/scriptaculous.js" type="text/JavaScript"></script>
<script src="js/lib/window.js" type="text/JavaScript"></script>
<script language="JavaScript" type="text/JavaScript">

<!--


function win_logos(){

var win = new Window({className: "dialog", width:600, height:400, zIndex: 100, resizable: true, title: "Logos / Signete", showEffect:Effect.BlindDown, hideEffect: Effect.SwitchOff, draggable:true, wiredDrag: false})
win.getContent().innerHTML= "<object classid='CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000' width='600' height='400' codebase='http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0'><param name='movie' value='http://www.airtightinteractive.com/photos/viewer.swf'><param name='quality' value='high'><param name='scale' value='exactfit'><param name='menu' value='true'><param name='bgcolor' value='#000040'><embed src='http://www.airtightinteractive.com/photos/viewer.swf' quality='high' scale='exactfit' menu='false' bgcolor='#000000' width='600' height='400' swLiveConnect='false' type='application/x-shockwave-flash' pluginspage='http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash'></embed> </object>";
win.setStatusBar("&copy; wolfgang pawlik");
win.showCenter();
} 



function setCSS () {
document.getElementById('werbung').className="whites";
}

//-->
</script>




</head>

<body>



<div id="main" align="left"> 
  <div id="menue" align="left"> <a href="#" onClick="win_logos();">logos / signete</a> <br>
  
  
    <a href="#" onClick="setCSS" id="werbung">werbung</a><br>
	
	
	
    <a href="#" onClick="win_internet();">internet</a> </div>
	
 <div id="list_werbung" style="display:none;" align="left"> 
  <a href="http://www.ch" target="_blank">link</a> <br>
  <a href="http://www.ch" target="_blank">link</a> <br>
  <a href="http://www.co.uk" target="_blank">link</a> <br>
  <a href="http://www.ch" target="_blank">link</a> <br>
  <a href="http://www.ch/" target="_blank">link</a> <br>
  <a href="http://www.com/" target="_blank">link</a> <br>
  <a href="http://www.ch/" target="_blank">link</a> <br>
  <a href="http://www.com/" target="_blank">link</a> <br>
  <a href="#">diverse</a>
  </div>
  
  <div id="rechts" align="left"><a href="index.htm">home</a></div>
  
</div>



</body>
</html>



CSS-Klasse:

a.whites:link, a.whites:active, a.whites:visited{
	color:white;

}

Auch wenn ich die Funktion win_logos() entferne, ändert sich nichts

Edit: Ich bin halt so bekloppt

onClick="setCSS" sollte evtl. durch onClick="setCSS();" ersetzt werden!

Nochmals Danke für die Hilfe, Problem gelöst!

✔ CSS Klasse wechseln

Victory

Grünschnabel

Maik

Victory

Grünschnabel

Neue Beiträge