Inline JavaScript Messaging

Sometimes, it would be nice to be able to briefly render a message to the user in the location the user is interacting. In the success page of the Fingerprint generator, we wanted to be able advise the user that some text was successfully copied to the clipboard as soon as the user clicked the copy icon. But we didn't want to add anymore clutter to an already busy page.

As you can see above, the code removes the original text, the two outer characters at a time, then fills in the desired message. After a brief pause, the original message is returned.

JavaScript Code

Example

<div>
	<span id="someTargetId">Why did they bury the blind man on the hill</span> 
	<button class="rounded" onclick="inlineMessage('someTargetId', 'Because he was dead.', 'section-title', 2000, 15)">?</button>
</div>