Personal/cops
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Search box is now under the title

Browse source
This commit is contained in:
Sébastien Lucas 2012-06-13 17:28:54 +02:00
parent a1df11c400
commit 8fb42bf534
2 changed files with 25 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
index.php
View file

@ -50,7 +50,15 @@
overlay : null overlay : null
} }
}); });
$(".fancysearch").fancybox();
$("#searchImage").click(function(){
if ($("#search").is(":hidden")) {
$("#search").slideDown("slow");
} else {
$("#search").hide();
}
});
$(".bookdetail").click(function(){ $(".bookdetail").click(function(){
var url = $(this).find("a").attr("href"); var url = $(this).find("a").attr("href");
$('#content').load(url, function(data, stat, req){ $('#content').load(url, function(data, stat, req){
@ -74,17 +82,17 @@
</a> </a>
</div> </div>
<div class="headright"> <div class="headright">
<a class="fancysearch" href="#search"><img src="<?php echo getUrlWithVersion("images/search.png") ?>" alt="Search" /></a> <img id="searchImage" src="<?php echo getUrlWithVersion("images/search.png") ?>" alt="Search" />
</div> </div>
<div class="headcenter"> <div class="headcenter">
<p><?php echo $currentPage->title ?></p> <p><?php echo $currentPage->title ?></p>
</div> </div>
</div> </div>
<div class="clearer" /> <div class="clearer" />
<div id="search" style="display: none;"> <div id="search" class="search">
<form action="index.php?page=9" method="get"> <form action="index.php?page=9" method="get">
<input type="text" name="query" /><br /> <input type="text" name="query" />
<input type="hidden" name="page" value="9" /><br /> <input type="hidden" name="page" value="9" />
<input type="submit" value="Search" /> <input type="submit" value="Search" />
</form> </form>
</div> </div>

12
style.css
View file

@ -183,3 +183,15 @@ padding: 6px;
{ {
display: inline; display: inline;
} }
.search
{
background-color:black;
border-top:1px solid white;
display:none;
}
.search input, .search form
{
text-align: center;
}