Jump to content
programadorweb2016

setAttributeNode is not defined comando for

Recommended Posts

function atira(x0,y0,x1,y1,x2,y2,x3,y3,x4,y4,x5,y5,x6,y6){
	var t = [], att = [], attt = [];
	for(var i=0; i<7; i++){
		t[i] = document.createElement("div");
		att[i] = document.createAttribute("class");
		att[i].value = "tiroJog";
		t[i] = setAttributeNode(att[i]);
		attt[i] = document.createAttribute("style");
		attt[i].value = "top:"+y[i]+"px;left:"+x[i]+"px";
		t[i].setAttributeNode(attt[i]);
		document.body.appendChild(t[i]);
	}
}

Boa noite, estou estudando javascript e implementando meus conhecimentos tentando criar jogos, ai me deparei com esse seguinte erro, vi no console e esta dando o seguinte erro setAttributeNode is not defined, ja tentei colocar as variaveis fora da funçao mas acho que isso não tem nada a ver pq só uso essas variaves nessa funçao, estou tentando a um tempao entender o motivo do erro, se alguem puder me explicar fico muito grato!?

Share this post


Link to post
Share on other sites

@Maujor

Funciono a primeira linda da class, ja a do style não funciono, msm eu tirando a linha do style cria um style altomatico com apenas o top, isso é normal?

 

Sem o for funciona normal mas o código fica muito grande ...

 

function atira(x,y,x1,y1,x2,y2,x3,y3,x4,y4,x5,y5,x6,y6){
	
	
	var t = document.createElement("div");
	var t1 = document.createElement("div");
	var t2 = document.createElement("div");
	var t3 = document.createElement("div");
	var t4 = document.createElement("div");
	var t5 = document.createElement("div");
	var t6 = document.createElement("div");
	
	var att1 = document.createAttribute("class");
	var att2 = document.createAttribute("class");
	var att3 = document.createAttribute("class");
	var att4 = document.createAttribute("class");
	var att5 = document.createAttribute("class");
	var att6 = document.createAttribute("class");
	var att7 = document.createAttribute("class");
	att1.value = "tiroJog";
	att2.value = "tiroJog";
	att3.value = "tiroJog";
	att4.value = "tiroJog";
	att5.value = "tiroJog";
	att6.value = "tiroJog";
	att7.value = "tiroJog";
	t.setAttributeNode(att1);
	t1.setAttributeNode(att2);
	t2.setAttributeNode(att3);
	t3.setAttributeNode(att4);
	t4.setAttributeNode(att5);
	t5.setAttributeNode(att6);
	t6.setAttributeNode(att7);
	
	var attt1 = document.createAttribute("style");
	var attt2 = document.createAttribute("style");
	var attt3 = document.createAttribute("style");
	var attt4 = document.createAttribute("style");
	var attt5 = document.createAttribute("style");
	var attt6 = document.createAttribute("style");
	var attt7 = document.createAttribute("style");
	attt1.value = "top:"+y+"px;left:"+x+"px";
	attt2.value = "top:"+y1+"px;left:"+x1+"px";
	attt3.value = "top:"+y2+"px;left:"+x2+"px";
	attt4.value = "top:"+y3+"px;left:"+x3+"px";
	attt5.value = "top:"+y4+"px;left:"+x4+"px";
	attt6.value = "top:"+y5+"px;left:"+x5+"px";
	attt7.value = "top:"+y6+"px;left:"+x6+"px";	
	t.setAttributeNode(attt1);
	t1.setAttributeNode(attt2);
	t2.setAttributeNode(attt3);
	t3.setAttributeNode(attt4);
	t4.setAttributeNode(attt5);
	t5.setAttributeNode(attt6);
	t6.setAttributeNode(attt7);
	
	document.body.appendChild(t);
	document.body.appendChild(t1);
	document.body.appendChild(t2);
	document.body.appendChild(t3);
	document.body.appendChild(t4);
	document.body.appendChild(t5);
	document.body.appendChild(t6);
}

 

Share this post


Link to post
Share on other sites

@Maujor

