Multi-URL-Opener/index.html at main · vishwas-r/Multi-URL-Opener · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!doctype html>
<html  class="h-100">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Open Multiple URLs with a single click">
	<meta name="author" content="Vishwas R">
	<title>Multi URL Opener</title>
	<link href="https://getbootstrap.com//docs/5.0/dist/css/bootstrap.min.css" rel="stylesheet">
	<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body class="d-flex flex-column h-100">
<header class="mb-5">
	<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
		<div class="container-fluid"><a class="navbar-brand" href="/">Multi URL Opener</a></div>
	</nav>
</header>
<main class="flex-shrink-0 mt-5">
	<div class="container">
		<div class="card">
			<div class="card-body">
				<div class="row mb-3">
					<h1 class="mt-5">Multi URL Opener</h1>
					<div class="alert alert-light"> Open multiple URLs with a single click. Just paste the list of line-separated URLs and hit "Open All URLs" button to open each URL in new tab. </div>
					<div class="form-group"><label for="urlsTextArea">Enter the List of URLs</label><textarea class="form-control" rows="5" id="urlsTextArea" placeholder="https://link1.com&#10;https://link2.com&#10;https://link3.com&#10;https://link4.com&#10;https://link5.com"></textarea></div>
				</div><button id="openLinks" class="btn btn-primary">Open All URLs <i class="bi bi-box-arrow-up-right"></i></button>
				<div class="row" style="margin-top: 10%">
					<div class="clearfix"><span class="rounded-3 bg-success text-white p-1 d-inline">Note:</span><span class="d-inline"> Allow Pop-Up if only 1 links opens</span></div>
					<p class="mt-3">Check these links for more information on Pop-up Blocking / Allowing</p><a href="https://support.google.com/chrome/answer/95472" target="_blank">Chrome Browser</a><br /><a href="https://support.mozilla.org/en-US/kb/pop-blocker-settings-exceptions-troubleshooting" target="_blank">Firefox Browser</a>
				</div>
			</div>
		</div>
	</div>
</main>
<footer class="footer mt-auto py-3 bg-light text-end">
	<div class="container"><span class="text-muted">Made with <i class="bi bi-heart-fill" style="color: red"></i> | <a href="https://vishwas.me/" target="_blank">Vishwas</a></span></div>
</footer>
<script>
	window.onload = function() {
		var btn = document.getElementById("openLinks");
		btn.addEventListener("click", function() {
			var textArea = document.getElementById("urlsTextArea");
			var textAreaValue = textArea.value;
			var lines = textAreaValue.split(/\r?\n|\r|\n/g);
			for (var i = 0; i < lines.length; i++) {
				var url = lines[i];
				if (url) window.open(url, '_blank')
			}
		});
	}
</script>
<style>
.footer {
	bottom: 0;
	position: absolute;
	width: 100%;
}
</style>
</body>
</html>