title: display a div below a selected input field? No JQuery
body: <p>how to display a div everytime a user focus on a input field. there is already a div and it is hidden. the position of the div will change depending on the position of the selected field and it will be display below </p>
  
  <p>this is my code</p>
  
  <pre class="lang-js prettyprint-override"><code>formFieldListWrapper.style.top = ((((formSelectedFieldInput.offsetTop &gt; (formWrapper.offsetHeight/2))?((formSelectedFieldInput.offsetTop-(formWrapper.offsetHeight/2))-(formSelectedFieldInput.offsetHeight+formWrapper.offsetHeight*0.02)):(formSelectedFieldInput.offsetTop))/formWrapper.offsetHeight)*100) + "%";
  formFieldListWrapper.style.left = ((formSelectedFieldInput.offsetLeft/formWrapper.offsetWidth)*100) + "%";
  </code></pre>