Can I add dud links and tooltips in Squiffy with Javascript?

Question

Dud links - A link that can be moused over but not clicked.

Tooltips - The box that appear when mouse over something.

 

These two things could be used in some interesting ways. I am wondering what must be done to do either of these features. Is doing this even possible?

Answer 1

You can use HTML, so you can manually add an <a> tag. If you use the squiffy-link CSS class, it will be styled the same as section and passage links.

To add a link that does nothing when clicked - just use onclick="return false". You can add a tooltip by setting the title attribute in the HTML tag.

This example brings all of the above together:

This is a genuine [link], and this is a <a href="#"
class="squiffy-link" onclick="return false"
title="This is a tooltip">fake link</a>.

[link]:
You clicked the genuine link.

You can run this example here: http://docs.textadventures.co.uk/squiffy/scratchpad/?gistid=d2da6df246f60c7f9d4f&filename=links.squiffy

Comments

Amazing Alex! :) Thank you once again!