comparison views/Extractapp/EditTaglist.php @ 97:c1bb174a22f3 extractapp

Topic synchronization with LGServices. Adaption for moving table from Gazetteer to LGService.
author Zoe Hong <zhong@mpiwg-berlin.mpg.de>
date Tue, 16 Feb 2016 15:07:43 +0100
parents 9a29e9d28ece
children c3e149277b58
comparison
equal deleted inserted replaced
96:ce7e933b18b0 97:c1bb174a22f3
39 <link rel="stylesheet" href="../css/colorpicker.css" type="text/css" /> 39 <link rel="stylesheet" href="../css/colorpicker.css" type="text/css" />
40 <script type="text/javascript" src="../js/colorpicker.js"></script> 40 <script type="text/javascript" src="../js/colorpicker.js"></script>
41 <script type="text/javascript" src="../js/eye.js"></script> 41 <script type="text/javascript" src="../js/eye.js"></script>
42 <script type="text/javascript" src="../js/utils.js"></script> 42 <script type="text/javascript" src="../js/utils.js"></script>
43 <script type="text/javascript" src="../js/layout.js?ver=1.0.2"></script> 43 <script type="text/javascript" src="../js/layout.js?ver=1.0.2"></script>
44
44 </head> 45 </head>
45 46
46 <body> 47 <body>
47 48
48 <h3>Topic Tag is "<?php echo $taglistArray[$topic_tag_id][1]; ?>" </h3> 49 <h3>Topic Tag is "<?php echo $taglistArray[$topic_tag_id][1]; ?>" </h3>
53 <script type="text/javascript"> 54 <script type="text/javascript">
54 55
55 // var largestId = 0; 56 // var largestId = 0;
56 var largestId = JSON.parse('<?php echo json_encode($largestId) ?>'); 57 var largestId = JSON.parse('<?php echo json_encode($largestId) ?>');
57 var topic_tag_id = JSON.parse('<?php echo json_encode($topic_tag_id) ?>'); 58 var topic_tag_id = JSON.parse('<?php echo json_encode($topic_tag_id) ?>');
59
60 $(document).on("keydown", ".englishOnly", function () {
61
62 //$(".englishOnly").on( "keydown", function( event ) {
63
64 console.log(".englishOnly");
65
66 var englishAlphabetAndWhiteSpace =/[A-Za-z 0-9]/g;
67
68 var key = String.fromCharCode(event.which);
69
70 // --- key code: ---
71 // space: 32, delete: 8, enter: 13, tab: 9
72 // [a-z]: 65-91
73 // [0-9]: 48-57
74 // esc: 27
75 // shift, ctr, alt: 16, 17, 18, 20
76 // cmd: 91
77
78 if (event.keyCode == 8 || event.keyCode == 9 || (event.keyCode >= 16 && event.keyCode <= 20) || event.keyCode == 27 || event.keyCode == 37 || event.keyCode == 39 || event.keyCode == 91 || englishAlphabetAndWhiteSpace.test(key)) {
79 return true;
80 }
81
82
83 alert("Please type in English characters.");
84
85 $(this).val("");
86
87
88 return false;
89 });
90
58 91
59 function addTag() { 92 function addTag() {
60 93
61 largestId++; 94 largestId++;
62 var row = tableMain.insertBefore(document.createElement("tr"), document.getElementById("trAddTag") ); 95 var row = tableMain.insertBefore(document.createElement("tr"), document.getElementById("trAddTag") );
79 var newcolumn = document.createElement("td"); 112 var newcolumn = document.createElement("td");
80 newcolumn.setAttribute("width","150"); 113 newcolumn.setAttribute("width","150");
81 newcolumn.id = "tdTag"+largestId; 114 newcolumn.id = "tdTag"+largestId;
82 newcolumn.setAttribute("idnum",largestId); 115 newcolumn.setAttribute("idnum",largestId);
83 newcolumn.setAttribute("name","tdTag"); 116 newcolumn.setAttribute("name","tdTag");
117
84 row.appendChild(newcolumn).innerHTML=""; 118 row.appendChild(newcolumn).innerHTML="";
85 // --- 119 // ---
86 120
87 121
88 var newcolumn = document.createElement("td"); 122 var newcolumn = document.createElement("td");
366 var newTextBox = document.createElement("input"); 400 var newTextBox = document.createElement("input");
367 newTextBox.id = "input"+this.id; 401 newTextBox.id = "input"+this.id;
368 newTextBox.setAttribute("name","inputTag"); 402 newTextBox.setAttribute("name","inputTag");
369 newTextBox.setAttribute("onfocus","this.select()"); 403 newTextBox.setAttribute("onfocus","this.select()");
370 newTextBox.setAttribute("size","20"); 404 newTextBox.setAttribute("size","20");
405
406 newTextBox.setAttribute("class","englishOnly");
407 newTextBox.setAttribute("placeholder","English characters only");
408
371 this.appendChild(newTextBox).value=startPageValue; 409 this.appendChild(newTextBox).value=startPageValue;
372 410
373 $("#input"+this.id).focus(); 411 $("#input"+this.id).focus();
374 } ); 412 } );
375 413