{"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_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"_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":[],"faq_section":[],"class_list":["post-70090","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer-blog"],"jetpack_publicize_connections":[],"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-related-posts":[{"id":144685,"url":"https:\/\/support.questetra.com\/en\/deco\/qstring-overwrite-with-hello-world-2023\/","url_meta":{"origin":70090,"position":0},"title":"qString: Overwrite with HELLO WORLD","author":"IMAMURA, Genichi","date":"2023-04-05","format":false,"excerpt":"Hello World for learning the \"Questetra Form JavaScript API\". Set the following code in the \"Description\" section of the STRING DataItem. The \"Input HELLO WORLD\" button will appear on the Task Form. (Editable Step with read\/write permission)","rel":"","context":"In &quot;Task Form Decoration&quot;","block_context":{"text":"Task Form Decoration","link":"https:\/\/support.questetra.com\/en\/category\/deco\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qstring-overwrite-with-hello-world-2023-capture-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\/2023\/04\/qstring-overwrite-with-hello-world-2023-capture-en.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qstring-overwrite-with-hello-world-2023-capture-en.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qstring-overwrite-with-hello-world-2023-capture-en.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qstring-overwrite-with-hello-world-2023-capture-en.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":163986,"url":"https:\/\/support.questetra.com\/en\/templates\/update-insert-salesforce-customer-object-20211102\/","url_meta":{"origin":70090,"position":1},"title":"Add\/Update Salesforce Account Object","author":"furuzo","date":"2024-07-30","format":false,"excerpt":"This workflow is for adding and updating a Salesforce trading partner record. In the case of a new registration, the supplier record is added to the supplier object. If the registration information is changed, the supplier record is updated. It is assumed that this workflow is automatically started when a\u2026","rel":"","context":"In &quot;Workflow Apps&quot;","block_context":{"text":"Workflow Apps","link":"https:\/\/support.questetra.com\/en\/category\/templates\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/07\/eyecatch-update-insert-salesforce-customer-object-20211102-en.png?fit=960%2C540&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/07\/eyecatch-update-insert-salesforce-customer-object-20211102-en.png?fit=960%2C540&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/07\/eyecatch-update-insert-salesforce-customer-object-20211102-en.png?fit=960%2C540&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2024\/07\/eyecatch-update-insert-salesforce-customer-object-20211102-en.png?fit=960%2C540&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":119759,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/embed-mytask-cors\/","url_meta":{"origin":70090,"position":2},"title":"Displaying [My Tasks] etc. on Websites Other Than Questetra BPM Suite (CORS usage example)","author":"Hirotaka NISHI","date":"2022-03-11","format":false,"excerpt":"Learn how to allow cross-site AJAX requests in your CORS settings to embed My Tasks in an external site.","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\/2022\/03\/embed-mytask-cors-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\/2022\/03\/embed-mytask-cors-en.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/03\/embed-mytask-cors-en.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/03\/embed-mytask-cors-en.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/03\/embed-mytask-cors-en.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":126766,"url":"https:\/\/support.questetra.com\/en\/developer-blog\/tutorial-questetra-form-javascript-api-1\/","url_meta":{"origin":70090,"position":3},"title":"Get\/Set Data Item Values on the Form Screen","author":"Hirotaka NISHI","date":"2022-09-01","format":false,"excerpt":"This section describes how to get\/update Data Item values on the form screen using the Questetra Form JavaScript API.","rel":"","context":"In &quot;Questetra Developers Blog&quot;","block_context":{"text":"Questetra Developers Blog","link":"https:\/\/support.questetra.com\/ja\/category\/developer-blog\/"},"img":{"alt_text":"tutorial questetra form javascript api","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/06\/tutorial-questetra-form-javascript-api.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/06\/tutorial-questetra-form-javascript-api.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/06\/tutorial-questetra-form-javascript-api.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/06\/tutorial-questetra-form-javascript-api.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2022\/06\/tutorial-questetra-form-javascript-api.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":144722,"url":"https:\/\/support.questetra.com\/en\/deco\/qstring-generate-password-2023\/","url_meta":{"origin":70090,"position":4},"title":"qString: Generate Password","author":"IMAMURA, Genichi","date":"2023-04-05","format":false,"excerpt":"Generates a 12-character password. Randomly extracts 2 characters from \"23456789\", 4 characters from \"ACFGHJKNRSUXYZ\", 4 characters from \"acfghjknrsuxyz\", and 2 characters from \"#$%&+-\". Characters that are easily misidentified (e.g., \"1\" and \"l\") are not extracted.","rel":"","context":"In &quot;Task Form Decoration&quot;","block_context":{"text":"Task Form Decoration","link":"https:\/\/support.questetra.com\/en\/category\/deco\/"},"img":{"alt_text":"qString: Generate Password","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qstring-generate-password-2023-capture-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\/2023\/04\/qstring-generate-password-2023-capture-en.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qstring-generate-password-2023-capture-en.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qstring-generate-password-2023-capture-en.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qstring-generate-password-2023-capture-en.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":145306,"url":"https:\/\/support.questetra.com\/en\/deco\/qguide-batch-input-frequent-combination-2023\/","url_meta":{"origin":70090,"position":5},"title":"qGuide: Batch Input Frequent Combination","author":"IMAMURA, Genichi","date":"2023-04-14","format":false,"excerpt":"Button for batch input to multiple form elements allows popular combinations of input values to be implemented as a single button, reducing input costs and the risk of incorrect input. In this example of setting a delivery destination, options such as \"Select: Kyoto Head Office\", \"Select: Management Department\", and \"Select:\u2026","rel":"","context":"In &quot;Task Form Decoration&quot;","block_context":{"text":"Task Form Decoration","link":"https:\/\/support.questetra.com\/en\/category\/deco\/"},"img":{"alt_text":"qGuide: Batch Input Frequent Combination","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qguide-batch-input-frequent-combination-2023-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\/2023\/04\/qguide-batch-input-frequent-combination-2023-en.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qguide-batch-input-frequent-combination-2023-en.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qguide-batch-input-frequent-combination-2023-en.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/04\/qguide-batch-input-frequent-combination-2023-en.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"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","_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"},{"taxonomy":"faq_section","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/faq_section?post=70090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}