jQuery sortable from database

[@samerattariqadri]

Venkat you are really insteresting. I like ur way to describe everything very deeply.You are really desire of Million of Likes. Now i am a .net developer because of u. I hope ,i will find a good job very soon because i have watched ur all series of ur .net tutorials,not just one time but 4 times.

[@Csharp-video-tutorialsBlogspot]

Hello Samer - Thank you very much for taking time to give feedback. This means a lot. I am very glad you found the videos useful. Good luck and all the very best with your job search. Hope you will find your dream job soon.

[@1Cmobile]

Venkat , hope you are well. what is your next playlist ?

[@ashimbera23]

Sir, Awesome videos, Could you please suggest some handbook for Jquery??

[@mfmusics4680]

Tnx....

[@make-it-easy]

Thanks

[@artemboss1999]

very interesting

[@donfeto7636]

Thanks alot man i build this client site question answer based on your video soon i will make exam system if i have free time here is my code for anyone just copy past and test $(document).ready(function(){ $("#sortable1").sortable({ placeholder:'placeholder', opacity:0.8, items:'li[data-value="weekday"]' }); }) function CheckAnswers() { $("#sortable1 li[data-Order]").removeClass("wrong") $("#sortable1 li[data-Order]").removeClass("correct") //you chceck the order only make sure you check for every specific postion not just order it will cause erros //if he asnwer all wrong will give him 1 answer=["2","4",'5','6','1',"00","77"]; //if question goes more than 100 correct=0; wronglist=[]; //You can take the order of the answer as parmeter and put instead of 24561 but make sure you send string '2341' the order you wanted var answers=$("#sortable1 li[data-Order]") if(answers.length>0) { Result="" alert("You Have Answered " + (answers.length-0) +" Questions"); answers.each(function(i,e){ if(e.getAttribute("data-order")==answer[i]){ Result+=e.getAttribute("data-order"); $(this).addClass('correct'); correct+=1; //you can even know excautlly what he answer right and wrong from here and high light those in red }else{ wronglist.push(e.getAttribute("data-order")) } }) //high light the wrong elements console.log(wronglist); var all =$("#sortable1 li[data-Order]") all.each(function(i,e){ if(wronglist.includes(String(e.getAttribute("data-order")))) { console.log(this) $(this).addClass("wrong") } }) if(Result==="245610077"){ alert("Well Done YOu answer all correctly") }else if(Result.length!="245610077".length){ alert("You didn't complete all answers "+correct +" Only was correct") }else{ alert("Some of your answers are wrong "+correct +" Only was correct") } }else{ alert("You didn't answer anything") } $("#btnz").attr("disabled","true") } .wrong{ background-color: red !important; } .correct{ background-color: green !important; } ul{ float: left; } li { border:2px solid gray; padding:10px; cursor: pointer; margin:3px; width:300px; height:10px; line-height: 10px; color: black; list-style-type: none; overflow: hidden; } .placeholder { border:2px solid gray; padding:10px; margin:3px; width:300px; height:10px; background-color: darkgray; } .ui-sortable-handle { background-color:gray; color:white; } .content{ max-width: 900px; margin: auto; } .Questions{ overflow: hidden; } Answers Sunday Monday tuseday wedensday thurseday friday saturday Questions Sunday Monday tuseday wedensday thurseday friday saturday Click Check