[SOLVED] live update

[dreamci]

hi i want to make an input text field and when someone writes some value in it, i want to make some calculations with that value and write again without submitting form , i think it is possible can u help me how to make that , i think we should use javascript

[DeanWhitehouse]

javascript, if you want help with the code i am free to help

[dreamci]

i cant believe this place its like live chat help:) i asked 3 question so far i get answer in a second:) thank you blade can u help me with the code, i know nothing about javascript if you can give me simple example like adding 1 to user input value and showing

[kenrbnsn]

This has nothing to do with PHP, moving it to the miscellaneous area.

 

Ken

[DeanWhitehouse]

what calculations?

[dreamci]

i want to show 2% of the value which user has written in the input field without submitting

 

[DeanWhitehouse]

ok, i will show you how to get the value from the field and display it underneath without reloading.

<script type="text/javascript">
function current()
{	
        //get the value from the text field
        var current = document.getElementById("current").value;

        //print to the div
document.getElementById("preview").innerHTML = current;
}
</script>
<input type="text" onKeyup="current()" id="current"/>
<div id="preview"></div>

[dreamci]

this is exactly what i wanted:) thank you very much

[DeanWhitehouse]

no problem.

[dreamci]

blade i cant put this code inside <form></form> tags it gives error but works if its outside of the tags

[DeanWhitehouse]

post your code, and the error

[dreamci]

canyou check from here, my computer language isnt english so my error message is in my language it gives the error at the left bottom of the page where status stands

http://www.turkinteraktif.com/denemehtml.php

 

code is

 

      <script type="text/javascript">
function current()
{    
        //get the value from the text field
        var current = document.getElementById("current").value;
    
        //print to the div
    document.getElementById("preview").innerHTML = current*2;
}
</script>
<form>
<input type="text" onKeyup="current()" id="current"/>
<div id="preview"></div></form>

 

 

 

[DeanWhitehouse]

i am lost of why it isn't working , try asking in the javascript forum

[dreamci]

thank you anyway blade very usefull still

[GingerRobot]

The problem is that you've named the function and the variable with the same name. Try:

 

      <script type="text/javascript">
function timesbytwo()
{    
        //get the value from the text field
        var current = document.getElementById("current").value;
    
        //print to the div
    document.getElementById("preview").innerHTML = current*2;
}
</script>
<form>
<input type="text" onKeyup="timesbytwo()" id="current"/>
<div id="preview"></div></form>