Hold Tab key event in textareas

3 Posts

danykey Reply #1, 14 years, 11 months ago

Hi to all.

I had make a script which based on the stuff by other peoples.
The script finds textareas and automaticly append checkbox ''Hold Tab key events" on bottom.
So, we can write/edit html/css data with tabulation.

For revolution need add to: manager/templates/default/header.tpl

<script src="{$_config.manager_url}assets/tabentry/prototype.js" type="text/javascript"></script>
<script src="{$_config.manager_url}assets/tabentry/selrange.js" type="text/javascript"></script>
<script src="{$_config.manager_url}assets/tabentry/tabentry.js" type="text/javascript"></script>
<script src="{$_config.manager_url}assets/tabentry/init_tabentry.js" type="text/javascript"></script>

For evolution need add to: manager/includes/header.inc.php

<script type="text/javascript" src="media/script/tabentry/src/prototype.js"></script>
<script type="text/javascript" src="media/script/tabentry/src/selrange.js"></script>
<script type="text/javascript" src="media/script/tabentry/src/tabentry.js"></script>
<script type="text/javascript" src="media/script/tabentry/init_tabentry.js"></script>

Tabentry javascripts:
http://dev.castwide.com/distro/tabentry/

init_tabentry.js code:


function initTabEntry() {

  var textareas = document.getElementsByTagName("textarea");
  for(var i=0; i<textareas.length; i++) {

        var textarea = textareas[i];

        var div = document.createElement("table");
        div.style.width = "100%";
        var checkbox = document.createElement("input");
        checkbox.type = "checkbox";
        checkbox.checked = "true";
        div.appendChild(checkbox);
        div.appendChild(document.createTextNode(" Hold Tab key event"));

        textarea.parentNode.insertBefore(div, textarea);

        TabEntry.enable(textarea, checkbox);
  }
}

window.onload = initTabEntry;

Thanks. [ed. note: danykey last edited this post 14 years, 11 months ago.]