# Jslink title

**URL:** <https://discourse.holoviz.org/t/jslink-title/2318>\
**Category:** Panel\
**Tags:** panel\
**Created:** [May 20, 2021, 2:11am UTC](https://discourse.holoviz.org/t/jslink-title/2318 "2021-05-20T02:11:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahuang11](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/ahuang11/32/4947_2.png) [@ahuang11](https://discourse.holoviz.org/u/ahuang11)\
**Post date:** [May 20, 2021, 2:11am UTC](https://discourse.holoviz.org/t/jslink-title/2318/1 "2021-05-20T02:11:31Z")

</div>

Is there a way to update the title through javascript? I know it’s possible through `plot.apply.opts(title=widget.param.value)`, but I don’t want a server.

```auto
import holoviews as hv
import panel as pn

hv.extension("bokeh")
pn.extension()

x = [0, 1, 2]
y = [3, 4, 5]

widget = pn.widgets.TextInput(value="ABC")
plot = hv.Curve((x, y))

jscode = """
    plot.title = cb_obj.value;
    cb_obj.change.emit();
"""
link = widget.jslink(plot, code={'value': jscode})

pn.Column(widget, plot)

```

---

<div class="post-metadata">

**Author:** ![ahuang11](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/ahuang11/32/4947_2.png) [@ahuang11](https://discourse.holoviz.org/u/ahuang11)\
**Post date:** [May 20, 2021, 2:12am UTC](https://discourse.holoviz.org/t/jslink-title/2318/2 "2021-05-20T02:12:42Z")

</div>

Oh, just needed .text:

```auto
import holoviews as hv
import panel as pn

hv.extension("bokeh")
pn.extension()

x = [0, 1, 2]
y = [3, 4, 5]

widget = pn.widgets.TextInput(value="ABC")
plot = hv.Curve((x, y))

jscode = """
    plot.title.text = cb_obj.value;
    cb_obj.change.emit();
"""
link = widget.jslink(plot, code={'value': jscode})

pn.Column(widget, plot)

```

---

<div class="post-metadata">

**Author:** ![ahuang11](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/ahuang11/32/4947_2.png) [@ahuang11](https://discourse.holoviz.org/u/ahuang11)\
**Post date:** [May 20, 2021, 2:14am UTC](https://discourse.holoviz.org/t/jslink-title/2318/3 "2021-05-20T02:14:26Z")

</div>

Can be simplified to

```auto
import holoviews as hv
import panel as pn

hv.extension("bokeh")
pn.extension()

x = [0, 1, 2]
y = [3, 4, 5]
title = "Title"

widget = pn.widgets.TextInput(value=title)
plot = hv.Curve((x, y)).opts(title=title)

link = widget.jslink(plot, value="plot.title.text")

pn.Column(widget, plot)

```