Ir para conteúdo
halfar

matriz em div é possível?

Recommended Posts

É possível criar uma div com elemento ID como matriz?

 

Assim: 

<div id[1] =nome1></div>
<div id[2] =nome2></div>
<div id[3] =nome3></div>

 

 

Editado por Alaerte Gabriel
Adição da tag CODE

Compartilhar este post


Link para o post
Compartilhar em outros sites

imaginava que não desse, mas quanto a necessidade, depende do ponto de vista de cada um e do que você está descobrindo ao programar, no meu caso, iria dar uma boa mão na roda.

 

Valeu...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com id não dá, mas com name dá, não sei se server para você

 

<div name="A">1</div>
<div name="A">2</div>
<div name="A">3</div>


alert(document.getElementsByName("A")[0].innerText)
alert(document.getElementsByName("A")[1].innerText)
alert(document.getElementsByName("A")[2].innerText)

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

https://developer.mozilla.org/en-US/docs/Web/API/Element/name

Citar

Summary
name gets or sets the name property of a DOM object; it only applies to the following elements: <a>, <applet>, <button>, <form>, <frame>, <iframe>, <img>, <input>, <map>, <meta>, <object>, <param>, <select>, and <textarea>.

 

 

Utilize a tag class no lugar. É possível utilizá-la em qualquer elemento.

Compartilhar este post


Link para o post
Compartilhar em outros sites
3 horas atrás, halfar disse:

imaginava que não desse, mas quanto a necessidade, depende do ponto de vista de cada um e do que você está descobrindo ao programar, no meu caso, iria dar uma boa mão na roda.

 

Valeu...

Não me refiro a sua necessidade em específico, me refiro a necessidade de uma div ter ID como vetor.:thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, Gabriel Heming disse:

https://developer.mozilla.org/en-US/docs/Web/API/Element/name

 

Utilize a tag class no lugar. É possível utilizá-la em qualquer elemento.

 

Isso, aí você utiliza o código abaixo para pegar os elementos com essa classe

document.getElementsByClassName("example");

Compartilhar este post


Link para o post
Compartilhar em outros sites

muito bem, deu certo. O código ficou assim:

Citar

<?php 

for ( $a=0; $a <= count($dados)-1; $a++ ) {

$xdata = $dados[$a]["data"];


$xdata = substr($xdata,8,2) . "-" . substr($xdata,5,2) . "-" . substr($xdata, 0,4);


$xid      = $dados[$a]["id"];
$xdata    = "Data publicação " . $xdata . "<br>";
$xtitulo  = $dados[$a]["titulo"] . "<br><br>";
$xtexto   = $dados[$a]["texto"] . "<br><br>";
$xautoria = "Autoria: " .  $dados[$a]["autoria"];


echo "<div name[1]='$xtitulo' name[2] = '$xtexto' name[3]='$xdata' name[4]='$xautoria'>" . $xtitulo . "</div>";


}
?>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seu HTML não é valido.

 

Se você quiser criar atributos, use o prefixo 'data-' (HTML 5) ou utilize class. Mas não podem ser repetidos o nome do atributo, apenas adicionados uma lista interna:

