Schaltfläche

tachu

[FONT=&amp]Hallo,
diese Zeile stellt einen link dar, der auf die eingetragene URL zeigt. Sie stellt keine Schaltfläche dar:
[/FONT]

HTML

<a href="https://www.example.com" class="button--style-red">Nachste Seite</a>

[FONT=&amp]Diese Zeile stellt eine Schaltfläche dar. Sie zeigt aber nicht auf die eingetragene URL.
[/FONT]

HTML

<INPUT  type="button" onclick="document.location.href('https://www.example.com');" name="btnName" value="   Naechste Seite  ">

[FONT=&amp]Wie muss der code verändert werden, so dass die Schaltfläche beim Anklicken auf die eingetragene URL zeigt?
[/FONT]
[FONT=&amp]Ausserdem würde ich gerne wiessen wie man im code für die Schaltfläche die absolute URL durch eine relative Pfadangabe, wie z.B. a/mypage.html, ersetzen kann.

Tachu
[/FONT]
[FONT=&amp]
[/FONT]

djheke

Wenn dein Link aussehen soll wie ein Button, könntest Du es so machen. Nur ein simples Beispiel.

HTML

<!DOCTYPE HTML>
<html lang="de">
<head>
 
<title>Button</title>
<meta charset="utf-8">
<style>
.button {
 border:1px solid #aaa;
 border-radius:5px;
 padding:3px 10px;
 text-decoration:none;
 color:#444;
 background:#eee;
 font:caption;
}
</style>
</head>
<body>


<a href="https://www.google.com" class="button">Nächste Seite</a>


</body>
</html>

Alles anzeigen

Um die zweite Frage kümmern wir uns später.

Arne Drews

Hallo,

[FALSCH]location ist ein Objekt von window, nicht von document[/FALSCH] ( Korrektur: location gibt es für beide Objekte! ) und href ist eine Eigenschaft, der man einen Wert über Zuweisungen gibt.
Relative Pfade kannst Du einfach verwenden, ohne etwas zu verändern, bspw. so:

HTML

<a href="./sub-page.html" class="button--style-red">Nachste Seite</a>
<input type="button" onclick="window.location.href = './sub-page.html'; return true;" name="btnName" value="   Naechste Seite  ">

Die JavaScript Variante wäre allerdings schöner, wenn man das per EventListener macht:

Code

document.querySelector( 'input[name='btnName']' ).addEventListener(
        'click'
        , function(e) {
            e.preventDefault();
            window.location.href = './sub-page.html';
            return true;
        }
    );

Das HTML sieht dann deutlich aufgeräumter aus:

HTML

<input type="button" name="btnName" value="   Naechste Seite  ">

Getestet habe ich das grad nicht, aber so in etwa funktioniert es.

Die Darstellung eines Hyperlinks als Schaltfläche, hat Dir djheke anhand eines Beispiels gezeigt.

Damit sollte alles beantwortet sein.

Sailor

document.location.href ist keine Funktion... die richtige Schreibweise wäre...

HTML

<INPUT  type="button" onclick="document.location.href='https://www.example.com'" name="btnName" value="   Naechste Seite  ">

djheke

Ich vermute mal das Ihr ,tachu, vor viele Fragen gestellt habt.

Arne Drews

Und deswegen hätten wir seine Fragen nicht beantworten sollen oder was willst Du uns mitteilen?

Sailor

So wie die Frage formuliert ist, sieht es aus wie 'Hausaufgaben' ;)!

Tags