/    Sign up×
Community /Pin to ProfileBookmark

Making text appear and stay

Copy linkTweet thisAlerts:
May 10.2007

Hi, I am building an educational site and would like to implement fill-in-the-blank functions. For example, after reading a paragraph, the user will have a sentence like, “Jack took the to see his parents.” When the user single click on the blank space, the word “train” appears, so the sentence reads, “Jack took the train to see his parents.” and the word “train” remains visible from then on.

Three questions please:

  • 1.

    What is the most best way to do this without using java?

  • 2.

    If Java needs to be used, how can it be done?

  • 3.

    Would the site be penalized by Google and the other SE spiders for the fact that some of the words will be invisible at the start?

    • TIA

    to post a comment
    CSS

    3 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @ray326May 11.2007 — 
  • 1. You could try making the invisible text an anchor and use a :visited style.

  • 2. If you felt you really needed to use Java I guess you'd have to write an applet to contain the application.

  • 3. I doubt it.
    • Copy linkTweet thisAlerts:
    @Boca_RatonauthorMay 11.2007 — "1. You could try making the invisible text an anchor and use a :visited style."

    I'm afraid I am very new at this. Would you happen to have the code for making the above happen? Sorry.

    Thanks.
    Copy linkTweet thisAlerts:
    @ray326May 11.2007 — Here's a fragment. I had to use Javascript.
    [code=html]
    ...
    <style type="text/css">
    a.hidden {
    text-decoration:none;
    color: #ffe;
    background: #ffe;
    }
    </style>
    </head>

    <body>
    <p>Lorem ipsum dolor sit amet,
    <a class="hidden" href="#" onclick="this.style.color='#000';return false;">
    consectetuer adipiscing elit
    </a>.
    Sed metus. Sed sapien nisl, facilisis ut, dictum ut, suscipit at, erat.</p>[/code]
    ×

    Success!

    Help @Boca_Raton spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 4.28,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,

    tipper: @Samric24,
    tipped: article
    amount: 1000 SATS,
    )...