Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sandro Mueller

Como herdar de um element(div por exemplo)?

Recommended Posts

Oi pessoal, estou desenvolvendo um aplicativo em JS puro me deparei com uma duvida, como construir uma classe que herde de um elemento(div por exemplo), sei que o método document.createElement('div'); me retorna uma div, mas não tem como herdar dela? senão vou ter que bolar todo uma esquema de herança, e tendo em vista que as divs não tem prototype vai dar trabalho....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Depende do que você quer dizer em "herdar". Pois na parte de HTML, temos 3 principais linguagens que podem ser refletidas: HTML em si, JavaScript e CSS.

 

Após, existem outras situações, como por exemplo, o que herdar em JavaScript? Funções, listeners, etc...

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Cesar Melo
      Olá.
      Estou tentar fazer um atributo de um objeto receber um objeto de outra classe. Mas dependendo da forma que faço isso, recebo uma mensagem de erro.
      class PedidoFilho { public $id; public $tipo; } class PedidoPai { public $id; public $tipo; public $pedidoFilho public function getPedFilho() { $this->pedidoFilho= new PedidoFilho(); } } $pedido= new PedidoPai(); $pedido->getPedFilho();  
    • Por erick.major
      Oi pessoal,
      Eu desenvolvi um template Volt e pretendo usá-lo como um padrão para os outros. Há um exemplo do meu código abaixo:
      {# LOCKED MODE #} {% if session.get('locked_mode', true) is not empty and session.get('locked_mode', true) is true %}     {{ partial('locked_mode_view') }} {# UNLOCKED MODE #} {% else %} <div class="row">     {{ partial('unlocked_mode_view') }}     {% block content %}         {{ partial('unlocked_mode_content') }}     {% endblock %} </div> {% endif %} Enquanto ele estava compilando, o compilador mostrava esse erro:
      Embedding blocks into other blocks is not supported in... Eu não entendi esse erro. O que posso fazer nesta situação?
    • Por gustavo.abarroso
      Estou tentando criar uma lista genérica de clientes, onde posso adicionar pessoasFisicas e pessoasJuridicas.
       
      Dentro da classe clientes possuo os atributos nome, lista de endereços e limite de crédito.
      A classe pessoaFisica herda de cliente os atributos acima citados além de possuir o atributo cpf.
      A classe pessoaJuridica herda de cliente seus atributos e possui também, nomeFantasia e cnpj.
       
      O problema que está acontecendo é o seguinte: na hora que cadastro mais de uma pessoa física por exemplo e puxar o relatório, me vem a lista de endereços inteira (conforme foto em anexo) ao invés de vim a lista da pessoa de cada posição do ArrayList de clientes. Como resolvo isso?
       
      public void cadastrar() { int op, resp; System.out.println("\n==[Cadastro de clientes]=="); System.out.println("Digite 1 para cadastrar pessoa fisica."); System.out.println("Digite 2 para cadastrar pessoa juridica."); System.out.print("=> "); op = input.nextInt(); switch (op) { case 1: System.out.println("\n==[Pessoa fisica]=="); System.out.print("Informe o nome: "); nome = inputs.nextLine(); do { listaEndFisica.add(retornaUmEndereco()); System.out.println("Continuar cadastrando endereços? 1-Sim/0-Não"); resp = input.nextInt(); } while (resp != 0); System.out.print("Informe o limite de crédito: "); limiteCredito = input.nextDouble(); System.out.print("informe o cpf: "); cpf = inputs.nextLine(); PessoaFisica pessoaFisica = new PessoaFisica(nome, listaEndFisica, limiteCredito, cpf); listaCliente.add(pessoaFisica); System.out.println("\nPessoa fisica adicionado com sucesso! "); break; case 2: System.out.println("\n==[Pessoa Juridica]=="); System.out.print("Informe o nome: "); nome = inputs.nextLine(); do { listaEndJuridica.add(retornaUmEndereco()); System.out.println("Continuar cadastrando endereços? 1-Sim/0-Não"); resp = input.nextInt(); } while (resp != 0); System.out.print("Informe o limite de crédito: "); limiteCredito = input.nextDouble(); System.out.print("Informe o nome fantasia: "); nomeFantasia = inputs.nextLine(); System.out.print("Informe o cnpj: "); cnpj = inputs.nextLine(); PessoaJuridica pessoaJuridica = new PessoaJuridica(nome, listaEndJuridica, limiteCredito, nomeFantasia, cnpj); listaCliente.add(pessoaJuridica); System.out.println("\nPessoa juridica adicionado com sucesso! "); break; default: System.out.println("opção inválida! "); } } public void relatorio() { if (listaCliente.isEmpty()) { System.out.println("Não existem clientes cadastrados! "); } else { for (Cliente c : listaCliente) { if (c instanceof PessoaFisica) { System.out.println("\n-=[Pessoas Fisicas]=-"); System.out.println("Nome: " + c.getNome()); System.out.println("-=[Endereço(s) Associado(s)]<-"); for (Endereco end : listaEndFisica) { System.out.println("Logradouro: " + end.getLogradouro()); } System.out.println("Limite de crédito: " + c.getLimiteDeCredito()); System.out.println("Cpf: " + ((PessoaFisica) c).getCpf()); } else if (c instanceof PessoaJuridica) { System.out.println("\n-=[Pessoas Juridicas]=-"); System.out.println("Nome: " + c.getNome()); System.out.println("-=[Endereço(s) Associado(s)]<-"); for (Endereco end : listaEndJuridica) { end.getLogradouro(); System.out.println("Logradouro: " + end.getLogradouro()); } System.out.println("Limite de crédito: " + c.getLimiteDeCredito()); System.out.println("Nome fantasia: " + ((PessoaJuridica) c).getNomeFantasia()); System.out.println("Cnpj: " + ((PessoaJuridica) c).getCnpj()); } } } }  

    • Por ZecaLoteiro
      Bom dia srs,
       
      Estou aprendendo MVC e para exercitar iniciei um projeto no seguinte contexto:
      Classe Cliente tem uma propriedade:
      IDadosCadastrais DadosCadastrais; As classes PF e PJ implementam a interface DadosCadastrais.
       
      Penso que: Todo cliente tem dado cadastral, porém só tem CNPJ se for pessoa jurídica, por isso criei classes separadas para PF e PJ.
      Porém na hora de preencher o formulário da view se eu utilizo um modelo Cliente, a informações dos dados cadastrais não são recebidas.
       
       
      Se alguém puder me ajudar no esclarecimento das seguintes questões:
       
      1) O conceito que utilizei para separação dos dados está correto é a melhor prática?
      2) Como posso obter uma instancia da classe Cliente direto da view para o controller?
      3) Caso eu tenha que receber os dados e criar manualmente, como posso receber no controller um dado de um campo do formulário?
       
      Desde já obrigado.
       
       
       
       
       
    • Por InstaladorX
      Estou enfrentando problemas para mostrar uma imagem em um lightbox.
       
      Todos os caminhos indicados para a localização da imagem já foram testados mas a imagem não é mostrada. 
       
      O código utilizado no arquivo .js é este:
       
       var img = document.createElement('img');
       img.src = "imagens/imagem.png";
       img.alt = "imagem";
       lightbox.appendChild(img);
       
      O arquivo imagem.png está dentro da pasta imagens mas, não importa onde ele se encontra pois a imagem nunca é mostrada.
       
      já adicionei:
       
      img.src = "imagem.png"; - nada
      img.src = "/imagem.png"; - nada
      img.src = "imagens/imagem.png"; - nada
      img.src = "/imagens/imagem.png"; - nada
      img.src = "./imagens/imagem.png"; - aqui já é um absurdo.
      img.src = "../imagens/imagem.png"; - absurdo também.
       
      já coloquei a imagem junto ao arquivo js ou seja, na mesma pasta do js e nada.
      já coloquei o caminho completo para a imagem mas, não adiantou.
       
      Por fim, fiz uma inspeção do elemento pelo navegador e observei que a tag <img> não é fechada na criação do  document.createElement('img'); e no final é adicionado a tag style=""> como mostra o exemplo abaixo que copiei diretamente do inspecionador de elementos.
       
      <img src="imagens/imagem.png" alt="imagem" style="">
       
      Pois bem, a mim me pareceu que o document.createElement('img'); gerou esta tag style=""> no final do código e que isso poderia estar causando o problema da imagem não aparecer.
       
      Mas por enquanto, sou apenas um estudante.
       
      Se alguém já possou por isso, se pode enxergar ou tem a solução para este erro, seria interessante posta-la aqui.
       
      Muito obrigado!
       
       
       
       
       
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.