Zunächst: Achte drauf Java und JavaScript nicht zu verwechseln. Die haben mit einander nichts zu tun.
Zwei der wichtigensten Regeln von JavaScript sind:
1) Man muss wissen wann man JavaScript
nicht einsetzt. Das ist u.a. immer der Fall, wenn man es für etwas einsetzten will, was auch ohne JavaScript gemacht werden kann. Außerdem sollte man immer eine Webseite so gestalten, das es auch ohne JavaScript funktioniert.
2) Gutes JavaScript sollte immer auf gutes HTML/CSS aufsetzen. D.h. unter anderem das HTML und CSS zu
validieren.
In deinem Fall zunächst zum eigentlichen Fehler: Du kannst HTML und JavaScript nicht einfach mischen. JavaScript kann nur an drei Stellen verwendet werden.
a) In einer externen Datei, das mit einem Script-Element eingebunden wird:
Code:
<script type="text/javascript" src="meine-js-datei.js"></script>
b) Innerhalb eines Script-Elements:
Code:
<script type="text/javascript">
function klickeLink() {
document.location.author.href="autor.html";
}
</script>
c) In Event-Handler von HTML-Elementen:
Code:
<button type="button" onclick="document.location.author.href='autor.html';">
...
</button>
Jetzt zum zweiten Punkt: Ein Button (als Inline-Element) darf keine Block-Elemente (in deinem Fall ein P-Elemente) enthalten:
Code:
<button type="button" onclick="document.location.author.href='autor.html';">
<img src="steve_b.jpg" alt="Autor"> Autor
</button>
Jetzt zum ersten Punkt: Dazu gehört das "Links Links sein wollen":
http://www.cs.tut.fi/~jkorpela/www/links.html
Wenn Du trotzdem ein Button haben willst gibt es zwei bessere Lösungen. Entweder du nimmst einen normalen Link und benutzt CSS um es wie ein Button zu stylen:
Code:
<style type="text/css">
a {
border: 2px outset silver;
background-color: silver;
}
</style>
<a href="autor.html">
<img src="steve_b.jpg" alt="Autor"> Autor
</a>
Oder du benutzt einen Formular:
Code:
<form action="autor.html">
<button type="submit">
<img src="steve_b.jpg" alt="Autor"> Autor
</button>
</form>
Robin