Blog Post

HTML5 - Drag-n-drop e Correção Ortográfica

Sign in to queue

The Discussion

  • User profile image
    Elton777

    SHOW !

  • User profile image
    Pablo

    Terrível, é necessário conhecimento de javascript para esse assunto e para o anterior também. Eu fiz o curso de javascript mas faltou dá uma polida. CSS é muito fácil mas javascript é muito mais difícil.

    Tudo bem, com um pouco de dedicação é possível até trabalhar no facebook, mas enquanto isso, aqueles que não fizeram o curso de javascript, ficaram na curiosidade. Aconselho o curso XTI que tem disponível no youtube, muito fácil encontrar. =D

  • User profile image
    RLSa

    É esperado que exista conhecimento de javascript para a programação de eventos. Não existe nada de terrível nisto. É importante demonstrar que existe a possibilidade a ser explorada e nisto o artigo foi bem sucedido.

  • User profile image
    Roberto

    Explicação mais ou menos.

  • User profile image
    Orlando

    Show!!

    os javascripts usados aqui são muito simples. e autointendíveis se souber um mínimo de inglês.

  • User profile image
    Orlando

    pecou nos erros de sintaxe no código

  • User profile image
    Danilo Santos

    Lembrem-se, um Front-End deve por obrigação saber Javascript.

  • User profile image
    Ademilson

    Erro linha 25 =/

     

    e eu nao entendi muito, pouco conhecimento em javascript

  • User profile image
    Cesar

    O elemento input do HTML5, recebe no atributo type, os valores:

    o teste indica este artigo para a resposta correta, exatamente onde fala sobre isso?

  • User profile image
    terra

    Hoje é comum em qualquer lugar no mundo a combinação JavaScript, CSS e Html, é obrigatório conhecimentos no mínimo básico para desenvolver algo além de uma página estática com algumas imagens e textos coloridos.

    O Html 5 está muito bom, posso citar mais uma combinação interessante para web (mesmo em alta escalabilidade), usando:
    -EntityFramework+Razor+Html5 (e pitadas de JavaScript/CSS nos detalhes não preenchidos pela combinação.

    Javascript é uma linguagem fácil, basta praticar, busque tutoriais e literaturas sobre o assunto.
    Desde os primórdios da internet JavaScript é usado como um canevete suiço para web, veja o tanto de frameworks, bibliotecas e tecnologias famosas e robustas que utilizam JavaScript para cumprirem suas tarefas.

  • User profile image
    Leandro

    Pra bom entendedor meia palavra basta.

  • User profile image
    kelli

    Nossa eu li >.< chegou uma hora que meu cérebro começou a dar nó! É muito legal... mas to começando a ficar perdida kkkk

  • User profile image
    OgroBass

    O problema em geral na digitação do conteúdo, tag, atributos, etc. Muitos estão emendados, por isso não funciona ou aparece erro.
    Abaixo o script funcionando legal:

    <!DOCTYPE HTML>
    <html lang="pt-br">
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    #boxA, #boxB {
    float:left;width:100px;height:200px;padding:10px;margin:10px;
    font-size:70%;
    }
    #boxA {background-color:blue; }
    #boxB {background-color:green; }

    #drag, #drag2 {
    width:50px;padding:5px;margin:5px;border:3pxblack solid;
    line-height:50px;
    }
    #drag {background-color:red; cursor:pointer;}
    #drag2 {background-color:orange; cursor:pointer;}
    </style>
    <script type="text/javascript">

    // Quando o usuário inicia um drag, guardamos no dataset do evento
    // o id do objeto sendo arrastado
    function dragStart(ev) {
    ev.dataTransfer.setData("ID",ev.target.getAttribute('id'));
    }

    // Quando o usuário arrasta sobre um dos painéis, retornamos
    // false para que o evento não se propague para o navegador, o
    // que faria com que o conteúdo fosse selecionado.
    function dragOver(ev) {return false; }

    // Quando soltamos o elemento sobre um painel, movemos o
    // elemento, lendo seu id do dataset do evento
    function dragDrop(ev) {
    var idelt = ev.dataTransfer.getData("ID");
    ev.target.appendChild(document.getElementById(idelt));
    }

    </script>
    </head>
    <body>


    <!-- Painel 1 -->
    <div id="boxA" ondrop="return dragDrop(event)" ondragover="return dragOver(event)">
    <!-- Draggable 1 -->
    <div id="drag" draggable="true" ondragstart="return dragStart(event)">drag me</div>
    <!-- Draggable 2 -->
    <div id="drag2" draggable="true" ondragstart="return dragStart(event)">drag me</div>
    </div>

    <!-- Painel 2 -->
    <div id="boxB" ondrop="return dragDrop(event)" ondragover="return dragOver(event)"></div>

    </body>
    </html>

  • User profile image
    alexandreal​rocha

    @OgroBass: Funcionou redondo!

  • User profile image
    webrenata

    mas uma vez não funciona no IE, no firefox funciona perfeitamente

  • User profile image
    resident java

    Conteúdo sobre HTML 5 está ótimo e fácil.

  • User profile image
    Jonatas

    O curso está bastante interessante, mas desde o SVG tem apresentado problemas no código-fonte. Um curso desta magnitude não poderia ter erros assim tão banais...

  • User profile image
    Claudinei de Camargo

    Os erros no codigo html se deve a alguns erros de digitação, notei que quase todas funções em Javascript o "function esta colado com o nome da função"

  • User profile image
    Julian

    As ultimas aulas estão ficando cada vez mais mal explicadas e os códigos não funcionam, tem que ficar sempre consertando.

  • User profile image
    Lah

    Obrigada OgroBass! Ameei!

  • User profile image
    Wilson Ney

    O desenvolvedor conhecendo o Java Script fica mais fácil programar, programar sem conhecer Java não tem como cobrar perfeição dos códigos fica bem mais difício, o que acontece e errar mesmo, sendo que o inglês é essencial, mas, sabendo o básico e as palavras que se usa no Java Script em inglês já é uma grande vitória, sendo que é uma obrigação usar o inglês na hora de programar em Java Script, programar em HTML5, expandir páginas e acrecentar cores com CSS dentre muitas funcões. Obrigado!

  • User profile image
    Jader de Carvalho

    Realmente, cada vez mais os erros (de digitação normalmente) vão aumentando. Mas vamos levar pelo lado bom, é uma chance que temos de corrigir o erro e nos aperfeiçoarmos, dá mais trabalho, porém de certa forma é melhor que ler, copiar, colar e ver que funcionou e pronto.

    Parabéns pelo post, mesmo com os pormenores está muito bem explicado!

  • User profile image
    pedro

    gostei

Add Your 2 Cents