TimeOut

Bonjour ,

Je fais une page web dynamique avec jQuery , et je cherche a crée une class après un événement et donc me servir de cette class.
Je prend l'image , je la pose , la class se crée , je me sert de cette class pour pouvoir redéposer une image a l'intérieur .
J'ai vraiment du mal avec le javascript donc si vous voulez bien m'aider je vous en serais reconnaissant .

Code

<script>
$(".drag-cadre").draggable({revert:true,helper:"clone"}) ;
$(".page").droppable({
drop:function(event, ui){
alert("drag type:"+$(ui.draggable).attr("data_type"));
if($(ui.draggable).attr("data_type")=="cadre")
    $(this).append("<div class=cadre></div>");
 }});
    
$(".drag-image").draggable({revert:true,helper:"clone"}) ;

function dropInCadre() {
    $(".cadre").droppable({
        drop:function(event, ui){
        alert("drag type:"+$(ui.draggable).attr("data_type"));
        if($(ui.draggable).attr("data_type")=="topbar")
            $(this).append("<div class=header><form action='x' method='post'>Identification :<input type='text' name='login' />Mot de passe :<input type='password' name='pass' /></form></div>");
            
        if($(ui.draggable).attr("data_type")=="midbar2")
            $(this).append("<div class=middle2><img src='octog.jpg'</div>");

        if($(ui.draggable).attr("data_type")=="midbar")
            $(this).append("<div class=middle><ul> <li> Article 1 </li> <li> Article 2 </li> <li> Article 3 </li><li> Article 4 </li><li> Article 5 </li> <li> Article 6 </li><li> Article 7 </li><li> Article 8 </li><li> Article 9 </li><li> Article 10 </li></ul></div>");

        if($(ui.draggable).attr("data_type")=="botbar")
            $(this).append("<div class=footer><form action='x' method='post'><div><label for='nom'>Nom :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input type='text' id='nom' /></div><div><label for='courriel'>Courriel :</label><input type='email' id='courriel' /></div><div><label for='message'>&nbsp;&nbsp;&nbsp;Message :</label><textarea id='message'></textarea></div><div class='button'><button type='submit'>Envoyer votre message</button></div></form></div>");


     }});
 }
</script>

merci de vos future réponses .