Highlighted

How to display text when hovering button?

Explorer ,
Jul 02, 2020

Copy link to clipboard

Copied

I create an extension in PS, and i create some img buttons and i want to display text when hovering button, but something went wrong 🙂 Please help!

 

<button id="btn_1" class="button1" style="height: 25px; width: 30pxtitle="TEST"></button>

Topics

Actions and scripting, How to

Views

299

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to display text when hovering button?

Explorer ,
Jul 02, 2020

Copy link to clipboard

Copied

I create an extension in PS, and i create some img buttons and i want to display text when hovering button, but something went wrong 🙂 Please help!

 

<button id="btn_1" class="button1" style="height: 25px; width: 30pxtitle="TEST"></button>

Topics

Actions and scripting, How to

Views

300

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Jul 02, 2020

Copy link to clipboard

Copied

Your problem has nothing to do with Photoshop. You better ask on Dreamweaver forum.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 03, 2020

Copy link to clipboard

Copied

Hi Bojan,

are you the OP or did you (only) move the question to DW forum?

Hans-Günter

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 03, 2020

Copy link to clipboard

Copied

I only moved question from Photoshop forum. Is there anything wrong or confusing? Perhaps I do not see what you see? I beieve it is very clear who is OP. From question and some code above I think that problem is most likely in code which one usually type in Dreamweaver or similar application not in Photoshop.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 03, 2020

Copy link to clipboard

Copied

Bojan,

You moved your reply.  You didn't move the original post.  That's what was confusing to us. 

I have since merged your reply back into the original post.

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 03, 2020

Copy link to clipboard

Copied

This is all the code you need.

<button title="TEST">Click Me</button>

But tooltips only appear when the HTML document is viewed in a browser. 

Browser tooltips on hoverBrowser tooltips on hover

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 04, 2020

Copy link to clipboard

Copied

Hi Nancy,

thanks for clearing.

What concerns the question: Wouldn't it be better to give the button a text like "Hover this button for Tooltip" instead of "Click Me". My browser does not react to a click.

Hans-Günter

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 04, 2020

Copy link to clipboard

Copied

Hover only works with a mouse.   People using touch screen devices won't see anything on Click/Tap.  I'm assuming the button is mainly for interaction and not for the tooltip.

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 05, 2020

Copy link to clipboard

Copied

Hello milevic,

in my library I found an old thread about Changing Buttons. Combinded with your question I made a website in Dreamweaver, here is the link:

http://hansgd.de/DWTest/ButtonChange/ButtonChange.php 

Maybe you will find something what could be useful for your project.

Hans-Günter

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Explorer ,
Jul 15, 2020

Copy link to clipboard

Copied

Thank you all for your participation and dedication, but I don't know why Bojan redirected the original post, the problem is related to the PS panel. Your solutions are accurate and works on html pages, but for some reason it doesn't work on the my PS panel. I need to display text when hovering button, like you get for example when hovering above lasso or some other tool from toolbar...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 15, 2020

Copy link to clipboard

Copied

The title attribute on a <button> only works in a real browser.   It does not do anything inside Photoshop.

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...