Mercurial > hg > extraction-interface
diff develop/views/Extractapp/taggingtext.php @ 10:54a235d43694
add topic choosing in the TaggingText page
author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
---|---|
date | Tue, 10 Feb 2015 16:20:29 +0100 |
parents | 584b1623e9ef |
children | 3d6fba07bfbd |
line wrap: on
line diff
--- a/develop/views/Extractapp/taggingtext.php Mon Feb 09 18:59:24 2015 +0100 +++ b/develop/views/Extractapp/taggingtext.php Tue Feb 10 16:20:29 2015 +0100 @@ -4,9 +4,8 @@ $wordlistArray = $viewmodel['wordlistArray']; $taglistArray = $viewmodel['taglistArray']; $section_id = $viewmodel['section_id']; - - -var_dump($taglistArray); +$topiclistArray = $viewmodel['topiclistArray']; +$default_topic_id = $viewmodel['default_topic_id']; ?> @@ -226,6 +225,73 @@ } +function chooseTopic(section_id, default_topic_id) { + var t = JSON.parse( '<?php echo json_encode($topiclistArray) ?>' ); + + $('#load_topic_div').html(""); + $('#load_topic_div').css("display", "block"); + $('#load_topic_div').css("border", "1px solid black"); + $('#load_topic_div').css("background-color", "White"); + $('#load_topic_div').css("width", "200px"); + $('#load_topic_div').css("height", "50px"); + $('#load_topic_div').css("top", "20px"); + $('#load_topic_div').css("left", "-200px"); + + var topic_select = document.createElement("select"); + topic_select.id = "loadTopiclist"; + var selected_topic = t[0]; + topic_select.onchange = function(){ + + selected_topic = topic_select.options[topic_select.selectedIndex]; + console.log(selected_topic.text); + + var topic_id = selected_topic.value; + var topic_name = selected_topic.text; + + var form = document.createElement("form"); + form.setAttribute("method", "post"); + form.setAttribute("action", "./"+section_id); // hand to controller + form.setAttribute("target", "_self"); + + var hiddenField = document.createElement("input"); + hiddenField.setAttribute("name", "topic"); + hiddenField.setAttribute("value", topic_id); + form.appendChild(hiddenField); + + if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1) { + document.body.appendChild(form); + form.submit(); + } else { + form.submit(); // works under IE and Chrome, but not FF + } + + + + }; + + + //Create and append the options + for (var i = 0; i < t.length; i++) { + console.log(t[i]['id']+","+t[i]['name']); + var option = document.createElement("option"); + option.value = t[i]['id']; + option.text = t[i]['name']; + if (option.value == default_topic_id) { + option.selected = true; + }; + topic_select.appendChild(option); + } + + $('#load_topic_div').append(topic_select); + + var newbutton = document.createElement("button"); + $(newbutton).html("Close"); + $(newbutton).attr("onclick", "$('#load_topic_div').css(\"display\", \"none\");"); + $('#load_topic_div').append(newbutton); + +} + + $(document).on("change", '#smartRegexPopUpSelectWord', function (e) { <?php @@ -248,6 +314,7 @@ <td width="270" valign="top"> <div id="follow-scroll" style="position:absolute; width: 220" width="220"> <div id="load_regex_div" style="position: absolute; display: none"></div> + <div id="load_topic_div" style="position: absolute; display: none"></div> <div id="smartRegexPopUpDiv" style="position: absolute; display: none"> Name: <input id="smartRegexPopUpName"></input><br><br> Word List: @@ -280,6 +347,8 @@ <button onclick="replaceSmartClose()" style="height: 30px; width: 50px">Close</button> </div> <form action="javascript:void(0);"> + <button onclick="chooseTopic(<?php echo $section_id;?>, <?php echo $default_topic_id; ?>)">Choose Topic</button> + <fieldset> <legend>Replace By <i><b>Smart Regex</b></i>©:</legend> <div id="smartRegexShowDiv"></div><br> @@ -331,4 +400,5 @@ </tr> </table> </body> + </html>