-
Notifications
You must be signed in to change notification settings - Fork 0
/
Search.aspx
105 lines (90 loc) · 3.55 KB
/
Search.aspx
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Search.aspx.cs" Inherits="Search" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<title>Fuddle | Search</title>
<!-- StyleSheets -->
<link rel="stylesheet" type="text/css" href="/stylesheets/search.css" />
<!-- Scripts -->
<script src="/scripts/search-layout.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<!--Header -->
<div style="text-align: center">
<h1>Search</h1>
<p>
<asp:Label ID="searchedQuery" runat="server" Text=""></asp:Label>
</p>
</div>
<!--Search options-->
<div id="options-menu">
<ul>
<li runat="server" id="imageListItem">
<asp:HyperLink ID="imagesLink" runat="server">Images</asp:HyperLink>
</li>
<li runat="server" id="userListItem">
<asp:HyperLink ID="usersLink" runat="server">Users</asp:HyperLink>
</li>
</ul>
<p style="text-align: center">
<span id="numresult" class="num-result"></span>
</p>
</div>
<!--Results-->
<div id="searchresults" class="search-results">
</div>
<div id="user-results"></div>
<div style="margin: 30px auto 0 auto; width: 200px">
<a id="loadMore" class="uploadButton">Load More</a>
</div>
<div id="loading" style="text-align: center; margin: 0 auto; width: 100px">
</div>
<!-- clear floats -->
<div style="clear: both; margin-bottom: 20px"></div>
<!--Searching script -->
<!--uses SearchService -->
<script type="text/javascript" src="/scripts/search.js"></script>
<script type="text/javascript">
$(window).load(function () {
//get parameter specified in the url
var parameter = getParameterByName("q");
//if nothing specified return and disable anchors
if (parameter === null || parameter === "") {
jQuery('#<%=imagesLink.ClientID%>').click(function (e) {
e.preventDefault();
});
jQuery('#<%=usersLink.ClientID%>').click(function (e) {
e.preventDefault();
});
$("#loadMore").hide();
return;
}
//on window load, search for images by default
getImages(parameter);
activateImages();
$("#loadMore").click(function () {
loadMore("image");
});
//if images clicked
jQuery('#<%=imagesLink.ClientID%>').click(function () {
$("#searchresults").empty();
$("#user-results").empty();
getImages(parameter);
activateImages();
});
//if users clicked
jQuery('#<%=usersLink.ClientID%>').click(function () {
$('#searchresults').empty();
$("#user-results").empty();
getUsers(parameter);
activateUsers();
});
});
function activateImages() {
jQuery('#<%=imageListItem.ClientID%>').addClass("activated");
jQuery('#<%=userListItem.ClientID%>').removeClass("activated");
}
function activateUsers() {
jQuery('#<%=imageListItem.ClientID%>').removeClass("activated");
jQuery('#<%=userListItem.ClientID%>').addClass("activated");
}
</script>
</asp:Content>