1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Comparar atributos com função em javascript

Pessoal tenho dois arquivos html, o arquivo "A" trata de um menu onde o usuário pode ativar ou desativar as opções que ele deseja e tem o seguinte trecho:

<div class="toggle div-inline" id="b1"> 
        <input type="checkbox" id="consultar-acervo" name="toggle"> <span>Consultar Acervos</span> 
        <label for="consultar-acervo"></label>
      </div>

      <div class="toggle div-inline" id="b2">
        <input type="checkbox" id="consultar-reserva" name="toggle" > <span>Consultar Reservas</span> 
        <label for="consultar-reserva"></label>
      </div>

      <div class="toggle div-inline" id="b3">
        <input type="checkbox" id="renovar-emprestimo" name="toggle"><span> Renovar Empréstimos</span> 
        <label for="renovar-emprestimo"></label>
      </div>

O arquivo "B" seria as imagens referentes as opções que foram escolhidas pelo usuário e tem o seguinte trecho:

<div class="row">
  <div class="column zoom">
    <a href="#" data-toggle="tooltip" data-placement="top" title="Consultar Acervo" target=“_blank”>
    <img src="../images/img_nature.jpg" alt="Fjords" style="width:100%" data-name="consultar-acervo" id1= "icons">
  </a>
  </div>

  <div class="column zoom">
    <a href="#" data-toggle="tooltip" data-placement="top" title="Consultar Acervo" target=“_blank”>
    <img src="../images/img_fjords.jpg" alt="Forest" style="width:100%" data-name="consultar-reserva" id1= "icons">>
  </a>
  </div>

  <div class="column zoom">
    <a href="#" data-toggle="tooltip" data-placement="top" title="Consultar Acervo" target=“_blank”>
    <img src="../images/img_mountains.jpg"" alt="Mountains" style="width:100%" dataname="renovar-emprestimo" id1= "icons">>
  </a>
  </div>

</div>

Gostaria de criar uma função em js que comparasse o 'id' do arquivo A e comparasse com o 'data-name' do arquivo B e verificasse se são iguais, mas não estou conseguindo, o que fiz foi o seguinte:

function checar(){

var checa = document.getElementsByName("toggle");
var checa1 = document.getElementsById1("icons");

for (var i=0; i<checa.length; i++){
    for (var j=0; j< checa.length; j++){

    if (checa[i].checked != true){

        if (document.getElementsById(i) == document.getElementsByDataname(j) ){
            $(j).fadeOut();


        }

    }
    else {
        //chamar um dos arquivos html

    }

}
}

}

Como faço para que essa função 'enxergue' os dois html?

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags javascript html ou faça a sua própria pergunta.