Skip to content
Permalink
Browse files

Merge pull request #1 from turnermm/anno_2

Updates to current features.
  • Loading branch information...
turnermm committed Jan 8, 2019
2 parents c7c54ad + 1fac167 commit 4af7ee9eb4645109af9a9a522bc1f78c3e1d95e3
Showing with 362 additions and 125 deletions.
  1. +18 −0 README.md
  2. BIN bullet.png
  3. +33 −5 script.js
  4. +60 −1 style.css
  5. +0 −119 syntax.php
  6. +251 −0 syntax/anno.php
@@ -2,4 +2,22 @@
Creates tooltip type boxes for extended annotations. The boxes, initially hidden,
open in place, immediately beneath the text being annotated and close out-of-sight
on the click of a button.
```
<anno:10>text</anno><@anno:10>wiki text</@anno>
<anno:15>text</anno><@anno:15>{{namespace:page}}</@anno>
```
text is what the annotation explains

wiki-text is dokuwiki text for annotation

namespace:page is a dokwiki page which will be read into the annotation block; thie form atakes only the wiki page and no other text.

Internal markup:
```
<anno:20>text</anno><@anno:20><top>wiki:page</top>wiki text<bottom>wiki:page</bottom></@anno>
<anno:20>text</anno><@anno:20>wiki text<bottom>wiki:page</bottom></@anno>
<anno:20>text</anno><@anno:20>wiki text</@anno>
```
The ```top and bottom``` tags enable repeatable headers and footers to be read into the annotations.

List must be prefaced by ```[List] and ended with tsiL```
BIN +3.51 KB bullet.png
Binary file not shown.
@@ -1,9 +1,37 @@
jQuery( document ).ready(function() {
jQuery("span.anno") .mouseover(function() {
var title = jQuery( this ).attr('title');
jQuery("span." + title).css('display','inline-block');
jQuery( document ).ready(function() {
var last_anno_open;
jQuery("span.anno") .mouseover(function() {
var title = jQuery( this ).attr('title');
open_anno(title,1200);
});


jQuery("span.anno") .click(function() {
var title = jQuery( this ).attr('title');
open_anno(title,1);
});

function open_anno(title,tm) {
setTimeout(function() {
if(last_anno_open) {
jQuery(last_anno_open) .css('display','none');
}
last_anno_open = "span." + title;
jQuery("span." + title).css('display','inline-block');
}, tm);
}

/* jQuery("span.annotation").mouseover(function() {
jQuery(this).css('display','inline-block');
});
jQuery("span.annotation").mouseout(function() {
jQuery(this).css('display','none');
});
*/

jQuery("span.annotation").click(function() {
jQuery(this).css('display','none');
});

jQuery("span.anno_exit").click(function() {
jQuery(this).parent().parent().css('display','none');
});
@@ -1,6 +1,6 @@
.annotation {
border: 2px solid black;
width: 600px;
width: 620px;
height: 120px;
overflow:auto;
padding: 8px;
@@ -24,6 +24,22 @@ span.anno_exit {
cursor: pointer;
}

span.anno_col {
border: 1px solid gray;
min-width:80px;
display: inline-block;
}
span.anno_colspan_2 {
border: 1px solid gray;
min-width:120px;
display: inline-block;
}
span.anno_colspan_3 {
border: 1px solid gray;
min-width:180px;
display: inline-block;
}

span.anno {
cursor: help;
text-decoration-line: underline;
@@ -34,3 +50,46 @@ span.anno {
border-bottom-width: 1px;

}
span.theader {
font-weight:bold;
background-color: #eee;
}

span.centeralign {
text-align:center;

}

span[class*="anno_li"] {
display: inline-block;
text-align: right;
}
span.anno_li_1 {
min-width: 20px;
}
span.anno_li_2 {
min-width: 40px;
}
span.anno_li_3 {
min-width: 60px;
}

span.anno_li_4 {
min-width: 80px;
}

span.anno_li_5 {
min-width: 100px;
}
span.anno_li_6 {
min-width: 120px;
}
span.anno_li_7 {
min-width: 130px;
}span.anno_li_8 {
min-width: 140px;
}
.extra_bold {
font-weight: 900;
font-size: 125%;
}

This file was deleted.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 4af7ee9

Please sign in to comment.
You can’t perform that action at this time.