flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-29 11:10:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

added tips to most controls...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-01-29 22:25:51 +04:00
parent e0f1d117a5
commit 6183d09456
3 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@ -147,7 +147,7 @@ $(document).ready(function(){
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"> <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ --> <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<g> <g>
<title>Previous page (S-Left)</title> <title>Previous bookmark (S-Left)</title>
<path transform="rotate(-180 18.9697 20.1122)" id="svg_13" stroke="#ffffff" d="m20.467497,20.112247l-8.773763,-14.254913l5.778195,0l8.773788,14.254913l-8.773788,14.25491l-5.778195,0l8.773763,-14.25491z" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/> <path transform="rotate(-180 18.9697 20.1122)" id="svg_13" stroke="#ffffff" d="m20.467497,20.112247l-8.773763,-14.254913l5.778195,0l8.773788,14.254913l-8.773788,14.25491l-5.778195,0l8.773763,-14.25491z" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/>
</g> </g>
</svg> </svg>
@ -158,7 +158,7 @@ $(document).ready(function(){
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"> <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ --> <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<g> <g>
<title>Bookmark this page (B)</title> <title>Toggle bookmark (B)</title>
<rect stroke="#ffffff" id="svg_1" height="28.604868" width="24.052915" y="5.858955" x="8.807377" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/> <rect stroke="#ffffff" id="svg_1" height="28.604868" width="24.052915" y="5.858955" x="8.807377" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/>
<path stroke="#ffffff" id="svg_4" d="m21.762226,3.651895l8.416584,0l0,14.510554l-4.124887,-2.792193l-4.291697,2.792193l0,-14.510554l0,0z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" fill="#ff0000"/> <path stroke="#ffffff" id="svg_4" d="m21.762226,3.651895l8.416584,0l0,14.510554l-4.124887,-2.792193l-4.291697,2.792193l0,-14.510554l0,0z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" fill="#ff0000"/>
</g> </g>
@ -170,7 +170,7 @@ $(document).ready(function(){
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"> <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ --> <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<g> <g>
<title>Next page (S-Right)</title> <title>Next bookmark (S-Right)</title>
<path stroke="#ffffff" id="svg_11" d="m23.175751,20.132858l-8.773797,-14.254913l5.77823,0l8.773788,14.254913l-8.773788,14.254913l-5.77823,0l8.773797,-14.254913z" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/> <path stroke="#ffffff" id="svg_11" d="m23.175751,20.132858l-8.773797,-14.254913l5.77823,0l8.773788,14.254913l-8.773788,14.254913l-5.77823,0l8.773797,-14.254913z" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/>
</g> </g>
</svg> </svg>
@ -181,13 +181,13 @@ $(document).ready(function(){
<div class="bottom-toolbar"> <div class="bottom-toolbar">
<!-- this is just an example--> <!-- this is just an example-->
<div class="controls"> <div class="controls">
<a href="#home">Cover</a> <a href="#home" title="(Home)">Cover</a>
<a href="#prevBookmark">&lt; Bookmark</a> <a href="#prevBookmark" title="(S-Left)">&lt; Bookmark</a>
<a href="#prevArticle">&lt; Article</a> <a href="#prevArticle" title="(C-Left)">&lt; Article</a>
<a href="#prev" alt="Previous page (Left)">&lt; Pa</a><a href="#next" alt="Next page (Right)">ge &gt;</a> <a href="#prev" title="Previous page (Left)">&lt; Pa</a><a href="#next" title="Next page (Right)">ge &gt;</a>
<a href="#nextArticle">Article &gt;</a> <a href="#nextArticle" title="(C-Right)">Article &gt;</a>
<a href="#nextBookmark">Bookmark &gt;</a> <a href="#nextBookmark" title="(S-Right)">Bookmark &gt;</a>
<a href="#end">End</a> <a href="#end" title="(End)">End</a>
</div> </div>
<!-- position indicator --> <!-- position indicator -->
<div class="navigator"> <div class="navigator">

4
jli.js
View File

@ -221,7 +221,9 @@ function toKeyName(code){
var KEYBOARD_HANDLER_PROPAGATE = true var KEYBOARD_HANDLER_PROPAGATE = true
/* Basic key format: /* Basic key format:
*
* <key-code> : <callback>, * <key-code> : <callback>,
*
* <key-code> : { * <key-code> : {
* 'default': <callback>, * 'default': <callback>,
* // a modifier can be any single modifier, like shift or a * // a modifier can be any single modifier, like shift or a
@ -233,11 +235,13 @@ var KEYBOARD_HANDLER_PROPAGATE = true
* // - shift * // - shift
* <modifer>: [...] * <modifer>: [...]
* }, * },
*
* <key-code> : [ * <key-code> : [
* // this can be any type of handler except for an alias... * // this can be any type of handler except for an alias...
* <handler>, * <handler>,
* <doc> * <doc>
* ], * ],
*
* // alias... * // alias...
* <key-code-a> : <key-code-b>, * <key-code-a> : <key-code-b>,
* *

6
magazine.js
View File

@ -30,7 +30,8 @@ var USE_REAL_PAGE_SIZES = false
/*********************************************************************/ /*********************************************************** modes ***/
// toggles .dragging CSS class on the viewer while dragging is in // toggles .dragging CSS class on the viewer while dragging is in
// progress. // progress.
// NOTE: this is used mostly for styling and drag assisting... // NOTE: this is used mostly for styling and drag assisting...
@ -448,6 +449,9 @@ function toggleBookmark(n){
var res = $('<div/>') var res = $('<div/>')
.prependTo(cur) .prependTo(cur)
.addClass('bookmark justcreated') .addClass('bookmark justcreated')
.attr({
title: 'Toggle bookmark (B)'
})
.click(function(){ .click(function(){
toggleBookmark(n) toggleBookmark(n)
}) })