Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

javascript Lighting selected Div

M
meriah last edited by

Got it. div Class ('.item')and div Yes. button Class ('.order')♪ That's it. div There's a few on the page. Like a push. .order Enlighten the div? (LAUGHS) background)
Reply Quote 0
1 Reply Last reply

zymir

$(document).ready(function(){
    $(".order").click(function(){
        $(this).parent().css("background-color","green");
    })
})

2
Posts

0
Views

Suggested Topics

B

Lighting of selected block
Software Programming • javascript jquery • • baileigh

2

0
Votes

2
Posts

0
Views

G

I think the best solution is to use a calbec that changes the display of objects.To say, added the condition. $(".slot").hasClass("select") || $(".slot").hasClass("block")which checks whether we've chosen an object and if so, prevents another one.There you go.$(".slot").click(function() { if ($(".slot").hasClass("select") || $(".slot").hasClass("block")) { return; } let thisEl = $(this); open_slot(function(result) { if (result) { $(".result").html("вы выбрали верно!"); thisEl.addClass("select"); } else { $(".result").html("вы выбрали не верно!"); $(".slot").addClass("block"); let slots = $(".slot").not(thisEl); let random = Math.floor(Math.random() * slots.length); $(slots[random]).addClass("select").removeClass("block"); } }); }); function open_slot(callback) { callback(false); // это надо удалить return; // (костыль для проверки) api_call('api url', {}, function(err, result) { if (err) { console.log(error); } else { callback(result.result); } }); } function api_call(url, data, callback) { $.ajax({ url: url, data: JSON.stringify(data), cache: false, contentType: 'application/json', type: 'POST', success: function(data) { if (data.success || data.success == "true") { callback(null, data); } else { callback(data.error, null); } } }); }.slot { display: inline-block; margin-left: 10px; width: 100px; height: 100px; background: #000; } .slot.select { background: green; } .slot.block { background: red; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="slot"> <div class="slot_result"> </div> </div> <div class="slot"> <div class="slot_result"> </div> </div> <div class="slot"> <div class="slot_result"> </div> </div> <div class="slot"> <div class="slot_result"> </div> </div> <div class="slot"> <div class="slot_result"> </div> </div> <div class="result"></div>
D

Update does not work in the database
Software Programming • php html mysql • • Duquan

2

0
Votes

2
Posts

0
Views

J

The problem is in the first if that will always return true if there are data in the table tests and will never enter elseif to run update, try to change that elseif by only if and do it submit the form again. See below:Simplifying your code for better understanding./* Você faz um select na tabela e testa * se houverem dados da tabela, então faça */ if ($row = $result->fetch(PDO::FETCH_ASSOC)){ ... } //Aqui você testa senão houverem dados na tabela e se houver o post, então faça elseif (isset($_POST['Submit'])) { ... } So update does not occur, change elseif by if://Se houverem dados da tabela, então if ($row = $result->fetch(PDO::FETCH_ASSOC)){ ... } //Se houver o post, então if (isset($_POST['Submit'])) { ... }
How do one element (not the second descendant) be visible only in the area of the second element?
Software Programming • javascript html cs • • Mystic

2

0
Votes

2
Posts

0
Views

E

That's what you want.let btn = document.querySelector("button"); let blueCube = document.querySelector(".cube.blue"); btn.addEventListener("click", function() { blueCube.classList.toggle('shown'); });body { text-align: center; } .cubes-block { display: flex; justify-content: center; } .wrapper { display: flex; overflow: hidden; position: relative; } .cube { width: 100px; height: 100px; background-color: darkorange; border: 1px solid black; } .cube.blue { background-color: royalblue; position: absolute; transform: translateX(-100%); transition: transform 1s; } .cube.shown { transform: translateX(0); }<body> <div class="cubes-block"> <div class="wrapper"> <div class="cube blue"></div> <div class="cube"></div> <div class="cube"></div> <div class="cube"></div> </div> </div> <br><br> <button>Click me!</button> </body>
T

Problems loading Dropdownlist in cascade - Asp.net Core MVC
Software Programming • javascript asp.net mvc asp. net mvc language 5 • • Trenton

2

0
Votes

2
Posts

0
Views

tries to change your success:success: function (data) { var itens = "<option>Selecione Contato</option>"; $.each(data, function (i) { itens += "<option value= " + data.id + "> " + data.contatoTipo + " </option>"; }); $("#contatoTipo").html(itens); }, http://prntscr.com/mckobi
M

Equation <div></div>
Software Programming • html cs twist • • magpie

2

0
Votes

2
Posts

0
Views

E

Specify elements float:rightwhich must be levelled on the right edge https://jsfiddle.net/5mz9x0v6/
A

