Jump to content

vmarcosp

Members
  • Content count

    10
  • Joined

  • Last visited

  • Days Won

    1

vmarcosp last won the day on January 3 2017

vmarcosp had the most liked content!

Community Reputation

2 Comum

About vmarcosp

Informações Pessoais

  • Sexo
    Masculino
  • Localização
    Blumenau, Santa Catarina
  • Interesses
    NodeJS, Java, JavaScript, HTML5, CSS3, AngularJS.

Recent Profile Visitors

309 profile views
  1. vmarcosp

    Como criar o efeito, botão menu ?

    Sim exato, poderia ser algo assim: no css #sidebar{ position:fixed; width:500px; height:500px; transition:all .5s; top:0; } .open{ left:0; } .closed{ left:-100%; } Utilizando essas classes para realizar a animação de esconder e exibir o menu. Utilize o JS para trocar a classe do elemento com o id sidebar. algo assim : var $sidebar = document.getElementById('sidebar'); var $btnOpenMenu = document.getElementById('id-do-seu-botao'); $btnOpenMenu.onclick = function(){ $sidebar.className = $sidebar.className === 'closed' ? 'open' : 'closed'; }; Isso resolve!
  2. vmarcosp

    Como criar o efeito, botão menu ?

    Boa! Apenas com css também é possível!
  3. vmarcosp

    Como criar o efeito, botão menu ?

    Boa tarde Caymmi, você precisa de um exemplo prático ? Como disse o amigo ali acima, é feito com jquery. Mas também pode ser feito com JavaScript puro. Se precisar de um exemplo prático posso fazer um.
  4. vmarcosp

    Popular datatable com input text

    Bom dia amigo! Por favor insira seu código através do botão código ali nas opções de postagem, desta forma ficará mais fácil para leitura e para podermos te ajudar.
  5. vmarcosp

    Dificuldade com login

    Você deve colocar nos inputs a propriedade name, tendo em vista que quando o formulário for submitado á url inserida em action, o mesmo fará algo semelhante a isso <form method="get" action="www.meusite.com/login.aspx"> <input type="text" name="emailUsuario" id="nome-usuario" /> <input type="submit"> </form> O que acontece ali é o seguinte: Temos a tag form que é o formulario, cada input dentro do formulario será um "valor" enviado para essa url ou seja ali no input type="text" name="emailUsuario" ele vai fazer algo assim na url = ww.meusite.com/login.aspx?nomeUsuario=exemplo@gmail.com -> claro o valor aqui será o valor inserido no input. No meu exemplo coloquei get para ficar melhor de explicar, utilizando post exatamente igual, porém na url não ira aparecer esse ?nomeUsuario=exemplo@gmail.com, mas os parametros serão enviados da mesma forma. Aí nesse login.aspx você precisa capturar esses valores, aí na questão do asp não tenho conhecimento você teria que procurar a parte de asp aqui do forum. Mas no html seria dessa forma.
  6. vmarcosp

    trazer dependendo do radio selecionado

    Boa noite, não tenho nada contra jquery, mas anda que o "Vanilla" não resolva :D segue uma função básica que cumpre o que você precisa.... Primeiro o HTML e em seguida o JS: Livros <input type="radio" value="livros" name="opcao" id="radio-livros" /> Jogos <input type="radio" value="jogos" name="opcao" id="radio-jogos" /> <select id="opcoes"> </select> var radioLivros = document.getElementById('radio-livros'); var radioJogos = document.getElementById('radio-jogos'); var select = document.getElementById('opcoes'); var jogos = ['Mario','Sonic','GTA']; var livros = ['Clean code','Clean coder']; radioJogos.addEventListener('click', function(){ popularSelect(); }); radioLivros.addEventListener('click', function(){ popularSelect(); }); function popularSelect(){ if(radioJogos.checked === true){ inserirDadosNoSelect(jogos); }else{ inserirDadosNoSelect(livros); } } function inserirDadosNoSelect(dados){ select.options.length = 0; for(var index=0;index<dados.length;index++){ select.options[index] = new Option(dados[index]); } } Quando disse Vanilla caso não saiba seria nosso o JS puro, na munheca hahah Espero que ajude, acredito que a resposta acima também é uma boa! Claro, se você estiver utilzando a biblioteca Jquery :)
  7. vmarcosp

    Node JS

    Não tem de que, precisando dá um toque! Um abraço e bons estudos.
  8. vmarcosp

    Node JS

    Vamos lá então, vou mostrar uma estrutura básica.... //Arquivo app.js var express = require('express'); var bodyParser = require('body-parser'); var routerExemplo = require('./routerExemplo');//irei explicar de onde virá este arquivo também... var app = express(); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); app.set('porta',2000); // explicarei depois porque fazer isso.... app.use('/',RouterExemplo); //dando export no app para importamos no index.js module.exports = app; //Arquivo index.js //Importanto o app que demos export lá var app = require('./app'); //startando o servidor passando porta e um callback app.listen(app.get('porta'),function(){ console.log('Servidor rodando na porta :'+app.get('porta')); }); // Arquivo routerExemplo var express = require('express'); var router = express.Router(); router.get('/rota-exemplo', function(request,response){ console.log('Rota de exemplo...'); }); //dando export no router para importar no app module.exports = router; Vamos lá entender cada passo: Em app você define as configurações como porta, o arquivo routes separado, lembrando que o ideal é você separar em vários Routers e utilizar o app.use('/', NomeDoArquivoDeRota), para que o express faça o bind das rotas e assim você consiga separar bem cada rota com sua responsabilidade. Também passamos os demais modulos para o app como você mesmo já havia feito. Recomendo fortemente para o aprendizado o livro de um dos moderadores aqui do fórum o William Bruno ou wbruno, o livro Construindo Aplicações com NodeJS, é um ótimo guia e há muito contéudo lá, muito bem explicado e utilizando boas práticas.
  9. vmarcosp

    Node JS

    Acabei de ver ali, que você passou o schema por parametro, não precisa criar um new Schema.... Vamos lá, temos que analisar o seu código pra fazer uma separação... posso te ajudar.
  10. vmarcosp

    Node JS

    Tu criou um mongoose schema pra esse seu model ?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.