Setting an objects value

MrPickle · #1 (**permalink**) 01-25-2008, 01:54 PM

I want to set a text fields value to whatever's there plus something else when they push a button, basically, add onto what's currently in the box.

I've done the following but it sets the boxes value to "undefined"

It creates nine buttons, then when one is pushed, the corresponding value should be added to the answer box. (I am making a calculator to learn PHP)

PHP Code:

  echo "<input type=\"text\" id=\"answer\" size=\"21\" readonly=\"readonly\"></br>";
for($i=0; $i<10; $i++){
    echo "<input type=\"button\" value=\"" . $i . "\" name=\"Cal_" . $i . "\" style=\"width:" . $width . "px;height:" . $height . "px\" onClick=\"document.getElementById('answer').value=document.getElementById('answer').value" . $i . "\">";
}

I didn't know where to post this as the onClick is Java and the rest is PHP so I guessed here.

MrPickle · #2 (**permalink**) 01-25-2008, 05:19 PM

Got it working with Javascript;

HTML Code:

<script type="text/javascript">
function setAnswerValue(number){
obj = document.getElementsByName("answer")[0];
value = obj.value;
if(obj.value == "Answer")
    obj.value = number;
else
    obj.value = value + number;
}
</script>

then:

HTML Code:

<input type="text" name="answer" size="21" readonly="readonly" value="Answer">

PHP Code:

  for($i=1; $i<10; $i++){
        echo "<input type='button' value='" . $i . "' name='Cal_" . $i . "' style='width:" . $width . "px;height:" . $height . "px' onClick='setAnswerValue(" . $i . ")'>";
}

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode