|
5
|
1 <html>
|
|
|
2 <head>
|
|
|
3 <script type="text/javascript" src="./jscripts/tiny_mce/tiny_mce.js"></script>
|
|
|
4 <script type="text/javascript" src="./jscripts/jquery/jquery.js"></script>
|
|
|
5 <script type="text/javascript">
|
|
|
6 tinyMCE.init({
|
|
|
7 // General options
|
|
|
8 mode : "textareas",
|
|
|
9 theme : "advanced",
|
|
|
10 plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
|
|
|
11
|
|
|
12 // Theme options
|
|
|
13 theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
|
|
|
14 theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
|
|
|
15 theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
|
|
|
16 theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
|
|
|
17 theme_advanced_toolbar_location : "top",
|
|
|
18 theme_advanced_toolbar_align : "left",
|
|
|
19 theme_advanced_statusbar_location : "bottom",
|
|
|
20 theme_advanced_resizing : true,
|
|
|
21
|
|
|
22 // Example content CSS (should be your site CSS)
|
|
|
23 content_css : "css/content.css",
|
|
|
24
|
|
|
25 // Drop lists for link/image/media/template dialogs
|
|
|
26 template_external_list_url : "lists/template_list.js",
|
|
|
27 external_link_list_url : "lists/link_list.js",
|
|
|
28 external_image_list_url : "lists/image_list.js",
|
|
|
29 media_external_list_url : "lists/media_list.js",
|
|
|
30
|
|
|
31 // Style formats
|
|
|
32 style_formats : [
|
|
|
33 {title : 'Bold text', inline : 'b'},
|
|
|
34 {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
|
|
|
35 {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
|
|
|
36 {title : 'Example 1', inline : 'span', classes : 'example1'},
|
|
|
37 {title : 'Example 2', inline : 'span', classes : 'example2'},
|
|
|
38 {title : 'Table styles'},
|
|
|
39 {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
|
|
|
40 ],
|
|
|
41
|
|
|
42 // Replace values for the template plugin
|
|
|
43 template_replace_values : {
|
|
|
44 username : "Some User",
|
|
|
45 staffid : "991234"
|
|
|
46 }
|
|
|
47 });
|
|
|
48 </script>
|
|
|
49 <!-- /TinyMCE -->
|
|
|
50 <script type="text/javascript">
|
|
|
51
|
|
|
52 var test="";
|
|
|
53 var url = "<%= request.getParameter("xpointer")%>";
|
|
|
54 $(document).ready(function()
|
|
|
55 {
|
|
|
56 $("#existingAnnotations").load("./annotator/annotations?uri="+escape(url));
|
|
|
57 }
|
|
|
58 );
|
|
|
59
|
|
|
60 </script>
|
|
|
61 </head>
|
|
|
62 <h3>Annotator</h3>
|
|
|
63 <form method="post" action="./annotator/annotations">
|
|
|
64 <input type="hidden" value="complexAnnotation" name="mode"/>
|
|
|
65 <div>Name <input type="text" name="username"></div>
|
|
|
66 <div>Password <input type="password" name="password"></div>
|
|
|
67 <hr/>
|
|
|
68
|
|
|
69 <%
|
|
|
70 if (request.getParameter("xpointer") != null) {
|
|
|
71 out.print("<div>Annotated page: <input type=\"text\" size=\"100\" name=\"xpointer\" value=\" ");
|
|
|
72 out.print(request.getParameter("xpointer"));
|
|
|
73 out.println("\"/></div>");
|
|
|
74 } else {
|
|
|
75 out.println("<div>Annotated page: <input type=\"text\" size=\"100\" name=\"xpointer\"></div>");
|
|
|
76 }
|
|
|
77 %>
|
|
|
78
|
|
|
79
|
|
|
80 <div>Title of the Annotation<input type="text" size="100" name="title"></div>
|
|
|
81 <div>
|
|
|
82 <textarea cols="100" rows="50" name="text"></textarea>
|
|
|
83 </div>
|
|
|
84 <div><input type="submit"/></div>
|
|
|
85 </form>
|
|
|
86 <div id="existingAnnotations"></div>
|
|
|
87 </html> |
