Bonjour,
Pour insérer un type de réponse numéric dans une image, j'ai utilisé la possibilité de joindre du css dans une question.
Ca fonctionne correctement mais lorsque wims réalise son analyse le css n'est pas transmis donc le résultat final n'est pas top.
Est-ce qu'à terme cela pourrait évoluer??????
Je vous communique le code pour une meilleure compréhension du problème.
On constate que la première réponse est bien interprétée par le serveur donc elle ne bouge pas tandis que la 2ème passe en tête de l'image.
Malgré tout je souhaite utiliser la 2ème technique car on peut la mettre dans une boucle. Pour graduer des axes c'est plus efficace.
Code: |
\title{Test}
\language{fr}
\range{-5..5}
\author{}
\email{}
\computeanswer{no}
\format{html}
\precision{10000}
\text{test=wims(record 0 of graph.css)}
\integer{n=randint(0..4)}
\integer{v=100+50*\n}
\text{vi=\v}
\text{vt=}
\for{u=1 to 8}{
\integer{s=\v*\u}
\text{vt=wims(append item \s to \vt)}
}
\text{C=slib(graphpaper/millimetre 15,24,,,1 t,\v V en Km/H,,,,0,0,1,100,2,300)}
\text{url = draw(600,800
\C)}
\statement{ \test
<br>
<div class="consigne">
Ce tableau est <b>un tableau de valeurs</b> de la fonction <b>D</b>.
<table align="center" border=1>
<tr>
<td align=center><b>Temps du trajet x en heures</b></td>
\for{j=1 to 8}{<td align=center>\j</td>}
</tr>
<tr>
<td align=center><b>Distance parcourue D(x) en kilomètre</b></td>
\for{k=1 to 8}{
<td align=center> \vt[\k]</td>}
</tr>
</table>
<div class="question">
Précisez les axes et les échelles.
Graduez les axes.
<br>
<br>
<br>
<div class="graph">
<div id="gauche">
\embed{reply1, 4}
</div>
<div id="gauche2">
test
</div>
\embed{r2,4
style="position:absolute;z-index:2;text-indent:0px;left:600px;top:300px;width:60px;height:20px;"
}
<img src="\url">
</div>
</div>
</div>
}
\answer{}{1}{type=numeric}
\answer{}{2}{type=numeric}
|
Et le bout de css qui est codé :
Code: |
<style type="text/css">
.graph {
position: relative;
margin : 0px;
padding : 0px;
width: 900px;
height: 1440px;
}
#gauche {
position: absolute;
z-index:2;
text-indent: 0px;
left: 120px;
top: 150px;
width : 60px;
height: 20px;
}
#gauche2 {
position: absolute;
z-index:2;
margin : 0px;
padding : 0px;
text-indent: 0px;
left: 240px;
top: 300px;
width : 60px;
height: 20px;
border:3px solid #990000;
}
</style>
|