comparison views/Extractapp/TaggingText.php @ 66:e71a437ae49f extractapp

New: responsive. some css style
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Thu, 02 Apr 2015 16:33:46 +0200
parents f9ae94a9b041
children 3ada9334ebfc
comparison
equal deleted inserted replaced
65:f9ae94a9b041 66:e71a437ae49f
139 // --- for sidebar--- 139 // --- for sidebar---
140 //run once 140 //run once
141 var el=$('#follow-scroll'); 141 var el=$('#follow-scroll');
142 var originalelpos=el.offset().top; // take it where it originally is on the page 142 var originalelpos=el.offset().top; // take it where it originally is on the page
143 143
144
145 //run on scroll 144 //run on scroll
146 $(window).scroll(function(){ 145 $(window).scroll(function(){
147 var el = $('#follow-scroll'); // important! (local) 146 var el = $('#follow-scroll'); // important! (local)
148 var elpos = el.offset().top; // take current situation 147 var elpos = el.offset().top; // take current situation
149 var windowpos = $(window).scrollTop(); 148 var windowpos = $(window).scrollTop();
336 $('#TitletagType').val(lastAddTag); 335 $('#TitletagType').val(lastAddTag);
337 336
338 } 337 }
339 338
340 //e.stopPropagation(); 339 //e.stopPropagation();
340
341
342
341 }); 343 });
342 344
343 345
344 // === for exporttable.php === 346 // === for exporttable.php ===
345 function exportTable( range, container ) { 347 function exportTable( range, container ) {
664 var info = JSON.parse('<?php echo json_encode($info) ?>'); 666 var info = JSON.parse('<?php echo json_encode($info) ?>');
665 667
666 668
667 $('#load_topic_div').html(""); 669 $('#load_topic_div').html("");
668 $('#load_topic_div').css("display", "block"); 670 $('#load_topic_div').css("display", "block");
669 671 /*
670 $('#load_topic_div').css("border", "1px solid black"); 672 $('#load_topic_div').css("border", "1px solid black");
671 $('#load_topic_div').css("background-color", "White"); 673 $('#load_topic_div').css("background-color", "White");
672 $('#load_topic_div').css("width", "200px"); 674 $('#load_topic_div').css("width", "200px");
673 $('#load_topic_div').css("height", "50px"); 675 $('#load_topic_div').css("height", "50px");
674 $('#load_topic_div').css("top", "20px"); 676 $('#load_topic_div').css("top", "20px");
675 $('#load_topic_div').css("left", "-200px"); 677 $('#load_topic_div').css("left", "-200px");
676 678 */
677 679
678 var topic_select = document.createElement("select"); 680 var topic_select = document.createElement("select");
679 topic_select.id = "loadTopiclist"; 681 topic_select.id = "loadTopiclist";
680 var selected_topic = t[0]; 682 var selected_topic = t[0];
681 topic_select.onchange = function(){ 683 topic_select.onchange = function(){
832 _postForContineTagging(form); 834 _postForContineTagging(form);
833 835
834 836
835 } 837 }
836 838
837
838 $(document).on("change", '#smartRegexPopUpSelectWord', function (e) { 839 $(document).on("change", '#smartRegexPopUpSelectWord', function (e) {
839 var wordlistArray = JSON.parse('<?php echo json_encode($wordlistArray) ?>'); 840 var wordlistArray = JSON.parse('<?php echo json_encode($wordlistArray) ?>');
840 841
841 for (var i = 0; i < wordlistArray.length; i++) { 842 for (var i = 0; i < wordlistArray.length; i++) {
842 var wordlistValue = wordlistArray[i]; 843 var wordlistValue = wordlistArray[i]; // wordlistValue is array(id, name, listString)
843 if ($('#smartRegexPopUpSelectWord').val() == wordlistValue[0]) { 844 if ($('#smartRegexPopUpSelectWord').val() == wordlistValue[0]) {
844 var textarea_text = $('#smartRegexPopUpText').val(); 845 var textarea_text = $('#smartRegexPopUpText').val();
845 // insert selected wordlist into textarea at cursor position 846 // insert selected wordlist into textarea at cursor position
846 var cursorPosition = $('#smartRegexPopUpText').prop("selectionStart"); 847 var cursorPosition = $('#smartRegexPopUpText').prop("selectionStart");
847 // cut textarea_text by cursorPosition 848 // cut textarea_text by cursorPosition
848 var text_before_cursor = textarea_text.substring(0,cursorPosition); 849 var text_before_cursor = textarea_text.substring(0,cursorPosition);
850 851
851 // default length is 1, which means {1,1} 852 // default length is 1, which means {1,1}
852 $('#smartRegexPopUpText').val( text_before_cursor+"["+wordlistValue[2]+"]{1,1}"+text_after_cursor); 853 $('#smartRegexPopUpText').val( text_before_cursor+"["+wordlistValue[2]+"]{1,1}"+text_after_cursor);
853 } 854 }
854 } 855 }
855
856 }); 856 });
857
858
859 857
860 </script> 858 </script>
861 859
862 <div id="dialog-form" title="config tags for topic" style="position:fixed; top: 30px; "> 860 <div id="dialog-form" title="config tags for topic" style="position:fixed; top: 30px; ">
863 </div> 861 </div>
869 </div> 867 </div>
870 <div class="bg-info"> <?php echo $messages['info']; ?> </div> 868 <div class="bg-info"> <?php echo $messages['info']; ?> </div>
871 <div class="bg-default"> <?php echo $messages['debug']; ?> </div> 869 <div class="bg-default"> <?php echo $messages['debug']; ?> </div>
872 </div> 870 </div>
873 871
874 <table width="1270" border="1" style="margin:10 30 30 30;"> 872 <table width="1270" border="1" style="margin:10 30 30 30; width:100%; max-width:1270px">
875 <tr> 873 <tr>
876 <td width="980" style="padding:0 5 0 5; margin: 0 5 0 5;"> 874 <td width="980" style="padding:0 5 0 5; margin: 0 5 0 5;">
877 <div id="editable-area" class="area" style="max-width: 980"><?php echo $stringInput; ?></div> 875 <div id="editable-area" class="area" style="max-width:980px; min-width:400px"><?php echo $stringInput; ?></div>
878 </td> 876 </td>
879 <td width="290" valign="top"> 877 <td width="290" valign="top" style="min-width:280px">
880 <div id="popups" style="position:absolute; width:300px; "> 878 <div id="popups" style="position:absolute; width:300px; ">
881 <div id="load_topic_div" style="position: absolute; display: none; z-index:2"></div> 879 <div id="load_topic_div" class="popup-topic popup-frame"></div>
882 <div id="load_regex_div" style="position: absolute; display: none; z-index:2;"></div> 880 <div id="load_regex_div" class="popup-loadregex popup-frame"></div>
883 <div id="smartRegexPopUpDiv" style="position: absolute; display: none; z-index:2"> 881 <div id="smartRegexPopUpDiv" class="popup-regex popup-frame">
884 Name: <input id="smartRegexPopUpName"></input><br><br> 882 Name: <input id="smartRegexPopUpName"></input><br><br>
885 Word List: 883 Word List:
886 <select id="smartRegexPopUpSelectWord"> 884 <select id="smartRegexPopUpSelectWord">
887 <option value="NULL" selected>無</option> 885 <option value="NULL" selected>無</option>
888 <?php 886 <?php
902 } 900 }
903 echo "<option value=\"title\">Title</option>\n"; 901 echo "<option value=\"title\">Title</option>\n";
904 ?> 902 ?>
905 <option value="NOTAG">不標記</option> 903 <option value="NOTAG">不標記</option>
906 </select><br> 904 </select><br>
907 <button id="smartRegexPopUpAdd" onclick="replaceSmartAdd()" class="btn btn-info" style="">Add</button> 905 <button id="smartRegexPopUpAdd" onclick="replaceSmartAdd()" class="btn btn-info">Add</button>
908 <button id="smartRegexPopUpEdit" onclick="replaceSmartEdit()" class="btn btn-success" style="">Edit/Update</button> 906 <button id="smartRegexPopUpEdit" onclick="replaceSmartEdit()" class="btn btn-success">Edit/Update</button>
909 <button id="smartRegexPopUpDel" onclick="replaceSmartDel()" class="btn btn-danger" style="">Delete</button> 907 <button id="smartRegexPopUpDel" onclick="replaceSmartDel()" class="btn btn-danger">Delete</button>
910 <button id="smartRegexPopUpBack" onclick="replaceSmartBack()" class="btn btn-default" style=""><<</button> 908 <button id="smartRegexPopUpBack" onclick="replaceSmartBack()" class="btn btn-default"><<</button>
911 <button id="smartRegexPopUpFor" onclick="replaceSmartFor()" class="btn btn-default" style="">>></button> 909 <button id="smartRegexPopUpFor" onclick="replaceSmartFor()" class="btn btn-default">>></button>
912 <button onclick="replaceSmartClose()" class="btn btn-default" style="">Close</button> 910 <button onclick="replaceSmartClose()" class="btn btn-default" >Close</button>
913 </div> 911 </div>
914 </div> 912 </div>
915 913
916 <div id="follow-scroll" style="position:absolute; height:680px; overflow:scroll; margin:0 5 15 5; max-width:280px"> 914 <div id="follow-scroll">
917 <form action="javascript:void(0);"> 915 <form action="javascript:void(0);">
918 <fieldset> 916 <fieldset>
919 <legend><h5 class="text-success"> Config Topic: </h5></legend> 917 <legend><h5 class="text-success"> Config Topic: </h5></legend>
920 <div> current topic is: <?php echo $topic_name['name_en']; ?> <br> 918 <div> current topic is: <?php echo $topic_name['name_en']; ?> <br>
921 (<?php echo $topic_name['name_ch']; ?>, <?php echo $topic_name['name_pinyin']; ?>) 919 (<?php echo $topic_name['name_ch']; ?>, <?php echo $topic_name['name_pinyin']; ?>)