Sunday, April 16, 2017

revised composer

code *<div id="bgi20170416esu1922chartframe">
<img id="bgi20170416esu1922chart" src="http://elite.finviz.com/publish/041617/NVETccdl22317060.png" />
<div id="bgi20170416esu1922chartcontrols">
<span onmouseover="bgi20170416esu1922('1d')">1d</span>
<span onmouseover="bgi20170416esu1922('5d')">5d</span>
<span onmouseover="bgi20170416esu1922('d')">d</span>
<span onmouseover="bgi20170416esu1922('a')">a</span>
<span onmouseover="bgi20170416esu1922('w')">w</span>
<span onmouseover="bgi20170416esu1922('m')">m</span>
</div>
</div>
<div onmouseover="bgi20170416esu1922('previous')" id="bgi20170416esu1922p">p</div>
<div onmouseover="bgi20170416esu1922('next')" id="bgi20170416esu1922n">n</div>
<style>
#bgi20170416esu1922chartframe {position:fixed;left:10%;top:20%;width:70%;height:70%;background-color:violet}
#bgi20170416esu1922chart {position:absolute;left:0%;top:0%;height:90%}
#bgi20170416esu1922chartcontrols {position:absolute;left:0%;top:90%;width:100%;height:10%}
#bgi20170416esu1922chartframe span {margin-left:30px;background-color:navajowhite;color:burlywood}
#bgi20170416esu1922p {position:fixed;left:0%;top:70%;width:10%;height:10%;background-color:greenyellow;color:pink;font-size:5em}
#bgi20170416esu1922n {position:fixed;right:0%;top:70%;width:10%;height:10%;background-color:greenyellow;color:pink;font-size:5em}
</style>

<!--<div style="position:absolute;left:50px;top:50px;width:200px;height:200px;background-color:pink"></div>-->*