[SOLVED] How set HTML element title by JS function ?

MakeTopSite · 05-27-2024, 02:25 AM

How can I please make something like that:

Code:

<p title=<script>SomeJSFunctionReturningString();</script> 
...
/p>

NevemTeve · 05-27-2024, 05:11 AM

That doesn't work this way. Try some action-handler attribute like onmouseover:

Code:

<script>function setTitleTo(elem,value) {
    elem.title= value;
}</script>
...
<p title="default" onmouseover="setTitleTo(this,'Sometext')" onmouseout="setTitleTo(this,'Othertext')"

Michael Uplawski · 05-28-2024, 12:10 AM

Quote:

Originally Posted by NevemTeve

That doesn't work this way. Try some action-handler attribute like onmouseover:

Code:

<script>function setTitleTo(elem,value) {
    elem.title= value;
}</script>
...
<p title="default" onmouseover="setTitleTo(this,'Sometext')" onmouseout="setTitleTo(this,'Othertext')"

That is it.

Or, if the procedure is only meant to spare you the trouble to set titles based on given properties of an element, call the script in an onload-handler (i.e. upon page load). In this cas you have to identify the interesting properties of the element in question inside the script or determine them from parameters or both (probably both).

Keep reading the docs.

MakeTopSite · 06-09-2024, 05:13 AM

Quote:

Originally Posted by NevemTeve

That doesn't work this way. Try some action-handler attribute like onmouseover:

Code:

<script>function setTitleTo(elem,value) {
    elem.title= value;
}</script>
...
<p title="default" onmouseover="setTitleTo(this,'Sometext')" onmouseout="setTitleTo(this,'Othertext')"

Thank you this has solved the problem.