<div class="name1 name2 name3 name4"></div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora


  • Próximos Eventos

  • Conteúdo Similar

    • Por diegoxlz
      Esse é o HTML
      <div id="markup"> Text that can be copied or selected with cross browser support. </div> <br><br> não copiar esse texto <br><br> <div id="markup2"> Copiar o texto 2 </div> <br><br> <button id="botaodecopiar1">copiar!</button>  
      E esse é o Javascript>
       
      <script type="text/javascript"> function selectElementContents(el) { // Copy textarea, pre, div, etc. if (document.body.createTextRange) { // IE var textRange = document.body.createTextRange(); textRange.moveToElementText(el); textRange.select(); textRange.execCommand("Copy"); } else if (window.getSelection && document.createRange) { // non-IE var range = document.createRange(); range.selectNodeContents(el); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); try { var successful = document.execCommand('copy'); var msg = successful ? 'successful' : 'unsuccessful'; console.log('Copy command was ' + msg); } catch(err) { console.log('Oops, unable to copy'); } } } // end function selectElementContents(el) function make_copy_button(el) { var botaodecopiar = document.getElementById('botaodecopiar1'); botaodecopiar.onclick = function() { selectElementContents(el); }; if (document.queryCommandSupported("copy") || parseInt(navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./)[2]) >= 42) { // Copy works with IE 4+, Chrome 42+, Firefox 41+, Opera 29+ botaodecopiar.value = "Copy to Clipboard"; } else { // Select only for Safari and older Chrome, Firefox and Opera botaodecopiar.value = "Select All (then press CTRL+C to Copy)"; } } var elem = document.getElementById("markup"); var elem2 = document.getElementById("markup2"); make_copy_button(elem2); </script>  
    • Por BCG97
      segue a baixo a questão, a minha duvida é o seguinte, como fazer a soma dos valores recebidos... onde coloca-los para receber o valor certinho, como diz na questão que cada fileira tem um valor, isso eu não entendi ainda
       
      A faculdade X pensou em montar um projeto para ajudar os acadêmicos de Engenharia da Computação a levantar dinheiro para sua formatura, a faculdade agora montou uma armário 2 linhas e 13 colunas, ou seja dois andares de armários até 13 totalizando 26 armários disponíveis.

      Sua tarefa agora é desenvolver um controle para uso de moedas para utilizar os armários.

       
       

       
      O valor determinado para cada armário é:

      Armários da fileira debaixo custam R$ 0,50

      Armários da fileira superior R$ 1,00.

      A cada armário mais distante do canto inicial é adicionado R$ 0,10 no valor.


       
      Seu programa deverá ter as funcionalidades abaixo:

      1 –  Exibir todos os armários identificando disponíveis e ocupados.

      2 –  Exibir todos os armários e o valor recebido até então.

      3 –  Utilizar armário. Para utilizar o armário deverá informar seu número da linha e da coluna. Se estiver sendo utilizado deve informar: ARMARIO OCUPADO.

      4 –  Liberar armário. Para liberar o armário deverá informar seu número da linha e da coluna. Se estiver vago deve informar: ARMARIO JÁ ESTA VAGO.

      5 –  Realizar recebimento. (Nesta funcionalidade você terá que zerar os valores recebidos e contabilizar quanto foi lucrado).

      6 – Sair. (Só poderá sair se todos os armários estiverem desocupados, ou seja, deverá realizar o recebimento antes de sair).

    • Por BCG97
      Segue abaixo um problema podendo usar vetores ou matrizes, eu não estou conseguindo fazer ele direito, se puderem me ajudar agradeceria
       
       
       
      A faculdade X pensou em adotar armários para os alunos deixarem seus materiais, da mesma forma que as universidade Americanas. Com isso, ela pensou nos alunos de Engenharia da Computação para montar a automação deste sistema. Para testar o sistema terá que controlar 10 armários. Monte um menu de opções que será exibido num display de controle conforme o exemplo abaixo e implemente as rotinas para que cada opção do menu funcione corretamente:
       
      MENU
      1 – Mostrar a situação de todos os armários, exemplo: Armario 0: Ocupado, Armario 1: Ocupado, Armario 2: Livre...
      2 – Mostrar os armários livres, exemplo: Armario 2, Armario 4, Armario 8...
      3 – Utilizar Armário: Informar o número de um armário livre e marcá-lo como ocupado, caso o armário estiver ocupada avisar o usuário ARMARIO SENDO UTILIZADO.
      4 – Remover Armário: Informar o número de um armário ocupado e fazer a liberação do armário, caso o armário estiver livre avisar o usuário ARMARIO NAO ESTA SENDO UTILIZADO.
      5 – Resumo do Armário, exemplo: 3 Armários livres, 7 Armários ocupados
      0 - Sair
       
       
      Observações: O programa deve iniciar com todos os Armários livres e o menu deve ficar em loop infinito, ou seja, depois de escolher qualquer opção deve sempre voltar ao menu. O menu deve tratar opções inválidas.
    • Por halfar
      tenho uma div encapsulada dentro de outra.
       
      Estou fazendo um menu expansivel, ocorre que quando o menu se expande (que é a div secundária) , dependendo da quantidade de informação de texto nesta div sencundária, a expansão do menu ultrapassa o limite da propriedade height da div principal.
       
      Já tentei utilizar as propriedades min-height e max-height para a div principal mas não funcionou...
       
       
    • Por medice99
      Bom dia a todos,
       
      Estou iniciando na programação web profissionalmente aqui no trabalho, porém já brincava com linguagens de web (html/css/js e um pouco de php) a algum tempo.
      Entretanto agora que estou pegando firme, surgem diversas dúvidas referente a posicionamentos e etc...
       
      Gostaria de saber se é normal enxer o código html de divs?
      Por exemplo, fiz uma página inicial para uma intranet onde irei colocar alguns paineis ao centro da tela com um breve resumo da área que será redirecionada ao clicar em um botão.
      Já consegui posicionar os campos do jeito que eu planejava, entretanto eu devo ter utilizado já uns 20 divs diferentes para posicionar tudo.
       
      Estou anexando o código e pelo que podem ver coloquei uma 'div geral' onde amarra todos os elementos.
      Uma div para o cabeçalho/menu, uma para a saudação de bem-vindo e outras várias para os paineis.
       
      Não sei se é o correto, entretanto foi a maneira mais fácil que eu encontrei pra encaixar tudo rs...
       
       
      <html xmlns="http://www.w3.org/1999/xhtml"> <head> <?php include '../include/validaSessao.php'; ?> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Dona Clara Produtos de Limpeza</title> <style type="text/css"> body{ width: 960px; margin-left: auto; margin-right: auto; } div{ border: 1px solid black; } #artigos{ display: table; margin-left: auto; margin-right: auto; } #vendas, #cadastros, #relatorios{ width: 300px; height: 450px; display: block; position: relative; float: left; margin-left: 10px; } #relatorios{ margin-right: 10px; } #artigos input{ -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7; -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7; box-shadow:inset 0px 1px 0px 0px #54a3f7; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7)); background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0); background-color:#007dc1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #124d77; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:13px; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #154682; } #botao-relatorios, #botao-vendas, #botao-cadastros{ display: table; margin-left: auto; margin-right: auto; margin-top: 10px; } </style> </head> <body> <div id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Cadastros</a></li> <li><a href="#">Relatórios</a></li> </ul> </div> <br/> <div> <?php setlocale(LC_ALL, 'pt_BR', 'pt_BR.utf-8', 'pt_BR.utf-8', 'portuguese'); date_default_timezone_set('America/Sao_Paulo'); echo "Bem vindo " . ucfirst(strtolower($logado)) ."\n"; echo "$var <br>"; echo "$var <br>"; echo "Hoje é " . strftime('%A, %d de %B de %Y', strtotime('today')); ?> </div> <br/> <div id="artigos"> <div id="vendas"> <div id="artigo-vendas"> <p>vendas</p> </div> <div id="botao-vendas"> <form action="./vendas"> <input type="submit" value="Vendas" name="bot-vendas" id="bot-vendas" /> </form> </div> </div> <div id="cadastros"> <div id="artigo-cadastros"> <p>cadastros</p> </div> <div id="botao-cadastros"> <form action="./cadastros"> <input type="submit" value="Cadastros" name="bot-cadastros" id="bot-cadastros" /> </form> </div> </div> <div id="relatorios"> <div id="artigo-relatorios"> <p>RELATORIOS</p> </div> <div id="botao-relatorios"> <form action="./relatorios"> <input type="submit" value="Relat&oacute;rios" name="bot-relatorios" id="bot-relatorios" /> </form> </div> </div> </div> </body> </html>  
×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: