Content removed as per user request. Please disregard this post

Anki Card Design
1

Content removed as per user request. Please disregard this post

2

Hint fields would be immediate solution to this. It’ll give you links that you tap to show their content, not that you can tap anywhere and it’ll sequentially show the fields.

3

With the Hint hotkeys addon, on desktop, you can get the sequential opening effect when pressing H.

5

Well, if you want it to be that fancy, it’s possible to do with Javascript. Off the top of my head, the main design pieces would be

  1. Have <div> with the styling position: absolute; width: 100%; height: 100%; right: 0; top: 0; background: transparent. The idea is to have a transparent element overlaid over everything
    • probably also need to pointer-events appropriately on the overlay and the underlying content
  2. The onclick function on the <div> is one that finds the next unopened hint field and opens it.
  3. The result would be that clicking or tapping anywhere calls the onclick of the overlay div and sequentially opens hint fields

I think you can still use the default hint fields. They simply create an <a> with the class hint. The onclick function would do something like this to get the yet unopened hints and open one of them

const hints = document.querySelectorAll("a.hint")
const unopenedHints = hints.filter(el => {
  return window.getComputedStyle(element).display === 'block';
})
// Click on the <a>, which'll show the div with the content and hide the <a>
unopenedHints [0].click()

Edit: Got the display condition the wrong way around. The <a> is initially displayed and clicking it hides it and displays the corresponding <div> with the field content.

6

Actually an ever better idea for the onclick function is to adapt the JS function from the Hint hotkeys addon for this purpose as it has a lot more thought put into it: hint-hotkeys/src/hint_hotkeys/web/reveal_hint.js at main · glutanimate/hint-hotkeys · GitHub

7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.