Archief - js: linkkleuren opmaken mbv JS/css

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

traxman

Legacy Member
Ik zou nog moeten maken dat ik een active link kan hebben, maar dat lukt voorlopig niet, kan iemand mij helpen???


Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration: none;}
.toolbar{ background-color:#666666;}
</style>

<script language="javascript">

function linkOn(currentLink, cell) {
	currentLink.style.color = "#990000";
	currentLink.style.fontWeight = "bold";
	currentLink.style.textDecoration = "underline";
	
	var currentCell = document.getElementById(cell);
	currentCell.style.backgroundColor = "#CCCCCC";
	}
	

function linkOff(currentLink, cell) {
	currentLink.style.color = "#FFFFFF";
	currentLink.style.fontWeight = "normal";
	currentLink.style.textDecoration = "none";

	var currentCell = document.getElementById(cell);
	currentCell.style.backgroundColor = "#666666";
	}
	
function linkAct(currentLink, cell) {
	currentLink.style.color = "#F6F6F6";
	currentLink.style.fontWeight = "bold";
	currentLink.style.textDecoration = "none";

	var currentCell = document.getElementById(cell);
	currentCell.style.backgroundColor = "#FFFFFF";
	}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="600" border="0" cellpadding="3" cellspacing="0">
<tr align="center">
<td class="toolbar" id="news" width="120">
<a href="javascript:linkAct(currentLink, cell);" onMouseOver="linkOn(this, 'news');" onMouseOut="linkOff(this, 'news');" onClick="linkAct(this, 'news')">News</a>
</td>
</tr>

</table>
</body>
</html>

Kan iemand mij helpen,

alvast bedankt.

Lashknife

Legacy Member
DarkBone zei:
onmousedown ?
onmouseup, want met een onmousedown kan je er eigenlijk nog afschuiven en zo de actie tegenhouden, het is eigenlijk de up die bepaalt dat de klik uitgevoert wordt...

nuja, discussie over eigenlijk :) want je zou moeten vaststellen dat zowel de mousedown als de mouseup op hetzelfde element toegepast worden en dat zou overeen komen met "click"

dus na mijn eigen uitleg... neem toch maar mousedown, want mouseup zal click geven :crazy:

CyBeRRaT

Legacy Member
gewoon uit nieuwsschierigheid: waarom maak bepaal je je linkkleuren niet gewoon via css?
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan