Javascript question

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|293\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Web Development -> Javascript question
Sat, 10 Feb 2007, 14:44
mike_g	I have an HTML page with a little javascript prog that runs in it. If I have a variable printed on screen that changes, can i get that change to be displayed on-screen without having to refresh the page? I can do this with form input boxes. IE: document.form.num.value = 10 --v could change the text in a input field to 10, and this would be displayed in the field once that is done. Hope this makes sense.
Sun, 11 Feb 2007, 00:24
shroom_monk	Well, in JavaScript, you can use it tot change the values of any parts of an object in the HTML. So, if you put the text inside an object, you could change it with the JavaScript without having to refresh the page. Although I can't think of any objects that would work off the top of my head... -=-=- A mushroom a day keeps the doctor away... Keep It Simple, Shroom!
Sun, 11 Feb 2007, 07:43
TheMadProff	It should work with text areas, text boxes and probably a few others... -=-=- ''It works, but I'm not sure why it works...''
Sun, 11 Feb 2007, 07:54
mike_g	Yeah i know it works with text boxes, but I wanted to find out if you can do it to normal text, as in not in a box. Calling the time updates text displaying the time every second, so i figured there might be a way to update other text.
Sun, 11 Feb 2007, 08:50
HoboBen	Is this anything like what you want? <style> span.UpdateText { color: #0000FF; text-decoration: underline; cursor: pointer; } </style> <div id="Section1">Old text 1</div> <div id="Section2">Old text 2</div> <div id="Section3">Old text 3</div> <div id="Section4">Special text 4</div> <span class="UpdateText" onclick="document.getElementById('Section1').innerHTML='New Text';">Swap text 1</span> <span class="UpdateText" onclick="document.getElementById('Section2').innerHTML='New Text';">Swap text 2</span> <span class="UpdateText" onclick="document.getElementById('Section3').innerHTML='New Text';">Swap text 3</span> <span class="UpdateText" onmouseover="document.getElementById('Section4').innerHTML='New Text done by mosue over';">Mouse over to swap text 4</span> --v Example Page -=-=- blog \| work \| code \| more code
Sun, 11 Feb 2007, 11:12
mike_g	Cool, that looks like what I want. The text I'm using will be a variable that will change frequently, but from what I have seen I don't think that will be a problem. Now I'll just have to try it out, cheers