bonsoir et encore merci pour les DEVS qui prennent le temps de répondre.
je vous explique: j'ai besoins de faire un drag n drop avec des bouts de mots qu'on doit insérés dans une ligne et pouvoir récupéré les valeurs...
j'ai fait ce petit de bout de code. le problème est que la zone du ondrop ce décale complétement ne reste pas en place et de plus comment faire correspondre les deux valeurs...
ùmerci d'avance
je vous explique: j'ai besoins de faire un drag n drop avec des bouts de mots qu'on doit insérés dans une ligne et pouvoir récupéré les valeurs...
j'ai fait ce petit de bout de code. le problème est que la zone du ondrop ce décale complétement ne reste pas en place et de plus comment faire correspondre les deux valeurs...
<?php
$reponses = array(
'chx' => array(
'reponse' => 'co',
'mot' => 'un',
'image' => 'img/colis.gif',
'phrase' => 'lis'
) ,
'chx_1' => array(
'reponse' => 'ca',
'mot' => 'un',
'image' => 'img/cafe.gif',
'phrase' => 'fe'
) ,
'chx_2' => array(
'reponse' => 'ki',
'mot' => 'un',
'image' => 'img/kiwi.gif',
'phrase' => 'wi'
) ,
'chx_3' => array(
'reponse' => 'qui',
'mot' => 'une é',
'image' => 'img/equipe.gif',
'phrase' => 'pe'
) ,
'chx_4' => array(
'reponse' => 'cu',
'mot' => 'une',
'image' => 'img/cuisine.gif',
'phrase' => 'isine'
) ,
'chx_5' => array(
'reponse' => 'que',
'mot' => 'un cas',
'image' => 'img/casque.gif',
'phrase' => ''
) ,
'chx_6' => array(
'reponse' => 'quette',
'mot' => 'de la mo',
'image' => 'img/moquette.gif',
'phrase' => ''
)
);
foreach($reponses as $cle => $reponse)
{
echo '<form class="form_exercices_ou_result" action="correction_exo_ou_2.php" method="POST" />';
echo'<p class="dropndrag" id="'.$cle.'" draggable="true" ondragstart="drag(event)">'.$reponse['reponse'].'</p>';
echo '<article class="content_img" id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">';
echo '<figure style="height:80px;margin-top:.1em;">';
echo '<img style="margin:0 0 0 -.5em;" src="' . $reponse['image'] . '" alt="' . $reponse['mot'] .''.$reponse['phrase'].'" width:"74" height="74" />';
echo '</figure>';
echo '<p>' . $reponse['mot'] . ''.$reponse['phrase'].'</p>';
echo '</article>';
}
echo '<p class="correction_center"><input type="submit" name="correction" value="correction"/></p>';
echo '</form>';
?>
ùmerci d'avance