# Button on top bar

**URL:** https://discourse.nodered.org/t/button-on-top-bar/46147
**Category:** Dashboard
**Created:** [24 May 2021 10:43 UTC](https://discourse.nodered.org/t/button-on-top-bar/46147 "2021-05-24T10:43:52Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![grandautism](https://avatars.discourse-cdn.com/v4/letter/g/b5ac83/32.png) [@grandautism](https://discourse.nodered.org/u/grandautism)
#### Post date: [24 May 2021 10:43 UTC](https://discourse.nodered.org/t/button-on-top-bar/46147/1 "2021-05-24T10:43:52Z")

</div>

Hello  
I am trying to implement a button (to log out) on the top bar, I used this code (i found it in this forum)  
but I don't know what to add, I can't see anything on my top bar

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/4/140a80bad5a5579bf256d0c004f236bd88468d6f.png)

````auto
<script id="clockScript1" type="text/javascript">
 var param = 'Home';
 var theScope = scope;
 var clockInterval;
 $(function () {
 if (clockInterval) return;

 // add button
 var div3 = $('<div/>');
 var button = document.createElement("BUTTON");
 var b = document.createTextNode("Déconnexion")
 var logo = new Image();
 //logo.src='/wieland_logo.jpeg';
 //logo.height=45;
 //button.appendChild(logo);
 //button.height=45;
 //button.left=50; 
 //button.appendChild(b);
 button.addEventListener("click", doIT.bind(null, param));
 div3.append(button);
 
 //var div5 =$('<div/>');
 //var taster = document.createElement("Button");
 //var pic = new Image();
 //pic.src = "/wieland_logo.jpeg";
 //pic.height=45;
 //taster.appendChild(pic);
 //pic.addEventListener("click", doIT.bind(null,param));
 //div5.append(taster);
 
 //add to toolbar when it's available
 var addToToolbarTimer;
 
 function addToToolbar() {
 var toolbar = $('.md-toolbar-tools');
 
 if(!toolbar.length) return;
 //toolbar.append(div5);
 toolbar.append(div4);
 //toolbar.append(div1);
 toolbar.append(div3);
 //toolbar.append(div2)
 clearInterval(addToToolbarTimer);
 }
 addToToolbarTimer = setInterval(addToToolbar, 100);
 
 function doIT(m){
 theScope.send(m);
 }
 });
 
</script>```
````

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [23 June 2021 10:44 UTC](https://discourse.nodered.org/t/button-on-top-bar/46147/2 "2021-06-23T10:44:35Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.