# Dashboard top bar Logo clickable?

**URL:** <https://discourse.nodered.org/t/dashboard-top-bar-logo-clickable/50627>\
**Category:** Dashboard\
**Created:** [5 September 2021 08:16 UTC](https://discourse.nodered.org/t/dashboard-top-bar-logo-clickable/50627 "2021-09-05T08:16:53Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Jean-Luc](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jean-luc/32/89996_2.png) [@Jean-Luc](https://discourse.nodered.org/u/Jean-Luc)\
**Post date:** [5 September 2021 11:42 UTC](https://discourse.nodered.org/t/dashboard-top-bar-logo-clickable/50627/3 "2021-09-05T11:42:56Z")

</div>

Hey Steve,  
thank you for the 2 tracks to follow.  
I am in the 1st case "head template". I totally understand the idea of adding an HTML  
`<a>` element with its href attribute.  
Something like this `<a href="https://example.com">Website</a>` . it suits me perfectly.  
However my scripting skills suck. Could you please tell me how to add these attributes to this script?  
I did read and re-read the help but I am not skilled enough to implement this in the script.

The 2nd track, I find it less relevant in my case. On the other hand very interesting in other situations.  
I tried it with this [subject](https://discourse.nodered.org/t/button-in-title-bar/33229) and this [one](https://discourse.nodered.org/t/button-in-topbar/6377)  
I attach the actual script below

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

        //add logo
        var div1 = $('<div/>');
        var logo = new Image();

        logo.src = '/logo-onduleur.png'
        logo.height = 50;
        div1[0].style.margin = '10px auto';

        div1.append(logo);

        //add clock
        var div2 = $('<div/>');
        var p = $('<p/>');

        div2.append(p);
        div2[0].style.margin = '5px';

        function displayTime() {
            p.text(new Date().toLocaleString());
        }
        
        clockInterval = setInterval(displayTime, 1000);

        //add to toolbar when it's available
        var addToToolbarTimer;
        
        function addToToolbar() {
            var toolbar = $('.md-toolbar-tools');
            
            if(!toolbar.length) return;
            
            toolbar.append(div1);
            toolbar.append(div2);
            clearInterval(addToToolbarTimer);
        }
        addToToolbarTimer = setInterval(addToToolbar, 100);
    });
</script>

```

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-top-bar-logo-clickable/50627)._