{"id":620,"date":"2026-01-15T21:39:12","date_gmt":"2026-01-15T21:39:12","guid":{"rendered":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/?page_id=620"},"modified":"2026-01-15T21:40:41","modified_gmt":"2026-01-15T21:40:41","slug":"gragdrop","status":"publish","type":"page","link":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/gragdrop\/","title":{"rendered":"gragdrop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"620\" class=\"elementor elementor-620\" wpc-filter-elementor-widget=\"1\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6f05fc e-flex e-con-boxed e-con e-parent\" data-id=\"a6f05fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cadb680 elementor-widget elementor-widget-shortcode\" data-id=\"cadb680\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"dragdrop-wrapper\" data-exercise-id=\"1\">\r\n<!-- \u0391\u039d \u0398\u0395\u039b\u03a9 \u0394\u0395\u03a5\u03a4\u0395\u03a1\u039f DRAGDROP \u0391\u039b\u039b\u0391\u0396\u03a9 \u03a4\u039f data-exercise-id \u03a3\u0395 2,3,4.... -->\r\n<style>\r\n.dropElement {\r\n  display:inline-block; min-width:100px; height:25px;\r\n  border:1px solid #000080; background:#e0e0ff;\r\n}\r\n.dragElement {\r\n  display:inline-block; padding:5px; margin:5px;\r\n  background:#c0c0ff; border:1px solid #000080; cursor:grab;\r\n}\r\n#wordBank { border:1px solid #000080; padding:10px; }\r\n<\/style>\r\n\r\n<script>\r\nfunction allowDrop(ev){ ev.preventDefault(); }\r\nfunction drag(ev){ ev.dataTransfer.setData(\"text\", ev.target.id); }\r\n\r\nfunction drop(ev){\r\n  ev.preventDefault();\r\n  var data = ev.dataTransfer.getData(\"text\");\r\n  if(ev.target.classList.contains(\"dropElement\") && ev.target.children.length){\r\n    document.getElementById(\"wordBank\").appendChild(ev.target.firstChild);\r\n  }\r\n  ev.target.appendChild(document.getElementById(data));\r\n}\r\n\r\nfunction checkMyAnswers(total){\r\n  let score = 0;\r\n  for(let i=1;i<=total;i++){\r\n    let parent = document.getElementById(\"drag\"+i).parentNode;\r\n    if(parent.id === \"div\"+i){\r\n      parent.style.background=\"#64DE57\";\r\n      score++;\r\n    } else {\r\n      document.getElementById(\"div\"+i).style.background=\"#FA323C\";\r\n    }\r\n  }\r\n\r\n  if(score === total){\r\n    rewardDragDrop();\r\n    alert(\"\u03a3\u03c5\u03b3\u03c7\u03b1\u03c1\u03b7\u03c4\u03ae\u03c1\u03b9\u03b1! \u039a\u03ad\u03c1\u03b4\u03b9\u03c3\u03b5\u03c2 150 credits!\");\r\n  } else {\r\n    alert(\"\u03a3\u03c9\u03c3\u03c4\u03ac: \"+score+\"\/\"+total);\r\n  }\r\n}\r\n\r\nfunction rewardDragDrop(){\r\n\r\n  if(typeof DragDropAjax === 'undefined'){\r\n    console.error('DragDropAjax not defined');\r\n    return;\r\n  }\r\n\r\n  const wrapper = document.getElementById('dragdrop-wrapper');\r\n  const exerciseId = wrapper.dataset.exerciseId;\r\n\r\n  jQuery.post(DragDropAjax.ajaxurl, {\r\n    action: 'dragdrop_reward',\r\n    nonce: DragDropAjax.nonce,\r\n    exercise_id: exerciseId\r\n  })\r\n  .done(res => console.log('Reward OK', res))\r\n  .fail(() => console.error('AJAX failed'));\r\n}\r\n<\/script>\r\n\r\n<h3>\u03a3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b5 \u03c4\u03b1 \u03ba\u03b5\u03bd\u03ac<\/h3>\r\n\r\n<div id=\"wordBank\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\">\r\n  <div id=\"drag1\" class=\"dragElement\" draggable=\"true\" ondragstart=\"drag(event)\">\u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03cd\u03b5\u03c3\u03b1\u03b9<\/div>\r\n  <div id=\"drag2\" class=\"dragElement\" draggable=\"true\" ondragstart=\"drag(event)\">\u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03af<\/div>\r\n  <div id=\"drag3\" class=\"dragElement\" draggable=\"true\" ondragstart=\"drag(event)\">\u03c0\u03c1\u03bf\u03c3\u03b2\u03bb\u03b7\u03c4\u03b9\u03ba\u03cc<\/div>\r\n<\/div>\r\n\r\n<p>\u039c\u03b7\u03bd <span id=\"div1\" class=\"dropElement\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\"><\/span> \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2.<\/p>\r\n<p>\u039f\u03b9 \u03c6\u03af\u03bb\u03bf\u03b9 \u03c3\u03bf\u03c5 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 <span id=\"div2\" class=\"dropElement\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\"><\/span>.<\/p>\r\n<p>\u039c\u03b7\u03bd \u03b1\u03bd\u03b5\u03c7\u03c4\u03b5\u03af\u03c2 <span id=\"div3\" class=\"dropElement\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\"><\/span> \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03b1.<\/p>\r\n\r\n<button onclick=\"checkMyAnswers(3)\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\r\n<\/div>\r\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-620","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/wp-json\/wp\/v2\/pages\/620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":4,"href":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/wp-json\/wp\/v2\/pages\/620\/revisions"}],"predecessor-version":[{"id":624,"href":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/wp-json\/wp\/v2\/pages\/620\/revisions\/624"}],"wp:attachment":[{"href":"https:\/\/nyiannios.sites.sch.gr\/wordpress\/wp-json\/wp\/v2\/media?parent=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}