<make type="textarea" id="fakePwd" level="1" dims="myPassword" class="" refObj="myPassword" autoAlign="" replace="">
<!--Style and set functions, etc.-->
</make>
<myPassword>
<pgTBObjSet>
{ myProp : "visible",
myValue : false }
</pgTBObjSet>
</myPassword>
<!DOCTYPE html>
<html>
<head>
<style>
.example1 {
color: white;
caret-color: black;
resize: none;
height: 25px;
width: 340px;
font-family: 'Lucida Console', monospace;
font-size: 22px;
padding-left: 5px;
overflow: hidden;
}
.example2 {
display: block;
position: absolute;
top: 12px;
left: 15px;
width: auto;
font-family: 'Lucida Console', monospace;
font-size: 20px;
}
</style>
</head>
<body>
<textarea id="response" class="example1" value="" onkeydown="showDots()"></textarea><br><br>
<div id="dots" class="example2"></div>
<script>
function setFocus()
{
var obj1 = document.getElementById("response");
obj1.focus();
}
function showDots()
{
var fct = function()
{
var obj1 = document.getElementById("response");
var txt = obj1.value;
txt = txt.replace(/(\r\n|\n|\r)/gm, ""); //get rid of line break(s)
obj1.value = txt;
var dot = '\u2022';
var L = txt.length;
txt = "";
var i;
for(i = 0; i < L; i++)
{
txt = txt + dot;
}
var obj2 = document.getElementById("dots");
obj2.innerHTML = txt;
moveCaretToEnd();
}
setTimeout(fct, 100);
}
function showPwd()
{
var obj1 = document.getElementById("response");
var txt = obj1.value;
var obj2 = document.getElementById("dots");
obj2.innerHTML = txt;
}
function hidePwd()
{
var obj2 = document.getElementById("dots");
obj2.innerHTML = "";
showDots();
}
function moveCaretToEnd() {
var el = document.getElementById("response2");
if (typeof el.selectionStart == "number") {
el.selectionStart = el.selectionEnd = el.value.length + 1;
} else if (typeof el.createTextRange != "undefined") {
el.focus();
var range = el.createTextRange();
range.collapse(false);
range.select();
}
}
function getResult()
{
var obj1 = document.getElementById("response");
var obj2 = document.getElementById("dots");
var txt = obj1.value;
top.tbfunction_pgTBObjSet("result", "text", txt);
obj1.value = "";
obj2.innerHTML = "";
}
</script>
</body>
</html>
Users browsing this forum: No registered users and 7 guests