Wie kann ich beim Klick auf den Button auf eine andere Website kommen?

Hallo,

ich hab folgenden Code: <input type="button" name="cancel" value="Nein" onclick="window.open('www.google.de')">

Aber das klappt nicht. wenn ich anstatt Google eine index.html einfüge funktioniert das. Ich möchte aber eine andere Website verlinken.

Danke euch und schöne Grüße

Answer 1

[medmonk]

Anstatt eines Buttons den Anker-Tag verwenden und dessen Aussehen anschließend mit Hilfe von CSS festlegen. 

<a class="btn" href="https://www.google.de">Text</a>

Wenn du sicher gehen willst, das ein neuer Tab verwendet wird, noch das target-Attribut verwenden solltest. 

<a class="btn" href="url" target="_blank">Text</a>

In deinem CSS den Anker dann lediglich mit Hilfe der Klasse btn selektierst und das Aussehen und Verhalten (z.B. beim hovern) festlegst. 

.btn {
 color: white;
 background-color: blue;
 border-radius: 3px;
 padding: 12px 23px;
}

Im übrigen mit Java und Programmierung nicht wirklich etwas zutun hat. Dafür reicht einfaches HTML samt CSS vollkommen aus. Sprich in HTML einen Anker (Link) setzt und diesen lediglich mit CSS formatierst.

LG medmonk 

Answer 2

[triopasi]

Tipp: Benutze einen normalen Link und style den wie ein Button.

Woher ich das weiß: Studium / Ausbildung – Informatikstudium

Answer 3

[LeBonyt]

Wie sieht es aus, wenn man statt www.google.de noch das Protokoll vor die URL setzt, also http://www.google.de.

Tipp. Popups sind out. Sie werden durch Werbe und Popupblockern nicht angezeigt. 

Woher ich das weiß: Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

Comments

[Allesnoob12]

Was meinst du mit popups? bei mir erscheint da nur ein button den ich anklicken kann. Was würde den passieren wenn einer den adblock installiert und aktiviert hat? 

Answer 4

[magicpowers007]

Nutze einfach <a href="http://www.google.de"><button>Google</button></a>

oder

<button onclick="location.href='http://www.google.de';">Google</button>

oder

<button onclick="window.open('http://www.google.de');">Google</button>

mit letzterem öffnest du aber ein neues Fenster, was möglicherweise vom Ad-Blocker abgehalten wird.

Evtl. nutze window.open('http://www.google.de','top'); Um im aktuellen Fenster zu bleiben.

Answer 5

[FaTech]

Mache es doch anders...

input formaction="https://google.com" type="submit" ...

Comments

[Allesnoob12]

Hab ich schon probiert, wird bei mir aber echt komisch angezeigt. Hab es jetzt auch mit dem onclick hinbekommen. Danke