Od provozovatele projektu Rychlost.CZ
WebDev.wiki > Návody pro webmastery a vývojáře > Otevření dvou stránek přes jeden odkaz

Otevření dvou stránek přes jeden odkaz - Začínáme s HTML

vydáno: 26.07.2016, seriál: Začínáme s HTML

Toto je 19. díl seriálu Začínáme s HTML, pokud se dostatečně neorientujete, zkuste předchozí díl či díl první.

Jsou případy, kdy se nám může hodit otevřít jedním klikem dva odkazy. Příkladem jsou různé reklamy, které se mají otevřít spolu s odkazem. Popřípadně vhodné pro affiliate marketing. Níže si ukážeme dva zpúsoby jak toho docílit za pomocí javascriptu.

Zobrazit ukázku
Ukázka:
HTML
<!DOCTYPE html>
<html lang="cs-CZ">
<head>
<meta charset="utf-8">
<title>Otevření dvou odkazů jedním klikem</title>
</head>
<body>
<h1>Otevření dvou odkazů jedním klikem</h1>
<a href="https://cs.webdev.wiki/css.html" onclick="window.open('https://cs.webdev.wiki/html.html');">
Odkaz na HTML sekci cs.webdev.wiki a na CSS sekci
</a>
</body>
</html>
Použité tagy: <html>, <head>, <meta>, <title>, <body>, <h1>, <a>

O otevření odkazu s HTML sekcí se stará javascriptový příkaz onclick window.open. Stejného efektu lze dosáhnout i za pomocí onclick window.location. Důležité je ale doplnit do odkazu  target="_blank" .

Zobrazit ukázku
Ukázka:
HTML
<!DOCTYPE html>
<html lang="cs-CZ">
<head>
<meta charset="utf-8">
<title>Otevření dvou odkazů jedním klikem</title>
</head>
<body>
<h1>Otevření dvou odkazů jedním klikem</h1>
<a href="https://cs.webdev.wiki/css.html" onclick="window.location='https://cs.webdev.wiki/html.html'" target="_blank">
Odkaz na HTML sekci cs.webdev.wiki a na CSS sekci
</a>
</body>
</html>
Použité tagy: <html>, <head>, <meta>, <title>, <body>, <h1>, <a>
HTML: návody jak psát html tagy