Agora deu certo, eu tinha tentado daquela forma acima que tinha me passado, mas nao estava dando acho que era por causa das aspas duplas, as var x y dava indefinido tb, acho que era pq nao tinha nenhum valor no array delas, agora funciono perfeitamente e ainda por cima me fez aprender coisas novas, muito obrigado por essa incrivel experiencia :thumbsup:

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By quimera
      O problema seria simples se o script da página permitisse o autopreenchimento usando javascript, masssssssssssss...
      O site em questão não permite que o campo seja preenchido dinamicamente ou seja usando script (ele identifica a digitação do teclado para impedir isso)
      Eles devem usar algo como: onkeypress ou onkeyup e acumular os valores digitados numa variável para dispor isso no post/get
      Por que nesse caso, se foi simplesmente colado ou preenchido via script não vai aceitar já que provavelmente é acumulativo e não verificado se o campo foi preenchido.
      Então como preencher dinamicamente o campo usando javascript nesse caso?
    • By Diego-SLP
      Boa tarde,
       
      Preciso atualizar um registro o qual já possui um valor na coluna QUANTIDADE, agora atualizarei a coluna VALOR UNITARIO e gostaria que fosse feita a multiplicação QUANTIDADE * VALOR UNITARIO.
       
      Como consigo fazer essa consulta do ID, pegar a QUANTIDADE e multiplicar pelo VALOR UNITARIO de cada linha ? vou atualizar lotes, e nao só um registro.
       
      Imagino que com o FOR, mas não consigo montar sua estrutura de repetição.
    • By AndersonWS
      Boa tarde, já tentei muitas formas mas não consigo retirar o atributo required.
      O resultado que eu preciso é, quando retiro o required de um (name="posicao") o outro fica com required e vice-versa e também um aparece e outro some.
       
      Segue o código HTML.
      <select name="posicao" class="form-control option_escolhida" style="display:none" id="2" required="" disabled> <option value="" selected>Selecione</option> <option value="1">Espaco</option> <option value="2">Cursos</option> </select> <select name="posicao" class="form-control option_escolhida" style="display:none" id="4" required="" disabled> <option value="" selected>Selecione</option> <option value="4">Políticas de privacidade</option> </select> <div class="sem_option"><code>Sem posição definida</code></div> <div class="ini_option"><code>Posição inicial</code></div> <div class="main_option" style="display:none"> <input name="apelido" class="form-control apelido" placeholder="Nome do grupo" type="text" required="" disabled> </div> Segue o código javascrpt:
      $('.select_escolhida').on({change: listChildren}).trigger('change'); function listChildren() { if ( $(this).val() != '' ) { children = $('option').val(); $(".ini_option").show(); $(".option_escolhida").hide(); $(".option_escolhida").attr("disabled", true); $("#" + $(this).val() ).show(); $("#" + $(this).val() ).removeAttr("disabled"); $(".sem_option").hide(); if( ($(this).val() == '1')||($(this).val() == '3') ){ $(".main_option").show(); $(".apelido").removeAttr("disabled"); } else { $(".main_option").hide(); $(".apelido").attr("disabled", true); $(".ini_option").hide(); } } else { $(".sem_option").show(); $(".ini_option").hide(); $(".apelido").hide(); } }  
    • By dmelo
      Eu tenho um script   $('.btn').click();   mas ele só funciona se eu deixar o mouse em cima do elemento.
      Como fazer pra ele funcionar ignorando a posião do mouse?
      Agradeço muito quem puder me ajudar pois já procurei em vários fóruns mas não achei a solução.
    • By mamotinho
      Olá, estou com problemas, minha data está atualizando porém eu clico em um produto ele exibe o tempo sem atualizar . quando eu mudo de produto ele mostra os dois valores exemplo
      Produto 1: tem duraçao de: 1 dia e 13:023 PM
      Produto 2: tem duraçao de: 0 dia e 23:023 PM

      Quando eu clico no produto 1 ele exibe normalmente, porém quando mudo para o produto 2 ele fica atualizando o valor do dia do produto 1 e do produto 2 sempre mudando.
      segue abaixo como está o codigo

      JavaSCRIPT
       
      function anooo(mes,dia,h,m){ var mess = mes; var dias = dia; var hss = h; var mss = m; // Set the date we're counting down to var countDownDate = new Date(""+mess+" "+dias+", 2020 "+hss+":"+mss+":00").getTime(); // Update the count down every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var dayss = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById("days").innerHTML = dayss; document.getElementById("hrs").innerHTML = hours; document.getElementById("minus").innerHTML = minutes; document.getElementById("secs").innerHTML = seconds; this.remove(countDownDate); // If the count down is over, write some text if (distance < 0) { clearInterval(x); } }, 1000); } AQUI É O CHAMADO:
       
      <? if($result->Discount>=1){ $Month = date('M', strtotime($result->DateDiscount)); $Days = date('d', strtotime($result->DateDiscount)); $Hours = date('H', strtotime($result->DateDiscount)); $Minutes = date('i', strtotime($result->DateDiscount)); echo "<script>anooo('".$Month."','".$Days."','".$Hours."','".$Minutes."')</script>"; //echo "<script>alert('".$Month."')</script>"; ?> <ul class="time_sell remain_time"> <li> <dl> <dt class="blind">남은시간</dt> <dd> <span class='n_date day' id='days'></span> <span class='date'>일</span> <span class='n_time hour' id='hrs'></span> <span class='n_time minute' id='minus'></span> <span class='n_time second' id='secs'></span> <div id="countdown"></div> </dd> </dl> </li> </ul> <? } ?> eu já tentei de tudo mais sempre que mudo de produto ele exibe a data dos produtos anteriores em loop. a cada atualização do setInterval
×

Important Information

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