(Horizontal) JMatch Sort v2.1.0 hack

[Pascal C. (scalpa)]

Hello Agnes and Martin

Is it possible to modify the code to include the questions in a div and not directly in the body? So I could create a zone with an include in my php.

Is there a way to modify the code so the questions can be in a div container : 

<div class="questionContainer">
     <?php include 'jmatch_dad_as.inc_1.php'; ?>
</div>

Thanks for your help

[Martin Holmes]

Hi there,

There is such a thing already, surely:

<div class="ExerciseContainer JMatchDrag">
  <div class="StdDiv" id="CheckButtonDiv">
    <button id="CheckButton1" class="FuncButton" onclick="CheckAnswers()">&#160;[strCheckCaption]&#160;</button>
  </div>

</div>

You would have to make sure the existing contents of the container area reproduced by your PHP, of course.

Cheers,
Martin

[Pascal C. (scalpa)]

Hello, thanks to your answer. But it seems that the code build the html outside this div as you can see : 

<div id="ContainerDiv">

<div class="ExerciseContainer JMatchDrag">
<div class="StdDiv" id="CheckButtonDiv">

<button id="CheckButton1" class="FuncButton" onclick="CheckAnswers()">&#160;V&#x00E9;rifier&#160;</button>
</div>
</div>
</div>

<div class="Feedback" id="FeedbackDiv">
<div class="FeedbackText" id="FeedbackContent"></div>
<button id="FeedbackOKButton" class="FuncButton" onclick="HideFeedback(); return false;">&#160;OK&#160;</button>
</div>

<div id="L_0" class="CardStyle">DENT</div>
<div id="L_1" class="CardStyle">DENT</div>
<div id="L_2" class="CardStyle">DENT</div>
<div id="L_3" class="CardStyle">DENT</div>
<div id="L_4" class="CardStyle">DENT</div>
<div id="L_5" class="CardStyle">ARBRE</div>
<div id="L_6" class="CardStyle">ARBRE</div>
<div id="L_7" class="CardStyle">ARBRE</div>
<div id="L_8" class="CardStyle">ARBRE</div>
<div id="L_9" class="CardStyle">ARBRE</div>

<div id="R_0" class="CardStyle">dentaire</div>
<div id="R_1" class="CardStyle">denture</div>
<div id="R_2" class="CardStyle">dentel&#x00E9;</div>
<div id="R_3" class="CardStyle">dentifrice</div>
<div id="R_4" class="CardStyle">&#x00E9;dent&#x00E9;</div>

have a good day

pascal

[Pascal C. (scalpa)]

I sent the html produced with the AS variation of jmatch sort here :  Les familles de mots n°1

I found no simple way to modify the html to use it in my php...

[Agnès S.]

Hello,
If you just need to include the questions in a div, I would try to
replace [V7Cards] in djmatch7.ht_ by
<div class="questionContainer">
[V7Cards]
</div>

Sorry, I can't test if it works. And it seems too easy...

Cheers,
Agnès S.
http://hpaddons.free.fr/

Le 10/11/2025 à 09:59, Pascal C. (scalpa) a écrit :
> I sent the html produced with the AS variation of jmatch sort here : Les

> familles de mots n°1 <https://scalpa.info/francais/vocabulaire/famille/
> famille_1.htm>

> --
> You received this message because you are subscribed to the Google
> Groups "hotpotatoesusers" group.
> To unsubscribe from this group and stop receiving emails from it, send
> an email to hotpotatoesuse...@googlegroups.com
> <mailto:hotpotatoesuse...@googlegroups.com>.
> To view this discussion, visit https://groups.google.com/d/msgid/
> hotpotatoesusers/de9ff095-d730-403d-
> b8eb-2ddce02366ean%40googlegroups.com <https://groups.google.com/d/
> msgid/hotpotatoesusers/de9ff095-d730-403d-
> b8eb-2ddce02366ean%40googlegroups.com?utm_medium=email&utm_source=footer>.

[Pascal C. (scalpa)]

Hello thanks for the help ! I gave up, the code css is too long  and the js too to understand how it works... I change my mind et choose this solution (with a big help from IA)  Les familles de mots  spend a good night. 

Pascal