Javascript issue while working with confluence

[Avinash]

Hi,

I just started testing using javascript for my confluence page. This is the simple test java script im using

1 2	var element=document.getElementById("header"); element.innerHTML="New Header";

I have the following WML on my confluence page

1 2 3

{div:id=header} Old Header {div}

But, when i execute it, i dont get the required "New Header" as result. I get the same "Old header" text on my page. But, other commands like a simple document.write() works. It doesnt give me the required result when im trying to access a particular part of the body using divs. I dont know what i am doing wrong. Any solutions?? Plz help.... I am working on a standalone version of confluence 3.5.9.

Thanks,

Avinash

[Amalia]

You can add AJS.toInit(function() { to wrap your code:

<script>
  AJS.toInit(function() {
    var element=document.getElementById("header");
	element.innerHTML="New Header";
  });
</script>

Since the top navigation bar is placed inside an element with ID "header", the top navigation bar is replaced instead of the one created in your Confluence page

[Avinash]

It works partially. I get the "new header" displayed but it doesnt replace the "old header"...it renders it at thetop left of the confluence window. How do i get it to replace the old header with the new header text?