Hjælp til funktioner i jQuery
Hej.Jeg har siddet og rodet med jQuery i et stykke tid nu, men det har kun været småting. Jeg vil nu prøve at komme videre med det, og her kommer funktioner ind i billedet.
Jeg har sat en lille test op:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
<style type="text/css">
body { font: 11px/20px Verdana, Arial, Helvetica, sans-serif; }
.clm { width: 200px; float: left; }
#counter { font: 30px Georgia, "Times New Roman", Times, serif; color: #666; margin: 5px 0 0; }
a { color: #06C; }
</style>
<script type="text/javascript" src="http://www.google.com/jsapi"></script><script type="text/javascript">google.load("jquery", "1.3.2");</script>
<script type="text/javascript">
$(function(){
function getVal(){
// tja, hvad skal være her?
};
});
</script>
</head>
<body>
<div class="clm">
<ul>
<li><a href="java script:void(0);" onClick="getVal('1')">Val #1</a></li>
<li><a href="java script:void(0);" onClick="getVal('10')">Val #10</a></li>
<li><a href="java script:void(0);" onClick="getVal('100')">Val #100</a></li>
<li><a href="java script:void(0);" onClick="getVal('1000')">Val #1000</a></li>
</ul>
</div>
<div class="clm">
<div id="counter">1</div>
</div>
</body>
</html>
Hvordan skal funktionen se ud der henter værdien fra hvert enkelt anchor tag? Jeg vil også meget gerne læse mere om det, så i må også gerne smide et link til hvor jeg kan læse lidt på det.
Jeg er nybegynder indenfor javascript, så alt skal gerne forklares ;-)
På forhånd tak.