Presenting a small quizcard-mechanism

[Jan]

Hi everyboy
Using:

• https://codepen.io/RuudBurger/pen/bwjry which provided the css
• and a demo made by Mat who demonstrated the method to construct questions using a dictionaryTiddler and
  
• $:/plugins/mklauber/shuffle

I build a nice quizcard-mechanism which can be tested at http://szenio.de/quiz/

I hope you like it.

Cheers Jan

[TonyM]

Jan,

Looks nice and seems to be implemented simply - I like the use of fields for Q and A then datatiddlers for more. I certainly expect to use this.

I want to use it just to reveal some additional content.

Thanks for Sharing.

Tony

[Mohammad]

Hello Jan,

 This is really useful!

I will use it in the class, and its really helpful for education!

I may have some suggestions.

Thank you

[Mohammad]

Jan,

 - The tools menu seems to be CSS conflict, take a look

 -  Using fields is quite interesting for short Q&A, wonderful!!

 -  It is qood to have macro like <<quiz "question" "answer">>

 - If we have a long answer with math formula or codeblock, how we can simply address this?

/Mohammad 

On Tuesday, May 1, 2018 at 2:32:51 AM UTC+4:30, Jan wrote:

[Jan]

Hi Mohammad, hi Tony,
Thank you very much for your Feedback.
I uploaded a new version, with
<<Q&AQuiz "question" "answer">>
<<FieldQuiz>> using fields for Q and A
and I removed the StyleSheetProblems I hope
Be careful, all the macros have been renamed to tell what they're doing.

Jan

[Mohammad]

Thank you Jan!

Now, it  works fine! I may have more comments 

Best

Mohammad

[BurningTreeC]

Hi Jan, that's really cool,  I want to steal this from your page...

for the video not playing ... I changed your macro and got it to work:

\define quizcard()

<div style="float:left; diplay:inline-block; overflow:auto; width:345px; margin-right:-5px; margin-bottom:5px">

<div>

<$list filter="[[$(tiddler)$]getindex[$(question)$]]" variable="answer">

<label>

    <input type="checkbox"  />

    <div class="flipcard">

        <div class="front"><span class="cardtext"><<question>></span></div>

        <div class="back"><span class="cardtext"><<answer>></span></div>

</div>

</label>

</$list>

</div>

</div>

\end

I think it's because you would get {{{{Videotest}}}} the way you did it, and that doesn't work. But this doesn't work either: {{<$transclude tiddler="Videotest"/>}}. So it seems that double-transclusion should be avoided

best wishes and thanks for this creation,

Simon

[BurningTreeC]

oh, I found a typo, too ... first line in the quizcard macro ... you'll spot it!

[BurningTreeC]

what's cool with your creation: the video keeps playing when you flip the card, awesome

[Jan]

Hallo Simon,
thanks for fixing this - your solution is uploaded
Since the video now plays, it is not even necessary to fix the Typo.

Your Jan

Am 01.05.2018 um 13:58 schrieb BurningTreeC:

oh, I found a typo, too ... first line in the quizcard macro ... you'll spot it!

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ee12d686-2685-4eb3-9a21-b338b9a76eb1%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.