How to handle innerHTML using javascript

Question

I need to create a table within the page when the submit button is clicked.. so i use onclick() to call the function javascript.. its working fine for one submit button.. if i had more than one submit button its not working fine..

here is the coding javascript coding.

function openemailbox(formtitle, fadin)
{
    var box1 = document.getElementById('box');

    document.getElementById('filter1').style.display='block';

    var btitle1 = document.getElementById('boxtitle');
    btitle1.innerHTML = formtitle;

    if(fadin) {
        gradient1("box1", 0);
        fadein1("box1");
    }
    else {
        box1.style.display='block';
    }
}

the jsp coding is

<div id="filter1"></div>
<div id="box1">
  <span id="boxtitle"></span>
  ...
</div>

if i give two javascript it is working fine for 1 and not for another..instead it displaying without going into the onclick()

Moishe Lettvin · Accepted Answer · 2010-12-06 05:58:50Z

1

I don't see a 'boxtitle1' element in your HTML. Is it possible that when you try to set btitle1.innerHTML you're throwing an exception and the rest of your code is getting skipped?

Have you tried walking through the code in firebug or WebKit developer tools to see what happens?

answered Dec 6, 2010 at 5:58

Moishe Lettvin

8,4791 gold badge29 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Deepa Over a year ago

actually its my mistake..its working for one submit button bt not for another..i have given 2 button and 2 functions for each..

Collectives™ on Stack Overflow

How to handle innerHTML using javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related