{"id":70090,"date":"2017-02-03T10:53:37","date_gmt":"2017-02-03T01:53:37","guid":{"rendered":"https:\/\/support.questetra.com\/?p=70090"},"modified":"2026-04-14T15:25:27","modified_gmt":"2026-04-14T06:25:27","slug":"decoration-samples","status":"publish","type":"post","link":"https:\/\/support.questetra.com\/en\/developer-blog\/decoration-samples\/","title":{"rendered":"Decoration Samples"},"content":{"rendered":"<h1>General Ideas for Decoration<\/h1>\n<p>These JavaScript codes are not officially supported. There is a possibility that they might stop working due to future version upgrades. Please take full responsibility for any errors and use these codes at your own risk.<\/p>\n<p>* These code generators run entirely in your browser (100% client-side).<br \/>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:1px;border-color:#eeeeee\"><\/div>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-70103\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-fig1.gif?resize=479%2C89&#038;ssl=1\" alt=\"\" width=\"479\" height=\"89\" \/><\/p>\n<h2 id=\"button-input-overwrite\" class=\"navi\">Button Input (Overwrite)<\/h2>\n<p>Input Value:<input id=\"bio-buttonValue\" style=\"width: 120px;\" type=\"text\" value=\"JAPAN\" \/> Button ID:<input id=\"bio-buttonId\" style=\"width: 70px;\" type=\"text\" value=\"myJapan\" \/> Q-Form ID<input id=\"bio-inputFormId\" style=\"width: 40px;\" type=\"text\" value=\"9\" \/>: <button id=\"genBIO\" type=\"button\">Generate Code<\/button><script type=\"text\/javascript\">\n\/\/\/ Use full jQuery function name to reference jQuery for NO CONFLICT.\njQuery( document ).ready(function(){\n    function myGen(){\n      var tmp = \"<button type='button' id='\"; tmp += jQuery('#bio-buttonId').val(); tmp += \"'>\";\n      tmp += jQuery('#bio-buttonValue').val();\n      tmp += \"<\/button> <\"; tmp += \"script type='text\/javascript\"; tmp += \"'>\\n  jQuery(\\\"#\";\n      tmp += jQuery('#bio-buttonId').val();\n      tmp += \"\\\").on(\\\"click\\\",function(){ \\n\";\n      tmp += \"  jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#bio-inputFormId').val();\n      tmp += \"\\\\\\\\].input']\\\").val('\";\n      tmp += jQuery('#bio-buttonValue').val();\n      tmp += \"');});\\n<\/\"; tmp += \"script>\";\n      jQuery('#bio-code-for-input').val( tmp );\n    }\n    function myGen2(){\n      var tmp2 = \"<button type='button' id='\"; tmp2 += jQuery('#bio-buttonId').val(); tmp2 += \"'>\";\n      tmp2 += jQuery('#bio-buttonValue').val();\n      tmp2 += \"<\/button> \";\n      tmp2 += \"<script type='text\/javascript\"; tmp2 += \"'>\\n  jQuery(\\\"#\";\n      tmp2 += jQuery('#bio-buttonId').val();\n      tmp2 += \"\\\").on(\\\"click\\\",function(){ \\n\";\n      tmp2 += \"  jQuery(\\\"textarea[name='data\\\\\\\\[\";\n      tmp2 += jQuery('#bio-inputFormId').val();\n      tmp2 += \"\\\\\\\\].input']\\\").val('\";\n      tmp2 += jQuery('#bio-buttonValue').val();\n      tmp2 += \"');});\\n<\/\"; tmp2 += \"script>\";\n      jQuery('#bio-code-for-textarea').val( tmp2 );\n    }\n    jQuery('#genBIO').on('click',function(){ myGen(); myGen2(); });\n    myGen(); myGen2();\n});\n<\/script><br \/>\n<textarea id=\"bio-code-for-input\" style=\"width: 670px;\" rows=\"4\"><\/textarea><br \/>\n<textarea id=\"bio-code-for-textarea\" style=\"width: 670px;\" rows=\"4\"><\/textarea><\/p>\n<h2 id=\"button-input-append\" class=\"navi\">Button Input (Append)<\/h2>\n<p>Input Value:<input id=\"bia-buttonValue\" style=\"width: 120px;\" type=\"text\" value=\"USA\" \/> Button ID:<input id=\"bia-buttonId\" style=\"width: 70px;\" type=\"text\" value=\"myUSA\" \/> Q-Form ID<input id=\"bia-inputFormId\" style=\"width: 40px;\" type=\"text\" value=\"10\" \/>: <button id=\"genBIA\" type=\"button\">Generate Code<\/button><script type=\"text\/javascript\">\njQuery( document ).ready(function(){\n    function myGen(){\n      var tmp = \"<button type='button' id='\"; tmp += jQuery('#bia-buttonId').val(); tmp += \"'>(+) \";\n      tmp += jQuery('#bia-buttonValue').val();\n      tmp += \"<\/button> <\"; tmp += \"script type='text\/javascript\"; tmp += \"'>\\n  jQuery(\\\"#\";\n      tmp += jQuery('#bia-buttonId').val();\n      tmp += \"\\\").on(\\\"click\\\",function(){ \\n\";\n      tmp += \"  var currentStr = jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#bia-inputFormId').val();\n      tmp += \"\\\\\\\\].input']\\\").val();\\n\";\n      tmp += \"  jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#bia-inputFormId').val();\n      tmp += \"\\\\\\\\].input']\\\").val( currentStr + '\";\n      tmp += jQuery('#bia-buttonValue').val();\n      tmp += \", ');});\\n<\/\"; tmp += \"script>\";\n      jQuery('#bia-code-for-input').val( tmp );\n    }\n    function myGen2(){\n      var tmp2 = \"<button type='button' id='\"; tmp2 += jQuery('#bia-buttonId').val(); tmp2 += \"'>(+) \";\n      tmp2 += jQuery('#bia-buttonValue').val();\n      tmp2 += \"<\/button> <\"; tmp2 += \"script type='text\/javascript\"; tmp2 += \"'>\\n  jQuery(\\\"#\";\n      tmp2 += jQuery('#bia-buttonId').val();\n      tmp2 += \"\\\").on(\\\"click\\\",function(){ \\n\";\n      tmp2 += \"  var currentStr = jQuery(\\\"textarea[name='data\\\\\\\\[\";\n      tmp2 += jQuery('#bia-inputFormId').val();\n      tmp2 += \"\\\\\\\\].input']\\\").val();\\n\";\n      tmp2 += \"  jQuery(\\\"textarea[name='data\\\\\\\\[\";\n      tmp2 += jQuery('#bia-inputFormId').val();\n      tmp2 += \"\\\\\\\\].input']\\\").val( currentStr + '\";\n      tmp2 += jQuery('#bia-buttonValue').val();\n      tmp2 += \", ');});\\n<\/\"; tmp2 += \"script>\";\n      jQuery('#bia-code-for-textarea').val( tmp2 );\n    }\n    jQuery('#genBIA').on('click',function(){ myGen(); myGen2(); });\n    myGen(); myGen2();\n});\n<\/script><br \/>\n<textarea id=\"bia-code-for-input\" style=\"width: 670px;\" rows=\"5\"><\/textarea><br \/>\n<textarea id=\"bia-code-for-textarea\" style=\"width: 670px;\" rows=\"5\"><\/textarea><br \/>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:1px;border-color:#eeeeee\"><\/div>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-70107\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-fig2.gif?resize=400%2C200&#038;ssl=1\" alt=\"\" width=\"400\" height=\"200\" \/><\/p>\n<h2 id=\"button-input-yyyymm\" class=\"navi\">Button Input (yyyy-MM)<\/h2>\n<p>Button ID:<input id=\"yyyymm-buttonId\" style=\"width: 70px;\" type=\"text\" value=\"myYM\" \/> Q-Form ID<input id=\"yyyymm-inputFormId\" style=\"width: 40px;\" type=\"text\" value=\"14\" \/>: <button id=\"genYM\" type=\"button\">Generate Code<\/button><script type=\"text\/javascript\">\njQuery( document ).ready(function(){\n    function myGen(){\n      var tmp = \"<button type='button' id='\"; tmp += jQuery('#yyyymm-buttonId').val(); tmp += \"'>\u4eca\u6708(This)<\/button> <button type='button' id='\"; tmp += jQuery('#yyyymm-buttonId').val() + \"Next'>\u6765\u6708(Next)<\/button> <\"; tmp += \"script type='text\/javascript\"; tmp += \"'>\\n  jQuery('#\";\n      tmp += jQuery('#yyyymm-buttonId').val();\n      tmp += \"').on('click',function(){\\n\";\n      tmp += \"  var myToday = new Date(); var y = myToday.getFullYear(); var m = myToday.getMonth() + 1;\\n\";\n      tmp += \"  var tmp = y + '-' + ('00' + m).slice( -2 ); jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#yyyymm-inputFormId').val();\n      tmp += \"\\\\\\\\].input']\\\").val( tmp ); }); \\n\";\n      tmp += \"  jQuery('#\";\n      tmp += jQuery('#yyyymm-buttonId').val() + \"Next\";\n      tmp += \"').on('click',function(){\\n\";\n      tmp += \"  var myDayVal = new Date(); myDayVal.setDate(1); myDayVal.setMonth(myDayVal.getMonth() + 1);\\n\";\n      tmp += \"  var y2 = myDayVal.getFullYear(); var m2 = myDayVal.getMonth() + 1; \/\/ Jan: 0\\n\";\n      tmp += \"  var tmp2 = y2 + '-' + ('00' + m2).slice( -2 ); jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#yyyymm-inputFormId').val();\n      tmp += \"\\\\\\\\].input']\\\").val( tmp2 ); });\";\n      tmp += \"\\n<\"; tmp += \"\/script>\";\n      jQuery('#yyyymm-code-for-input').val( tmp );\n    }\n    jQuery('#genYM').on('click',function(){ myGen(); });\n    myGen();\n});\n<\/script><br \/>\n<textarea id=\"yyyymm-code-for-input\" style=\"width: 670px;\" rows=\"10\"><\/textarea><br \/>\n<!--\n\n\n<h2 id=\"button-input-ymplus\" class=\"navi\">Button Input (yyyy-MM +)<\/h2>\n\n\nButtons Class:<input id=\"ymplus-buttonId\" style=\"width: 70px;\" type=\"text\" value=\"myYMP\" \/> Q-Form ID (retrieve)<input id=\"ymplus-inputFormId\" style=\"width: 40px;\" type=\"text\" value=\"15\" \/> Q-Form ID (update)<input id=\"ymplus-inputFormId-update\" style=\"width: 40px;\" type=\"text\" value=\"16\" \/>: <button id=\"genYMP\" type=\"button\">Generate Code<\/button><script type=\"text\/javascript\">\njQuery( document ).ready(function(){\n    function myGen(){\n      var tmp = \"\";\n      for( var i = 1; i <= 12; i++ ){\n        tmp += \"<button type='button' class='\"; tmp += jQuery('#ymplus-buttonId').val(); tmp += \"' data-term='\" + i + \"'>\" + i + \"<\/button> \";\n      }\n      tmp += \"<script type='text\/javascript\"; tmp += \"'>\\n  jQuery('button.\";\n      tmp += jQuery('#ymplus-buttonId').val();\n      tmp += \"').on('click',function(){\\n\";\n      tmp += \"  var startDate = new Date( jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#ymplus-inputFormId').val();\n      tmp += \"\\\\\\\\].input']\\\").val() + '-01' );\\n\";\n      tmp += \"  var addTerm = parseInt( startDate.getMonth() ) + parseInt( jQuery(this).data('term') ) - 1;\\n\";\n      tmp += \"  var endDate = startDate; endDate.setMonth( addTerm );\\n\";\n      tmp += \"  var y = endDate.getFullYear(); var m = endDate.getMonth() + 1;\\n\";\n      tmp += \"  jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#ymplus-inputFormId-update').val();\n      tmp += \"\\\\\\\\].input']\\\").val( y + '-' + ('00' + m).slice( -2 ) );});\";\n      tmp += \"\\n<\"; tmp += \"\/script>\";\n      jQuery('#ymplus-code-for-input').val( tmp );\n    }\n    jQuery('#genYMP').on('click',function(){ myGen(); });\n    myGen();\n});\n<\/script>\n<textarea id=\"ymplus-code-for-input\" style=\"width: 670px;\" rows=\"16\"><\/textarea>\n[su_divider top=\"no\" divider_color=\"#eeeeee\" size=\"1\" margin=\"40\"]\n--><br \/>\n<!--\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-70109\" src=\"https:\/\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-fig3.gif\" alt=\"\" width=\"360\" height=\"180\" \/>\n\n\n<h2 id=\"button-input-time\" class=\"navi\">Button Input (hh:mm)<\/h2>\n\n\nButtons Class (Time):<input id=\"time-buttonId\" style=\"width: 70px;\" type=\"text\" value=\"my17deco\" \/> Q-Form ID (update)<input id=\"time-inputFormId\" style=\"width: 30px;\" type=\"text\" value=\"17\" \/>: <button id=\"genTimes\" type=\"button\">Generate Code<\/button><script type=\"text\/javascript\">\njQuery( document ).ready(function(){\n    function myGen(){\n      var tmp = \"<button type='button' class='\"; tmp += jQuery('#time-buttonId').val(); tmp += \"' data-time='18:00'>18:00<\/button> <button type='button' class='\"; tmp += jQuery('#time-buttonId').val(); tmp += \"' data-time='18:30'>18:30<\/button> <button type='button' class='\"; tmp += jQuery('#time-buttonId').val(); tmp += \"' data-time='19:00'>19:00<\/button>, <button type='button' class='\"; tmp += jQuery('#time-buttonId').val() + 'Add'; tmp += \"' data-addmin='-5'>-5<\/button> <button type='button' class='\"; tmp += jQuery('#time-buttonId').val() + 'Add'; tmp += \"' data-addmin='-1'>-1<\/button> <button type='button' class='\"; tmp += jQuery('#time-buttonId').val() + 'Add'; tmp += \"' data-addmin='1'>+1<\/button> <button type='button' class='\"; tmp += jQuery('#time-buttonId').val() + 'Add'; tmp += \"' data-addmin='5'>+5<\/button> <script type='text\/javascript'>\\n\";\n      tmp += \"  jQuery('button.\";\n      tmp += jQuery('#time-buttonId').val();\n      tmp += \"').on('click',function(){\\n\";\n      tmp += \"    var timeStr = jQuery(this).data('time');\\n\";\n      tmp += \"    jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#time-inputFormId').val();\n      tmp += \"\\\\\\\\].time']\\\").val( timeStr );\\n\";\n      tmp += \"  });\\n  jQuery('button.\";\n      tmp += jQuery('#time-buttonId').val() + 'Add';\n      tmp += \"').on('click',function(){\\n\";\n      tmp += \"    var myMin = parseInt( jQuery(this).data('addmin') );\\n\";\n      tmp += \"    var tmpStr = jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#time-inputFormId').val();\n      tmp += \"\\\\\\\\].time']\\\").val();\\n\";\n      tmp += \"    var tmpDate = new Date();\\n\";\n      tmp += \"    tmpDate.setHours( tmpStr.substring(0,2) );\\n\";\n      tmp += \"    tmpDate.setMinutes( tmpStr.substring(3,5) );\\n\";\n      tmp += \"    tmpDate.setMinutes( tmpDate.getMinutes() + myMin );\\n\";\n      tmp += \"    var timeStr = ('0' + tmpDate.getHours()).slice(-2) + ':';\\n\";\n      tmp += \"    timeStr += ('0' + tmpDate.getMinutes()).slice(-2);\\n\";\n      tmp += \"    jQuery(\\\"input[name='data\\\\\\\\[\";\n      tmp += jQuery('#time-inputFormId').val();\n      tmp += \"\\\\\\\\].time']\\\").val( timeStr );\\n\";\n      tmp += \"  });\\n<\"; tmp += \"\/script>\";\n      jQuery('#time-code-for-input').val( tmp );\n    }\n    jQuery('#genTimes').on('click',function(){ myGen(); });\n    myGen();\n});\n<\/script>\n<textarea id=\"time-code-for-input\" style=\"width: 670px;\" rows=\"22\"><\/textarea>\n--><br \/>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:1px;border-color:#eeeeee\"><\/div>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-70111\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-fig4.gif?resize=480%2C100&#038;ssl=1\" alt=\"\" width=\"480\" height=\"100\" \/><\/p>\n<h2 id=\"text-counter\" class=\"navi\">Text Counter<\/h2>\n<p>Span ID:<input id=\"span20Tc\" style=\"width: 70px;\" type=\"text\" value=\"my20\" \/> Q-Form ID (retrieve)<input id=\"formIdTc\" style=\"width: 40px;\" type=\"text\" value=\"20\" \/>: <button id=\"genTc\" type=\"button\">Generate Code<\/button><script type=\"text\/javascript\">\njQuery( document ).ready(function(){\n    function myGen(){\n      var tmp = \"<span id='\"; tmp += jQuery('#span20Tc').val(); tmp += \"'>0<\/span> letters <script type='text\/javascript'\"; tmp += \">\\n  jQuery('textarea[name=\\\"data\\\\\\\\[\";\n      tmp += jQuery('#formIdTc').val();\n      tmp += \"\\\\\\\\].input\\\"]').bind('keyup change',function(){\\n\";\n      tmp += \"    var myTextLength = jQuery(this).val().length;\\n\";\n      tmp += \"    jQuery('#\";\n      tmp += jQuery('#span20Tc').val();\n      tmp += \"').html( myTextLength );\\n\";\n      tmp += \"  });\\n<\/\"; tmp += \"script>\";\n      jQuery('#codeTc').val( tmp );\n    }\n    function myGen2(){\n      var tmp2 = \"<span id='\"; tmp2 += jQuery('#span20Tc').val(); tmp2 += \"'>0<\/span> (<span id='\"; tmp2 += jQuery('#span20Tc').val(); tmp2 += \"2'>0<\/span>) <script type='text\/javascript'\"; tmp2 += \">\\n  jQuery('textarea[name=\\\"data\\\\\\\\[\";\n      tmp2 += jQuery('#formIdTc').val();\n      tmp2 += \"\\\\\\\\].input\\\"]').bind('keyup change',function(){\\n\";\n      tmp2 += \"    var myTextLength = jQuery(this).val().length;\\n\";\n      tmp2 += \"    jQuery('#\";\n      tmp2 += jQuery('#span20Tc').val();\n      tmp2 += \"').html( myTextLength );\\n\";\n      tmp2 += \"    var myTextLength2 = jQuery(this).val().replace(\/\\\\r|\\\\n\/g, '').replace(\/\\\\s+\/g,' ').length;\\n\";\n      tmp2 += \"    jQuery('#\";\n      tmp2 += jQuery('#span20Tc').val();\n      tmp2 += \"2').html( myTextLength2 );\\n\";\n      tmp2 += \"  });\\n<\/\"; tmp2 += \"script>\";\n      jQuery('#codeTc2').val( tmp2 );\n    }\n    jQuery('#genTc').on('click',function(){ myGen(); myGen2(); });\n    myGen(); myGen2();\n});\n<\/script><br \/>\n<textarea id=\"codeTc\" style=\"width: 670px;\" rows=\"6\"><\/textarea><br \/>\n<textarea id=\"codeTc2\" style=\"width: 670px;\" rows=\"8\"><\/textarea><br \/>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:1px;border-color:#eeeeee\"><\/div>\n<!--\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-70112\" src=\"https:\/\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-fig5.gif\" alt=\"\" width=\"540\" height=\"180\" \/>\n\n\n<h2 id=\"text-file-paste\" class=\"navi\">Text File Paste<\/h2>\n\n\nButton ID:<input id=\"file-buttonId\" style=\"width: 70px;\" type=\"text\" value=\"my25deco\" \/> Q-Form ID (update)<input id=\"file-inputFormId\" style=\"width: 30px;\" type=\"text\" value=\"25\" \/> Text Encode<input id=\"text-encode\" style=\"width: 60px;\" type=\"text\" value=\"shift-jis\" \/>: <button id=\"genFileOpen\" type=\"button\">Generate Code<\/button><script type=\"text\/javascript\">\njQuery( document ).ready(function(){\n    function myGen(){\n      var tmp = \"<input type='file' id='\"; tmp += jQuery('#file-buttonId').val(); tmp += \"' name='nouse' accept='.csv'> <button type='button' id='\"; tmp += jQuery('#file-buttonId').val() + 'Open'; tmp += \"'>TSV Import<\/button><script type='text\/javascript'>\\n\";\n      tmp += \"jQuery('#\";\n      tmp += jQuery('#file-buttonId').val() + 'Open';\n      tmp += \"').on('click',function(){\\n\";\n      tmp += \"  var myFile = jQuery('#\";\n      tmp += jQuery('#file-buttonId').val();\n      tmp += \"').get(0).files[0];\\n\";\n      tmp += \"  var reader = new FileReader();\\n\";\n      tmp += \"  reader.readAsText( myFile, '\";\n      tmp += jQuery('#text-encode').val();\n      tmp += \"' );\\n  reader.onload = function(evt){\\n\";\n      tmp += \"    jQuery(\\\"textarea[name='data\\\\\\\\[\";\n      tmp += jQuery('#file-inputFormId').val();\n      tmp += \"\\\\\\\\].input']\\\").val( evt.target.result );\\n\";\n      tmp += \"  };\\n\";\n      tmp += \"});\\n<\"; tmp += \"\/script>\";\n      jQuery('#file-open-code').val( tmp );\n    }\n    jQuery('#genFileOpen').on('click',function(){ myGen(); });\n    myGen();\n});\n<\/script>\n<textarea id=\"file-open-code\" style=\"width: 670px;\" rows=\"11\"><\/textarea>\n--><br \/>\n<div class=\"su-divider su-divider-style-default\" style=\"margin:40px 0;border-width:1px;border-color:#eeeeee\"><\/div>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-70113\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-fig6.gif?resize=540%2C270&#038;ssl=1\" alt=\"\" width=\"540\" height=\"270\" \/><\/p>\n<h2 id=\"tsv-checker\" class=\"navi\">TSV Format Checker<\/h2>\n<p>Button ID:<input id=\"tsv-buttonId\" style=\"width: 70px;\" type=\"text\" value=\"my30deco\" \/> Q-Form ID (retrieve)<input id=\"tsv-inputFormId\" style=\"width: 30px;\" type=\"text\" value=\"30\" \/>: <button id=\"genTsv\" type=\"button\">Generate Code<\/button><script type=\"text\/javascript\">\njQuery( document ).ready(function(){\n    function myGen(){\n      var tmp = \"<button type='button' id='\"; tmp += jQuery('#tsv-buttonId').val(); tmp += \"'>Table View for Format Check<\/button><br \/><span id='\"; tmp += jQuery('#tsv-buttonId').val() + 'View'; tmp += \"'><\/span><script type='text\/javascript\"; tmp += \"'>\\n\";\n      tmp += \"jQuery('#\";\n      tmp += jQuery('#tsv-buttonId').val();\n      tmp += \"').on('click',function(){\\n\";\n      tmp += \"  var myHtmlCode = '';\\n\";\n      tmp += \"  var myTsv = jQuery(\\\"textarea[name='data\\\\\\\\[\";\n      tmp += jQuery('#tsv-inputFormId').val();\n      tmp += \"\\\\\\\\].input']\\\").val();\\n\";\n      tmp += \"  var tsvRecords = myTsv.split('\\\\n');\\n\";\n      tmp += \"  myHtmlCode += '<\"; tmp += \"table border=\\\\'1\\\\'>';\\n\";\n      tmp += \"  for( var i = 0; i < tsvRecords.length; i++ ){\\n\";\n      tmp += \"    var fieldValues = tsvRecords[i].split('\\\\t');\\n\";\n      tmp += \"    myHtmlCode += '<\"; tmp += \"tr>';\\n\";\n      tmp += \"    for( var j = 0; j < fieldValues.length; j++ ){\\n\";\n      tmp += \"      myHtmlCode += '<\"; tmp += \"td>' + fieldValues[j] + '<\"; tmp += \"\/td>';\\n\";\n      tmp += \"    }\\n\";\n      tmp += \"    myHtmlCode += '<\"; tmp += \"\/tr>';\\n\";\n      tmp += \"  }\\n  myHtmlCode += '<\"; tmp += \"\/table>';\\n\";\n      tmp += \"  jQuery('#\";\n      tmp += jQuery('#tsv-buttonId').val() + 'View';\n      tmp += \"').html( myHtmlCode );\\n\";\n      tmp += \"});\\n<\"; tmp += \"\/script>\";\n      jQuery('#tsv-format-checker').val( tmp );\n    }\n    jQuery('#genTsv').on('click',function(){ myGen(); });\n    myGen();\n});\n<\/script><br \/>\n<textarea id=\"tsv-format-checker\" style=\"width: 670px;\" rows=\"19\"><\/textarea><\/p>\n","protected":false},"excerpt":{"rendered":"<p>with speed and ease !!<\/p>\n","protected":false},"author":3,"featured_media":102708,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[296],"tags":[],"class_list":["post-70090","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer-blog"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?fit=1200%2C675&ssl=1","uagb_featured_image_src":{"full":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?fit=1200%2C675&ssl=1",1200,675,false],"thumbnail":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=440%2C440&ssl=1",440,440,true],"medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?fit=560%2C315&ssl=1",560,315,true],"medium_large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?fit=768%2C432&ssl=1",768,432,true],"large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?fit=1024%2C576&ssl=1",1024,576,true],"1536x1536":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?fit=1200%2C675&ssl=1",1200,675,true],"2048x2048":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?fit=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-portrait-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=900%2C675&ssl=1",900,675,true],"newspack-article-block-square-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=800%2C600&ssl=1",800,600,true],"newspack-article-block-portrait-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=600%2C675&ssl=1",600,675,true],"newspack-article-block-square-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=800%2C675&ssl=1",800,675,true],"newspack-article-block-landscape-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=600%2C450&ssl=1",600,450,true],"newspack-article-block-portrait-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=450%2C600&ssl=1",450,600,true],"newspack-article-block-square-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=600%2C600&ssl=1",600,600,true],"newspack-article-block-landscape-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=400%2C300&ssl=1",400,300,true],"newspack-article-block-portrait-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=300%2C400&ssl=1",300,400,true],"newspack-article-block-square-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=400%2C400&ssl=1",400,400,true],"newspack-article-block-landscape-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=200%2C150&ssl=1",200,150,true],"newspack-article-block-portrait-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=150%2C200&ssl=1",150,200,true],"newspack-article-block-square-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?resize=200%2C200&ssl=1",200,200,true],"newspack-article-block-uncropped":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2017\/02\/decoration-samples-1200x675-1.png?fit=1200%2C675&ssl=1",1200,675,true]},"uagb_author_info":{"display_name":"Hirotaka NISHI","author_link":"https:\/\/support.questetra.com\/en\/author\/nishiquestetra\/"},"uagb_comment_info":0,"uagb_excerpt":"with speed and ease !!","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9DiIh-ieu","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":95602,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/description-html-v1220\/","url_meta":{"origin":70090,"position":0},"title":"How to Handle Errors in the Description Field of Data Items (Ver. 12.2)","author":"Hirotaka NISHI","date":"2020-10-05","format":false,"excerpt":"The new version, Ver. 12.2 will enhance setting checks of the Description field of Data Items. We will share how to handle errors","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/en\/category\/developer-blog\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/10\/description-html-v1220-en.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/10\/description-html-v1220-en.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/10\/description-html-v1220-en.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/10\/description-html-v1220-en.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/10\/description-html-v1220-en.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":80114,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/message-start-event-receive-task-form-basic\/","url_meta":{"origin":70090,"position":1},"title":"Let&#8217;s Create Public Web Forms (Basic)","author":"Hirotaka NISHI","date":"2020-10-01","format":false,"excerpt":"Introducing \u201cMessage Start Event (Form)\u201d and \u201cReceive Task (Form)\u201d that can be set up as a Web form accessible from outside.","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/en\/category\/developer-blog\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/web-form-featured-image.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/web-form-featured-image.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/web-form-featured-image.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/web-form-featured-image.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/web-form-featured-image.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":88633,"url":"https:\/\/support.questetra.com\/en\/addons\/stripe-customer-object-create\/","url_meta":{"origin":70090,"position":2},"title":"Stripe: Customer Object, Create","author":"IMAMURA, Genichi","date":"2020-06-03","format":false,"excerpt":"Creates the Customer object on the payment platform Stripe. Once the object is created, subsequent card billing is possible. Token ID and the customer email etc are required. Realizes a billing environment that does not touch sensitive info.","rel":"","context":"In &quot;Add-ons&quot;","block_context":{"text":"Add-ons","link":"https:\/\/support.questetra.com\/en\/category\/addons\/"},"img":{"alt_text":"Stripe: Customer Object, Create","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/06\/Stripe-Customer-Object-Create-en.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/06\/Stripe-Customer-Object-Create-en.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/06\/Stripe-Customer-Object-Create-en.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/06\/Stripe-Customer-Object-Create-en.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/06\/Stripe-Customer-Object-Create-en.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":93945,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/choices-aws-lambda-kintone\/","url_meta":{"origin":70090,"position":3},"title":"Using Kintone App as an External Master","author":"Shiho Tatsumi","date":"2020-08-26","format":false,"excerpt":"We are going to use data that has been managed by kintone as the external options master for Search Select Box in Questetra BPM Suite. For the resource of AWS that relays kintone and Questetra BPM, Terraform is available.","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/en\/category\/developer-blog\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/08\/Kintone-as-Master-1.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/08\/Kintone-as-Master-1.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/08\/Kintone-as-Master-1.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/08\/Kintone-as-Master-1.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2020\/08\/Kintone-as-Master-1.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":75838,"url":"https:\/\/support.questetra.com\/en\/bpmn-icons\/catching-message-intermediate-event-http\/","url_meta":{"origin":70090,"position":4},"title":"Catching Message Intermediate Event (HTTP)","author":"Hirotaka NISHI","date":"2019-03-19","format":false,"excerpt":"Holds a token and listens for HTTP requests at a specific URL. Receiving an HTTP request, the token advances. Capable of receiving values in parameters and overwriting business data.","rel":"","context":"In &quot;BPMN Icons&quot;","block_context":{"text":"BPMN Icons","link":"https:\/\/support.questetra.com\/en\/category\/bpmn-icons\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-bpmn-catching-message-intermediate-event-http-1200x675.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-bpmn-catching-message-intermediate-event-http-1200x675.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-bpmn-catching-message-intermediate-event-http-1200x675.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-bpmn-catching-message-intermediate-event-http-1200x675.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/10\/bpmn-icon-bpmn-catching-message-intermediate-event-http-1200x675.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":70597,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/choices-salesforce\/","url_meta":{"origin":70090,"position":5},"title":"How to Use Customer Data in Salesforce as Options","author":"HatanakaAkihiro","date":"2018-08-16","format":false,"excerpt":"How to check details of selected customer data on Salesforce.","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/en\/category\/developer-blog\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2018\/08\/salesforce-choices-1200x675-1.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2018\/08\/salesforce-choices-1200x675-1.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2018\/08\/salesforce-choices-1200x675-1.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2018\/08\/salesforce-choices-1200x675-1.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2018\/08\/salesforce-choices-1200x675-1.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/70090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/comments?post=70090"}],"version-history":[{"count":13,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/70090\/revisions"}],"predecessor-version":[{"id":95945,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/70090\/revisions\/95945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media\/102708"}],"wp:attachment":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media?parent=70090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/categories?post=70090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/tags?post=70090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}