modal:true,
title:"Search"
});
+ $("#genre_dialog").dialog({
+ autoOpen:false,
+ //height:140,
+ width:260,
+ modal:true,
+ title:"Genre Setting"
+ });
+ $("#settings_dialog").dialog({
+ autoOpen:false,
+ //height:140,
+ width:300,
+ modal:true,
+ title:"Settings"
+ });
+ $("#setting_showpage_ratio").buttonset();
+ $("#setting_ok_button").button({
+ label:"OK",
+ icons:{
+ primary:"ui-icon-circle-check"
+ }
+ })
+ .click(function(){
+ $("#settings_dialog").dialog('close');
+ });
+ $("#setting_cancel_button").button({
+ label:"cancel",
+ icons:{
+ primary:"ui-icon-circle-close"
+ }
+ })
+ .click(function(){
+ $("#settings_dialog").dialog('close');
+ });
$("#search").button({
label:"検索",
icons:{
.click(function(){
window.location.href="<TMPL_VAR NAME="blink">";
});
+ $("#spd_dialog").dialog({
+ autoOpen:false,
+ //height:140,
+ width:280,
+ modal:true,
+ title:"頁差分設定"
+ });
$("#pagediff").button({
label:"頁差分",
icons:{
}
})
.click(function(){
- window.location.href="<TMPL_VAR NAME="blink">";
+ $("#spd_dialog").dialog('open');
+ });
+ $("#spd_button").button({
+ label:"頁差分設定",
+ icons:{
+ primary:"ui-icon-copy"
+ }
+ })
+ .click(function(){
+ var dnum=$('#spd_num').val();
+ console.log("<TMPL_VAR NAME="title_id">");
+ if (dnum.length>0){
+ $.ajax({
+ type:"GET",
+ url:"pdfmanager.pl",
+ data:{
+ mode : 'showpagediff',
+ title : '<TMPL_VAR NAME="title_id">',
+ diff : dnum
+ }
+ })
+ }
+ $("#spd_dialog").dialog('close');
});
$("#settings").button({
label:"設定",
}
})
.click(function(){
+ $("#settings_dialog").dialog('open');
+ });
+ $("#setting_genre_button").button({
+ label:"ジャンル設定",
+ icons:{
+ primary:"ui-icon-folder-collapsed"
+ }
+ }).click(function(){
+ $("#genre_dialog").dialog('open');
+ });
+ $("#setting_spd_button").button({
+ label:"頁差分設定",
+ icons:{
+ primary:"ui-icon-copy"
+ }
+ }).click(function(){
+ $("#spd_dialog").dialog('open');
+ });
+
+ $("#genre_button").button({
+ label:"Genre設定",
+ icons:{
+ primary:"ui-icon-copy"
+ }
+ })
+ .click(function(){
+ var genre_text=$('#genre_text').val();
+ if (genre_text.length>0){
+ $.ajax({
+ type:"GET",
+ url:"pdfmanager.pl",
+ data:{
+ mode : 'genre',
+ title : '<TMPL_VAR NAME="title_id">',
+ genre : genre_text
+ }
+ })
+ }
+ $("#genre_dialog").dialog('close');
});
$("#login").button({
label:"ログイン",
});
jQuery(document).ready(function(){
- var images=jQuery("#images");
- var image_width_size=100;
+ var image1=jQuery("#image1");
+ var image2=jQuery("#image2");
+ var image_width_size=50;
$("#expand").button({
label:"大",
})
.click(function(){
- image_width_size=image_width_size+20;
- images.stop(true).animate({width:image_width_size + "%"},250);
+ image_width_size=image_width_size+10;
+ image1.stop(true).animate({width:image_width_size + "%"},250);
+ image2.stop(true).animate({width:image_width_size + "%"},250);
});
$("#reduce").button({
label:"小",
})
.click(function(){
- image_width_size=image_width_size-20;
- images.stop(true).animate({width:image_width_size + "%"},250);
+ image_width_size=image_width_size-10;
+ image1.stop(true).animate({width:image_width_size + "%"},250);
+ image2.stop(true).animate({width:image_width_size + "%"},250);
});
});
</div>
<br>
<div data-role="content" id='image'>
- <img id='images' src='<TMPL_VAR NAME="jpegpath">' width='100%' />
- </div>
+ <div><img id='image1' src='<TMPL_VAR NAME="jpegpath">' width='50%' align="left"/></div>
+ <div><img id='image2' src='<TMPL_VAR NAME="jpegpath2">' width='50%' /></div>
+ <div style="clear:both"></div>
+ </div>
<div align="center" id="toolbar_footer" class="ui-widget-header">
<button type="button" id="b10link_f"></button>
<button type="button" id="blink_f"></button>
- <button type="button" id="pagediff" disabled></button>
+ <button type="button" id="pagediff"></button>
<TMPL_VAR NAME="nowpage"> / <TMPL_VAR NAME="maxpage">
- <button type="button" id="settings" disabled></button>
+ <button type="button" id="settings"></button>
<button type="button" id="nlink_f"></button>
<button type="button" id="n10link_f"></button>
</div>
<br>
<button type="button" id="jump_button">移動</button>
</div>
+ <div id="spd_dialog" align="right">
+ <input type="number" width="100%" id="spd_num" value="<TMPL_VAR NAME="nowspd">" class="ui-corner-all"/>
+ <br>
+ <br>
+ <button type="button" id="spd_button">設定</button>
+ </div>
+ <div id="genre_dialog" align="right">
+ <input type="text" width="100%" id="genre_text" value="" class="ui-corner-all"/>
+ <br>
+ <br>
+ <button type="button" id="genre_button">設定</button>
+ </div>
+ <div id="settings_dialog" align="center">
+ <button type="button" id="setting_genre_button">ジャンル設定</button><br>
+ <button type="button" id="setting_spd_button">SPD設定</button><br><hr>
+ <!--<div id="setting_showpage_ratio" disabled>
+ <input type="radio" id="show_1p" checked="checked" name="radio"/>
+ <label for="show_1p">1p</label>
+ <input type="radio" id="show_2p" name="radio" />
+ <label for="show_2p">見開き</label>
+ </div><hr>-->
+ <button type="button" id="setting_ok_button">OK</button>
+ <button type="button" id="setting_cancel_button">キャンセル</button><br>
+ </div>
</form>
</body>
</html>