Textbox, Input (text) on turbotax... anyone know which 3rd party textbox this is???

Textbox, Input (text) on turbotax... anyone know which 3rd party textbox this is???

Post by pld88 » Sat, 24 Feb 2007 04:37:05


https://turbotaxweb.turbotaxonline.intuit.com/open/registration/SignIn.htm

anyone know which 3rd party textbox this is???
 
 
 

Textbox, Input (text) on turbotax... anyone know which 3rd party textbox this is???

Post by Gregory A. » Sat, 24 Feb 2007 05:55:34

May not be third party. It looks like simple JavaScript and CSS to me.

--
Gregory A. Beamer
MVP; MCP: +I, SE, SD, DBA
http://www.yqcomputer.com/

********************************************
Think outside the box!
********************************************

 
 
 

Textbox, Input (text) on turbotax... anyone know which 3rd party textbox this is???

Post by George Ter » Sat, 24 Feb 2007 06:44:28

It's pretty neat. So i decided to steal that from them :)

I actually looked at the source. They are using some crazy framework and the
whole page is done with JavaScript. That is why no source is available when
you right click on the page.

Anyway I saved their page with IE on my desktop and started to dig.
If you want those shadows it can be done with .css
<style>
INPUT.edit {
BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid;
PADDING-LEFT: 3px; FILTER:
progid:DXImageTransform.Microsoft.DropShadow(color="#666666",offX=2,offY=2);
FONT: 12px Arial,sans-serif; BORDER-LEFT: #666666 1px solid; COLOR: #333366;
BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #ffffee
}
</style>

<input type="text" name=test class=edit>

That would do it. Naturally works only in IE. In FireFox there will be no
shadows.
As for slowly apearing blue color - it requires a lot more javascript. But
you can find an Animator object in the script files. That is the one that
does it. Also look for setFocus and setBlur that are attached to the input
boxes (onFocus, onBlur).



George

"Cowboy (Gregory A. Beamer)" < XXXX@XXXXX.COM > wrote in
 
 
 

Textbox, Input (text) on turbotax... anyone know which 3rd party textbox this is???

Post by George Ter » Sun, 25 Feb 2007 05:51:05

uys, I finaly got that script out.
So whoever wants to have input boxes like this
https://turbotaxweb.turbotaxonline.intuit.com/open/registration/SignIn.htm?customerSource=3945900000


Welcome to use this code :) It's not mine I just stole it (and reworked a
little) from that page.


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style>
INPUT.edit {
BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid;
PADDING-LEFT: 3px; FILTER:
progid:DXImageTransform.Microsoft.DropShadow(color="#666666",offX=2,offY=2);
FONT: 12px Arial,sans-serif; BORDER-LEFT: #666666 1px solid; COLOR: #333366;
BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #ffffee
}
</style>
<script>
function setFocus(e)
{
e.style.borderColor='#333333'
if (typeof Animator!="undefined" && null!=Animator)
Animator.run(Animator.fadeColor (e,setBGColor,'#ffffee','#cfe3fe'),8, 30)
else
e.style.backgroundColor='#cfe3fe'
}
function setBlur(e)
{
e.style.borderColor='#666666'
if (typeof Animator!="undefined" && null!=Animator)
Animator.run(Animator.fadeColor (e,setBGColor,'#cfe3fe','#ffffee'),8, 30)
else
e.style.backgroundColor='#ffffee'
}

Animator = new function()
{
var Animator = this;
var kIEOpacityFilter="DXImageTransform.Microsoft.Alpha";
Animator.run = function(efx, iterations, intervalTime, callback)
{
if(!(efx instanceof Array))
efx = new Array(efx);
var itr = 0, cnt = efx.length;
if(isUndefined(callback))
callback = null;
function _cancel()
{
if(tmrId)
{
itr = iterations;
_tick();
}
}
function _tick()
{
itr++;
var percent = itr/iterations;
for(var i=0; i < cnt; ++i) if(efx[i]) efx[i](percent);
if(percent > 1)
{
clearInterval(tmrId);
tmrId = null;
if(callback) callback();
}
}

for(var i=0; i < cnt; ++i)
if(efx[i]) break;
if(i == cnt)
{
if(callback) callback();
return null;
}
var tmrId = setInterval(_tick, intervalTime);
return _cancel;
}

Animator.fade = function(e, start, end, callback)
{
if(start > 100) start = 100;
if(start < 0) start = 0;
if(end > 100) end = 100;
if(end < 0) end = 0;
Animator.setOpacity(e, start);
return function(percent)
{
if(percent < 1)
{
Animator.setOpacity(e, start + Math.floor((end - start) * percent));
show(e);
}
else if(1 == percent)
{
Animator.setOpacity(e, end);
if(0 == end)
{
hide(e);
Animator.setOpacity(e, 100);
}
}
else
if(percent > 1 && isDefined(callback))
callback(e);
}
}

Animator.setOpacity=function(e,opacity)
{
if(opacity>100)opacity=100;
if(opacity<0)opacity=0;
if(e.filters!=undefined&&e.filters!=null)
{
if(Animator.hasOpacityFilter(e))
e.filters.item(kIEOpacityFilter).Opacity=opacity;
}
else
{
var v=opacity/100;
if(v<0)v=0;
if(v>0.99)v=0.99;
e.style.opacity=v;
}
}

Animator.hasOpacityFilter=function(e)
{
return(e.filters!=undefined&&e.filters!=null&&e.filters.length>0&&e.filters.item(kIEOpacityFilter));
}

Animator.fadeColor = function(e, func, fromClrStr, toClrStr, callback)
{
var fromClr = new zColor(fromClrStr), endClr = new zColor(toClrStr);
return