-
Notifications
You must be signed in to change notification settings - Fork 0
/
abc.html
82 lines (79 loc) · 3.43 KB
/
abc.html
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<link rel="stylesheet" href="CoustomMainPage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" >
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.css" >
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src= "https://code.jquery.com/jquery-3.5.1.js"> </script>
</head>
<body>
<div class="container-flucid SrchTgl" >
<div class="row" >
<div class="col-sm-12 ">
<nav class="navbar navbar-expand-sm navbar-light" >
<a class="navbar-brand text-dark " href="index.html?name=abc"></a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#navbarmenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarmenu" >
<ul class=" nav navbar-nav ml-auto SrchTgl hoverbgcolor" >
<li class="active nav-item "><a href="Index.html" class="nav-link text-primary">Text Search</a></li>
<li class="nav-item "><a href="SearchImg.html" class="nav-link text-primary">Images Search</a></li>
<li class="nav-item"><a href="SearchAdvancePage.html" class="nav-link text-primary" >Advance Search</a></li>
</ul>
</div>
</nav>
<br />
</div>
</div>
</div>
<br /><br />
<div class="container-flucid " >
<div class="form-row">
<div class="col-sm-4 offset-sm-4">
<img src="GoogleSearchImages/googleimglogo.png" alt="Responsive image" width=480px align="middle">
</div>
</div>
</div>
<br />
<div class="container-flucid ">
<form class = "search " action ="https://www.google.com/search" id="gsf" method="get" name="GTSP" role="search" onSubmit="GImageSearch(this)">
<div class="form-row">
<div class="col-sm-4 offset-sm-4">
<div class="input-group " id ="example2" Style="padding-bottom:0px;padding-top:0px">
<input name="q" type="hidden" />
<input type="text" name ="srchText" id ="srchText" class="form-control form-control-plaintext" placeholder="Enter to search">
<div class="input-group-prepend example1" >
<div class="input-group-text form-control-plaintext " id="SrchIcon" >
<button type="submit" id="srchTextBtn1" class="example1"> <img src="https://img.icons8.com/material-outlined/24/000000/search.png" /></button>
</div>
</div>
</div>
</div>
</div>
<br />
</form>
</div>
<br />
<script type="text/javascript">
var domainroot="www.google.com/search";
function GImageSearch(curobj){
alert("welcome :" + curobj.srchText.value);
alert("https://www.google.com/search?tbm=isch&q=" +curobj.srchText.value);
// curobj.q.value="https://"+domainroot+"?q= "+curobj.srchText.value ;
window.location.href = "https://www.google.com/search?tbm=isch&q=" + curobj.srchText.value ;
curobj.q.value=curobj.srchText.value ;
};
$(document).ready(function(){
$("#srchTextBtn1").click(function(){
alert($("#srchText").val());
window.setTimeout( show_popup, 5000 );
window.location.href = "https://www.google.com/search?tbm=isch&q=" + $("#srchText").val() ;
});
});
</script>
</body>
</html>