Espero que tenha em mente o post anterior<\/a> sobre como construir um calend\u00e1rio b\u00e1sico com YeAPF.<\/p>\n Este exemplo visa habilitar a fun\u00e7\u00e3o arrastar e soltar de uma lista ul<\/strong><\/em> para um calend\u00e1rio e precisa de dois arquivos: testarCalendario<\/strong><\/em>.css<\/strong><\/em> e testarCalendario.html<\/strong>. <\/em>Partimos do suposto que o YeAPF est\u00e1 em \/var\/www\/YeAPF e que este exemplo est\u00e1 em \/var\/www\/testes. Adapte para sua realidade.<\/p>\n Primeiro testarCalendario<\/strong><\/em>.css<\/strong><\/em>:<\/p>\n Agora testarCalendario.html<\/em><\/strong>:<\/p>\n Agora teste com o navegador. Pode ser usando o apache (http:\/\/localhost\/testes\/testarCalendario.html) ou diretamente o arquivo (file:\/\/\/var\/www\/testes\/testarCalendario.html)<\/p>\n Uma vez que funcione, repasse a maneira de criar elementos com a op\u00e7\u00e3o de arrastar e soltar<\/a> e tamb\u00e9m em como pegar dados do seu banco de dados usando Ajax<\/a>.<\/p>\n A m\u00e1gica acontece na chamada ao each()<\/em> ap\u00f3s o build.\u00a0 Tornamos cada elemento que aponte para um dia v\u00e1lido na tabela em droppable<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":" Espero que tenha em mente o post anterior sobre como construir um calend\u00e1rio b\u00e1sico com YeAPF. Este exemplo visa habilitar a fun\u00e7\u00e3o arrastar e soltar de uma lista ul para um calend\u00e1rio e precisa de dois arquivos: testarCalendario.css e testarCalendario.html. Partimos do suposto que o YeAPF est\u00e1 em \/var\/www\/YeAPF e que este exemplo est\u00e1 em […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5O6UV-1g","jetpack-related-posts":[{"id":60,"url":"http:\/\/www.yeapf.com\/wp\/?p=60","url_meta":{"origin":78,"position":0},"title":"Um calend\u00e1rio simples com YeAPF","date":"mar\u00e7o 29, 2014","format":false,"excerpt":"Pense em qualquer tipo de aplicativo e em algum momento voc\u00ea vai ter que representar o fluxo do tempo no mesmo.\u00a0 Mais especificamente, quase sempre vai ter que ter algum tipo de agenda ou planificador temporal. O exemplo de hoje pretende introduzir o jeito de fazer um calend\u00e1rio com YeAPF\u2026","rel":"","context":"Em \"getCellContent\"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":328,"url":"http:\/\/www.yeapf.com\/wp\/?p=328","url_meta":{"origin":78,"position":1},"title":"Criando um aplicativo YeAPF usando a linha de comandos","date":"janeiro 31, 2017","format":false,"excerpt":"Um aplicativo YeAPF pode ser criado de forma simples copiando manualmente o conteudo do esqueleto apropriado dentro da pasta do seu aplicativo. Por\u00e9m, devemos reconhecer que \u00e9 um processo muito artesanal. YeAPF pode ser instalado como um conjunto de ferramentas desde a vers\u00e3o 0.7.x e entre as ferramentas h\u00e1 uma\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":25,"url":"http:\/\/www.yeapf.com\/wp\/?p=25","url_meta":{"origin":78,"position":2},"title":"Primeiros passos com YeAPF","date":"fevereiro 22, 2014","format":false,"excerpt":"Tive oportunidade de ver minha irm\u00e3 mais nova andar sozinha pela primeira vez e nunca mais esqueci da experi\u00eancia. \u00a0Anos depois naceram os filhos e o impacto \u00e9 tremendo. Brinco com quem programa usando YeAPF de que s\u00e3o meus filhos, carinhosamente. Por isso que os primeiros passos s\u00e3o importantissimos para\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":276,"url":"http:\/\/www.yeapf.com\/wp\/?p=276","url_meta":{"origin":78,"position":3},"title":"Template BootStrap3 usando YeAPF e abas","date":"fevereiro 3, 2016","format":false,"excerpt":"Obrigado por vir! Este \u00e9 apenas um pequeno exemplo integrando BootStrap3 e YeAPF. Qualquer vers\u00e3o da serie 0.8.x do YeAPF deve poder ser utilizada aqui, mas estamos usando especificamente a 0.8.47 Inclui as fontes e o css na distribui\u00e7\u00e3o porque na minha magra experi\u00eancia, os servidores cdn mais atrapalham do\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":91,"url":"http:\/\/www.yeapf.com\/wp\/?p=91","url_meta":{"origin":78,"position":4},"title":"Aplicativos mono p\u00e1gina","date":"mar\u00e7o 14, 2014","format":false,"excerpt":"Aplicativos que usam s\u00f3 uma p\u00e1gina t\u00eam um lugar assegurado no desenvolvimento de software atual e futuro. Bem feitos s\u00e3o elegantes e f\u00e1ceis de manter. Tamb\u00e9m s\u00e3o uma m\u00e3o na roda na hora de fazer um aplicativo que funcione tanto em desktop como em mobile. Para construirmos um aplicativo com\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22,"url":"http:\/\/www.yeapf.com\/wp\/?p=22","url_meta":{"origin":78,"position":5},"title":"Arrastando e soltando","date":"fevereiro 20, 2014","format":false,"excerpt":"As interfaces gr\u00e1ficas facilitam a vida do usu\u00e1rio... e complicam a do programador.\u00a0 Sou da ideia que a solu\u00e7\u00e3o de qualquer problema por vias computacionais tem um certo \"peso\" que precisa ser distribu\u00eddo hora carregando mais o usu\u00e1rio ora carregando mais a equipe de programa\u00e7\u00e3o.\u00a0 Quando melhor for o servi\u00e7o\u2026","rel":"","context":"Post similar","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/78"}],"collection":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=78"}],"version-history":[{"count":5,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":231,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/78\/revisions\/231"}],"wp:attachment":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}#meuTeste .calBand {\r\n border-bottom: dotted 1px #B9B9B9;\r\n font-size: 10px }\r\n\r\n#meuTeste .calTag {\r\n font-size: 18px;\r\n padding-right: 4px;\r\n padding-bottom: 2px }\r\n\r\n#meuTeste .calDayLCell {\r\n float:left;\r\n -webkit-border-radius: 4px;\r\n -moz-border-radius: 4px;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n}\r\n#meuTeste .calDayLFreeCell {\r\n color: #E41F69;\r\n font-weight: 800 }\r\n\r\n#meuTeste .calDayLHighLight {\r\n background-color: #F3F0B1;\r\n font-weight: 800 }\r\n\r\n.highlight {\r\n background-color: #71B0DF;\r\n}\r\n\r\nul\r\n{\r\n list-style-type: none;\r\n}<\/pre>\n<html>\r\n <!-- defini\u00e7\u00e3o de estilo -->\r\n <link rel=\"stylesheet\" type=\"text\/css\" href=\"testarCalendario.css\" \/>\r\n\r\n <!-- carregamento do YeAPF -->\r\n <script src=\"..\/..\/YeAPF\/yloader.js\"><\/script>\r\n\r\n <!-- contenedor do calend\u00e1rio -->\r\n <div id='meuTeste'><\/div>\r\n\r\n <!-- lista de coisas que podem ser arrastadas -->\r\n <div style='width: 400px; float:left'>\r\n <ul>\r\n <li draggable=yes>Jos\u00e9 Neves<\/li>\r\n <li draggable=yes>Ana Maria Malvestida<\/li>\r\n <li draggable=yes>Fulano do Lado<\/li>\r\n <\/ul>\r\n <\/div>\r\n<\/html>\r\n\r\n<script>\r\n var myCalendar = yCalendar().\r\n setDivContainerName('meuTeste').\r\n setCellSize(64,48).\r\n setOrientation(0).\r\n build().\r\n each(function(aDiv) {\r\n aDiv.setAttribute('droppable','yes')\r\n });\r\n<\/script><\/pre>\n