Schaltfläche

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

    HTML
    1. <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
    1. <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]

    3 Mal editiert, zuletzt von Arne Drews () aus folgendem Grund: MOD: Schriftfarbe angepasst, Links auf example.com korrigiert, HTML-Tags eingefügt

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


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

  • 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
    1. <a href="./sub-page.html" class="button--style-red">Nachste Seite</a>
    2. <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
    1. document.querySelector( 'input[name='btnName']' ).addEventListener(
    2. 'click'
    3. , function(e) {
    4. e.preventDefault();
    5. window.location.href = './sub-page.html';
    6. return true;
    7. }
    8. );


    Das HTML sieht dann deutlich aufgeräumter aus:

    HTML
    1. <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.

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

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