OSDN Git Service

add text search in jpeg view mode.
authorgn64_jp <gn64@rec10.org>
Sat, 20 Apr 2013 15:05:48 +0000 (00:05 +0900)
committergn64_jp <gn64@rec10.org>
Sun, 21 Apr 2013 05:16:07 +0000 (14:16 +0900)
htmlserver.pl
pdfsearch.pl

index e3ec437..95730bf 100755 (executable)
@@ -125,6 +125,13 @@ print "<!DOCTYPE html>
                 \$('#images').bind('swiperight',function(){
                         \$.mobile.changePage('$blink',{transition:'slide'});
                 });
+               \$('div.ui-input-search').bind('keypress',function(e){
+                       //console.log(e.keyCode)
+                       //console.log(e.keycode);
+                       if(e.keyCode == 13){
+                               \$.mobile.changePage(\"pdfsearch.pl?mode=$mode&width=$width&height=$height&search_text=\\\"\" + \$('#search-text').val() + \"\\\"\",{transition:'slide'});
+                       }
+               });
        });
   </script>
  </head>
@@ -138,9 +145,13 @@ print "
  </div>
 ";
 print "
+ <div data-role='header'>
+  <input type='search' name='search' id='search-text' value='' />
+ </div>
  <div data-role=\"content\" id='image'>
-  <img id='images' src='$jpeglink' width='100%'/>
- </div>";
+   <img id='images' src='$jpeglink' width='100%'/>
+ </div>
+";
 print "
  <div data-role='footer' data-position='fixed'>
   <h3>Libre10 git '13Q2 Copyright yukikaze,long.inus,yussi</h3>
index 5ec8835..d82ec65 100755 (executable)
@@ -55,11 +55,11 @@ print $q->start_html(
        -script => { -type => "text/javascript", -src => "frame.js" },
        -style => { "src" => "libre10.css" }
 );
-print "<form action=\"pdfsearch.pl\" method=\"get\">";
-print "<div align=center><H1>Libre10 pdf search</H1></div>";
-print
-"<div align=center><p><input name='search_text' value='' style='width:200px'\/>";
-print "<input type=\"submit\" value=\"search\"/></p></div><hr>";
+print "
+<form action=\"pdfsearch.pl\" method=\"get\">
+<div align=center><H1>Libre10 pdf search</H1></div>
+<div align=center><p><input name='search_text' value='$search_text' style='width:200px'\/>
+<input type=\"submit\" value=\"search\"/></p></div><hr>";
 
 if ( length $search_text > 0 ) {
        print "<p><h3>";
@@ -105,24 +105,20 @@ if ( length $search_text > 0 ) {
        }
 }
 else {
-       print "<div align=center>";
-       print
-"<a href=pdfsearch.pl?mode=mobile&width=1024&height=1280>for narrow band</a><br>\n";
-       print
-"<a href=pdfsearch.pl?mode=mobile&width=1600&height=2560>for Tablet</a><br>\n";
-
-       print
-"<a href=pdfsearch.pl?mode=mobile&width=1080&height=1920>for SmartPhone</a><br>\n";
-       print
-"<a href=pdfsearch.pl?mode=mobile&width=1600&height=2100>for Tablet retina</a><br>\n";
-       print
-"<a href=pdfsearch.pl?mode=mobile&width=1280&height=2400>for SmartPhone retina</a><br>\n";
-       print "<a href=pdfsearch.pl?mode=''>for PC(default)</a><br>\n";
-       print "</div>";
+       print "
+<div align=center>
+<a href=pdfsearch.pl?mode=mobile&width=1024&height=1280>for narrow band</a><br>
+<a href=pdfsearch.pl?mode=mobile&width=1600&height=2560>for Tablet</a><br>
+<a href=pdfsearch.pl?mode=mobile&width=1080&height=1920>for SmartPhone</a><br>
+<a href=pdfsearch.pl?mode=mobile&width=1600&height=2100>for Tablet retina</a><br>
+<a href=pdfsearch.pl?mode=mobile&width=1280&height=2400>for SmartPhone retina</a><br>
+<a href=pdfsearch.pl?mode=''>for PC(default)</a><br>
+</div>";
 }
-print "<input type='hidden' name='mode'   value=" . $mode . " >\n";
-print "<input type='hidden' name='height' value=" . $height . " >\n";
-print "<input type='hidden' name='width'  value=" . $width . " >\n";
+print "
+<input type='hidden' name='mode'   value=$mode >
+<input type='hidden' name='height' value=$height >
+<input type='hidden' name='width'  value=$width >";
 
 print "</form>";
 print $q->end_html;