Fon is blocking the mouse text.
Software Programming • html cs cs3 web design • • amarantha

2

0
Votes

2
Posts

0
Views

R

I can't be sure if I could say more accurately if you had a link to the site. But most likely you just need to clean up the background, the bath isn't in this place, look at all the backgrounds you have, experiment.
Select div that is not in DOM
Software Programming • html jquery • • morde

2

0
Votes

2
Posts

0
Views

The function of changing the text should be called when you click on the button that loads the content.var my_contador = 8 var my_interval; function mostrar(){ $('#padre').append('<button id="close" onclick="cerrar()">Cerrar</button>') contadorCerrar(); } function contadorCerrar(){ my_contador = 8 my_interval = setInterval(cambiarTexto(),1000) setTimeout(cerrar(), 1000 * my_contador) } function cambiarTexto(){ my_contador -= 1 console.log(my_contador) //$('#close').text('Cerrar en '+my_contador+".") } function cerrar(){ $('#padre').html("") //clearInterval(my_interval) }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button onclick="mostrar()">Mostar</button> <div id="padre"> </div>
A

Why use setInterval(fn(),0);
Software Programming • javascript multi point • • Avante

2

0
Votes

2
Posts

0
Views

setInterval() - Starts the function not once, but regularly repeats it at the specified time interval. (The point is the same. setTimeout()but there's a difference.Literature https://learn.javascript.ru/settimeout-setinterval https://habrahabr.ru/search/?target_type=posts&order_by=relevance&q=%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE%D0%BF%D0%BE%D1%82%D0%BE%D1%87%D0%BD%D0%BE%D1%81%D1%82%D1%8C+%D0%B2+JavaScript&flow= Please refer to this example: https://ru.stackoverflow.com/questions/570971/setinterval-%d0%b8-%d0%b7%d0%b0%d0%b4%d0%b5%d1%80%d0%b6%d0%ba%d0%b8?rq=1
How to insert a div into a specific div using Javascript
Software Programming • javascript html • • Mystic

2

0
Votes

2
Posts

0
Views

D

To date everything is correct (if your goal is to create a new element). Once you have entered the content in the element, just use the method appendChild to add the created element to another element in this way:const content = "Hello World"; const main = document.getElementById("main"); let element = document.createElement("div"); element.innerHTML = content; main.appendChild(element);<div id="main"></div>If your goal is to add string elements only without creating a new element, you can just get the main element and assign the content to it.const content = "<div>Hello World<div>"; document.getElementById("main").innerHTML = content;<div id="main"></div>
N

Scroll JavaScript in div and take title
Software Programming • javascript php jquery html5 • • nishika

2

0
Votes

2
Posts

0
Views

Example using jQuery:$(document).ready(function() { // Escuta o movimento do scrool. $('#div_scroll').scroll(function() { // Obtem a posição do elemento div_scroll na tela. var divScrollPosition = $('#div_scroll').position(); clearTimeout($.data(this, 'scrollCheck')); // Função executada ao concluir o movimento de scrool. $.data(this, 'scrollCheck', setTimeout(function() { // Pecorre todas as sub divs e verifica qual a sua posição. $('#div_scroll div').each(function() { var divPosition = $(this).position(); /* (Posição do elemento div_scroll - (Posição da div + 1)) + Altura da div. + 1: Como a div tem um borda de 1px é somado mais 1 para discontar essa borda. altura da div: Utilizado para exibir o título da div enquanto a mesma estiver visível */ var position = (divPosition.top - (divScrollPosition.top + 1)) + $(this).height(); // Se posição maior que zero indica que a mesma ainda está visível. if (position > 0) { $('#titulo').text($(this).text()); return false; } }); }, 250)); }); });#div_scroll { border: 1px solid red; height: 100px; overflow: auto; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span id="titulo">teste1</span> <div id="div_scroll"> <div id="dv1">teste1</div> <div id="dv2">teste2</div> <div id="dv3">teste3</div> <div id="dv4">teste4</div> <div id="dv5">teste5</div> <div id="dv6">teste6</div> <div id="dv7">teste7</div> <div id="dv8">teste8</div> <div id="dv9">teste9</div> <div id="dv10">teste10</div> <div id="dv11">teste11</div> <div id="dv12">teste12</div> </div>Reference on scrollstop: http://gabrieleromanato.name/jquery-check-if-users-stop-scrolling
R

What is the right way to export the "data" property of a component Children to a parent component?
Software Programming • javascript html vue.js • • rielyn

2

0
Votes

2
Posts

0
Views

N

To export the data in your components using the cli you should use it as a function and within it make the return of your properties in this way:// foo.vue ... <script> export default { data () { return { mensaje_be: "Da Nombre a tu To-Do", mensaje_af: "", } } } </script> and if you use vue in standalone mode you could use the same structure data(){return{...}} o:// foo.js new Vue({ data: { mensaje_be: "Da Nombre a tu To-Do", mensaje_af: "", } })
Why doesn't filtering work correctly?
Software Programming • javascript • • morde

2

0
Votes

2
Posts

0
Views

You change the mass during the cycle, that's the index and you're down.function filterRangeInPlace(arr, a, b){ return arr.filter(element => (element >= a && element <= b)); } console.log(filterRangeInPlace([1, 4, 6, 10, 3, -2], 1, 4));and so with splice function filterRangeInPlace(arr, a, b){ for(index=arr.length; --index;) if (arr[index] < a || arr[index] > b) arr.splice(index, 1) return arr; } console.log(filterRangeInPlace([1, 4, 6, 10, 3, -2], 1, 4));If you want to change the reference massfunction filterRangeInPlace(arr, a, b){ for(index=arr.length; --index;) if (arr[index] < a || arr[index] > b) arr.splice(index, 1) } arr = [1, 4, 6, 10, 3, -2] filterRangeInPlace(arr, 1, 4) console.log(arr);
O

How to validate a html field?
Software Programming • html required • • obi

2

0
Votes

2
Posts

0
Views

This is an example if you send the form with a submit button. The solution to your problem would be the pattern attribute. It does not accept any space or special character and how to minimum you must introduce a character. You can find out more combinations if you search it online. Greetings.<form> <input class="form-control" type="text" name="titulo" pattern="[A-Za-z]" placeholder="Actividad realizada" required> <input type="submit"> </form>
C

How to get the value of a div and show in javascript?
Software Programming • javascript html • • chanisef

2

0
Votes

2
Posts

0
Views

C

the value property refers to inputs and selects.In this case you need to take the internal HTML of the DIV..getElementById('valor').innerHTML
N

Why is div unfloat, but not div?
Software Programming • css html5 • • Nykeriab

2

0
Votes

2
Posts

0
Views

J

Directly Home where the inline element of the middle part of the block element isclearWhat layout will be expected as specified? ...<span> clearnot working properly.

javascript Lighting selected Div

Suggested Topics

Lighting of selected block Software Programming • javascript jquery • • baileigh

Update does not work in the database Software Programming • php html mysql • • Duquan

How do one element (not the second descendant) be visible only in the area of the second element? Software Programming • javascript html cs • • Mystic

Problems loading Dropdownlist in cascade - Asp.net Core MVC Software Programming • javascript asp.net mvc asp. net mvc language 5 • • Trenton

Equation <div></div> Software Programming • html cs twist • • magpie

Fon is blocking the mouse text. Software Programming • html cs cs3 web design • • amarantha

Select div that is not in DOM Software Programming • html jquery • • morde

Why use setInterval(fn(),0); Software Programming • javascript multi point • • Avante

How to insert a div into a specific div using Javascript Software Programming • javascript html • • Mystic

Scroll JavaScript in div and take title Software Programming • javascript php jquery html5 • • nishika

What is the right way to export the "data" property of a component Children to a parent component? Software Programming • javascript html vue.js • • rielyn

Why doesn't filtering work correctly? Software Programming • javascript • • morde

How to validate a html field? Software Programming • html required • • obi

How to get the value of a div and show in javascript? Software Programming • javascript html • • chanisef

Why is div unfloat, but not div? Software Programming • css html5 • • Nykeriab

Lighting of selected block
Software Programming • javascript jquery • • baileigh

Update does not work in the database
Software Programming • php html mysql • • Duquan

How do one element (not the second descendant) be visible only in the area of the second element?
Software Programming • javascript html cs • • Mystic

Problems loading Dropdownlist in cascade - Asp.net Core MVC
Software Programming • javascript asp.net mvc asp. net mvc language 5 • • Trenton

Equation <div></div>
Software Programming • html cs twist • • magpie

Fon is blocking the mouse text.
Software Programming • html cs cs3 web design • • amarantha

Select div that is not in DOM
Software Programming • html jquery • • morde

Why use setInterval(fn(),0);
Software Programming • javascript multi point • • Avante

How to insert a div into a specific div using Javascript
Software Programming • javascript html • • Mystic

Scroll JavaScript in div and take title
Software Programming • javascript php jquery html5 • • nishika

What is the right way to export the "data" property of a component Children to a parent component?
Software Programming • javascript html vue.js • • rielyn

Why doesn't filtering work correctly?
Software Programming • javascript • • morde

How to validate a html field?
Software Programming • html required • • obi

How to get the value of a div and show in javascript?
Software Programming • javascript html • • chanisef

Why is div unfloat, but not div?
Software Programming • css html5 • • Nykeriab