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).

How do you check the number of div blocks in the div block?

Cleofas

I'm using the jQuery Masonry library for the gallery. However, there is a centralization of the first line. top:0; left:0; If you put it in the center, all the other photos will go the same way. How do you write a test on js / jQuery, if div 1 (one), then use the styles that will level it down the center?

<div style="position:relative; min-width:80%; clear:both; height:auto; margin:0 auto; padding-top:2%;padding-bottom:16%;">
      <div class="grid">
        <div class="grid-sizer"></div>
          <div class="grid-item marg_center">
            <a class="example-image-link" href="http://timworld.info/wp-content/uploads/2016/05/Bauhaus_in_Tel_Aviv_7_120x80.jpg" data-lightbox="example-set" >
            <img class="example-image" src="http://timworld.info/wp-content/uploads/2016/05/Bauhaus_in_Tel_Aviv_7_120x80.jpg"  alt=""/>
</a>
                </div>
     </div>
</div>

Marcee last edited by

Use the function. element.childNodes.length♪ If he returns 0, there are no blocks in the block, and then you're using the necessary styles.
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

How can I return data from a promise?
Software Programming • javascript nodejs promises • • carriann

2

0
Votes

2
Posts

0
Views

There are two ways without using callbacks:Using promise chainingUsing async/awaitPromise chainingThis technique is to chain promises, so that a value can continue to mutate through them.bot.elevation = function (msg) { return sql.open('guildconfig.db') .then(() => { return sql.get(...) }) .then(rows => { ... // revisar permisos return permlvl; }); }; So, when you call bot#elevation You will get a new promise with the value of the last longing promise.Async/AwaitThis is the new way to deal with asynchronous programming and promises in general. Through await We can "wait" for a promise to end its execution.Through async/await programming remains asynchronous, the only thing that changes is how to do it. By async/await you can write asynchronous code as if it were asynchronousbot.elevation = async function (msg) { await sql.open('guildconfig.db'); let rows = await sql.get(...); let permlvl; if (!rows) { await sql.run(...); ... } else { ... } return permlvl; } And you would use it this way:(async () => { let permlvl = await bot.elevation({ ... }); })();
When I click the button more than 1 time the count accelerates
Software Programming • javascript onc languagelic languagek c languageountdown • • Demir

2

0
Votes

2
Posts

0
Views

Well, I sorted it out. I know it's not the best way, but it's a hiccup. As the colleague said, he is not taking the boot with this. Then I put the id of the button, it is passed to the function, and this id of the button put the same name of the class of the counter, so what it passes to the function is the id of the button and tbm the class of the counter, so I can find the 2. Look. <script language="JavaScript"> function dispara( span ) { conta( span, document.getElementsByClassName( span )[0]); } function conta( botao, contador ) { document.getElementById(botao).disabled=true; if(contador.innerHTML==0) { contador.innerHTML = 10; document.getElementById(botao).disabled=false; return false; } contador.innerHTML = contador.innerHTML - 1; setTimeout( function(){conta( botao, contador )}, 1000 ); } </script> <input type="button" value="botao1" onclick="dispara('s1')" id="s1" class="btn"> <span class="s1">10</span> <br/><br/> <input type="button" value="botao2" onclick="dispara('s2')" id="s2" class="btn"> <span class="s2">10</span> I hope I helped!! !
K

Recalculation of the block number is not working
Software Programming • javascript • • Kadyn

2

0
Votes

2
Posts

0
Views

O

I'll leave it here as an example.class myClass { constructor(node) { this.node = node; if (!this.node) return; this.onListClick = this.onListClick.bind(this); this.list = this.node.querySelector(".list"); this.list.addEventListener("click", this.onListClick, false); } onListClick(event) { const item = event.target.closest(".item"); if (!item) return; const index = [...this.list.children].indexOf(item); console.log(index); // index + 1 position } } new myClass(document.querySelector(".container"));<div class="container"> <ul class="list"> <li class="item">1</li> <li class="item">2</li> <li class="item">3</li> <li class="item">4</li> <li class="item">5</li> </ul> </div>UPD.[...document.querySelectorAll(".item")].forEach(item => { item.addEventListener("click", event => { const index = [...document.querySelector("#block").children].indexOf(item); console.log(index); }); });<div id="block"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> </div>
To collect properties of an object
Software Programming • javascript array objec languaget • • Demir

2

0
Votes

2
Posts

0
Views

J

Look, this is a problem that can be landed in different ways and depends on the need to contemplate the context.Suppose the keys to your object when there are duplicates have the form of key_index, if so, then dynamically we can create the object.// Sacamos las propiedades del objeto de una forma [llave, valor] const objectEntries = Object.entries(object); // Dado que es un array de elementos [llave, valor] usamos el reduce // currValue es el valor actual o al que lo vamos a transformar = {} // [key, value] es la entrada de cada elemento del array objectEntries.reduce((currValue, [key, value]) => { // remplazamos el index de la llave con estructura llave_index con un string vacío, quedando como resultado sólo la llave const parsedKey = key.replaceAll(/.+/g, ''); // Si la llave no existe en el nuevo objeto entonces lo agregamos como un nuevo array y con el valor indicado, si ya existe entonces sólo le damos push con el valor indicado !currValue.hasOwnProperty(parsedKey) ? currValue[parsedKey] = [value] : currValue[parsedKey].push(value); // Retornamos nuestro nuevo objeto pero ya modificado return currValue; }, {}};
Z

Check of line by number Pascal
Software Programming • pascal • • zymir

2

0
Votes

2
Posts

0
Views

My five dukes from a long 2018. Val() - procedure, not function. She's not returning any values. It can't be used like that. x := Val(...)The code should therefore be written:Program prov; var s,s1:string; b,x,e:integer; begin writeln('Введите строку:'); readln(s); val(s, x, e); if e = 0 then b:=x else s1:=s; end. Several general comments. First, use read() not always yields the expected result. Second, the use of so many variables is excessive, because if there is no error in the procedure val()in the variable. x There will be a number to be applied and it can be used for calculations, variable. b - No need. Just like and s1♪ If there was a mistake, the variable. e - contains her code - different from zero. Thirdly, newcomers often lack the knowledge of the foundations, what procedures and functions differ. Look at that. https://youtu.be/H9WnxWWckgI ♪
A

Check checkbox on check
Software Programming • javascript jquery • • authera

2

0
Votes

2
Posts

0
Views

C

$("#agree").prop('checked') returns true/false
A

How to make a registration confirmation modal?
Software Programming • php html mysql • • amarantha

2

0
Votes

2
Posts

0
Views

R

RequestsCLientes.php<form id="contact_form" class="contact-form" method="post"> <ul class="row"> <li class="col-sm-12"> <label> <input type="text" class="form-control" name="cliente_nome" id="nome" placeholder="Nome *" x-moz-errormessage="campo obrigatório" required /> </label> </li> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="cliente_email" id="email" placeholder="E-mail *" required x-moz-errormessage="campo obrigatório" /> </label> </li> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="cliente_telefone" id="telefone" placeholder="Telefone *" required x-moz-errormessage="campo obrigatório" /> </label> </li> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="cliente_bairro" id="bairro" placeholder="Bairro *" required x-moz-errormessage="campo obrigatório" /> </label> </li> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="cliente_rua" id="rua" placeholder="rua *" required x-moz-errormessage="campo obrigatório" /> </label> </li> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="cliente_complemento" id="complemento" placeholder="complemento *" /> </label> </li> </ul> <div class="col-sm-12 text-center"> <input type="submit" id="bt-confirmar" class="btn btn-default " value="CONFIRMAR" name="confirmar" /> </div> </form> <div id='myModal' class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title text-success">Cliente cadastrado com sucesso</h4> </div> <div class="modal-footer"> <button type="button" class="btn btn-success" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#contact_form').submit(function(){ var dados = jQuery( this ).serialize(); jQuery.ajax({ type: "POST", url: "connectpedido.php", data: dados, success: function( data ) { $('#myModal').modal('show'); } }); return false; }); }); </script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> connectpedido.phpUsing an AJAX request for this file, it may not make much sense for you to display messages, since these will not reach the user screen. In this way you can remove them echo from the archive. It is important to note that the function of callback success is only performed when the obtained HTTP response has the status code 200. Not always the server can identify correctly and, in some cases, it may occur from PHP code to run normally, but in jQuery accuse that it has made a mistake, because status code was different than 200. To ensure you don't have this problem, you can manually set the value through the function http_response_code:if (mysql_query($sql, $con)) { // Cadastro realizado com sucesso: http_response_code(200); } else { // Erro ao realizar o cadastro: http_response_code(500); } If in PHP there is any error and registration is not performed successfully, a callback error in jQuery is executed.ExplanationTo send form to php without refresh first import the jQuery lib:<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> and fire the function in the onsubmit form event: jQuery('#contact_form').submit(function(){I saw some tutorials (from blogs, forums and video lessons), using the onclick event of the submit(or button), “fingem”, that it works, and then several people go to the forums, because of the problems generated by these miswritten and incorrect codes.The correct thing is to use onsubmit of the form, anddisable it, with that return false;The .serialize() method creates the query string with the form data, and uses this variable to send the ajax function.No success: function( data ), is the callback that will be fired, where the modal window will be called.
Z

Handlebars + React.js: how do you get to work?
Software Programming • javascript reactjs handlebars • • zymir

2

0
Votes

2
Posts

0
Views

Maybe it's been a little bit of boredom. It's worth it or not, watch it. https://github.com/stevenvachon/handlebars-react Example of the flameCompils this:<div> text1 {{variable1}} {{#if variable2}}<span>text2</span>{{else}}text3{{/if}} <span data-attr="{{#if variable3}}value1{{/if}} value2">text4</span> </div> In this:React.DOM.div(null, "text1", this.props.variable1, this.props.variable2 ? React.DOM.span(null, "text2" ) : "text3", React.DOM.span({"data-attr":(this.props.variable3 ? "value1" : "") + " value2"}, "text4" ) );
A

Postback checkbox asp.net with Switchery plugin
Software Programming • c sharp jquery asp.net • • Avante

2

0
Votes

2
Posts

0
Views

S

I was able to fix it. If someone has the same problem I had, follow an event in the Javascript to force the PostBack: <script> $(".js-switch").change(function () { __doPostBack($(this).attr("id"), ''); }); </script>
T

How do you check the number in the input by regular expression?
Software Programming • javascript regular expression • • tahishae

2

0
Votes

2
Posts

0
Views

J

function isNumeric( value ) { return (/^[\d]+$/g).test( value ); } // ну и потом что-то типа if( !isNumeric(input.value) ) { // введены не только цифры }
A

How to place pictures in one row with the text underneath them
Software Programming • html cs html5 cs3 • • amarantha

2

0
Votes

2
Posts

0
Views

K

Just like that, if something's wrong, tell me I'll give you something..flex { display: flex; justify-content: center; } .item { width: 20%; margin-right: 20px; } .item img { display: block; max-width: 100% } .item h3 { margin: 0; text-transform: uppercase; color: #b9f2ff; font-size: 1.3vw; } .item p { margin: 6px 0; font-size: 1vw; }<div class="flex"> <div class="item"> <img src="http://placehold.it/240x100" alt=""> <h3>Какое то название</h3> <p>Описание этого блока, очевидно полезное но точно отображаюшее суть этого блока</p> </div> <div class="item"> <img src="http://placehold.it/240x100" alt=""> <h3>Какое то название</h3> <p>Описание этого блока, очевидно полезное но точно отображаюшее суть этого блока</p> </div> <div class="item"> <img src="http://placehold.it/240x100" alt=""> <h3>Какое то название</h3> <p>Описание этого блока, очевидно полезное но точно отображаюшее суть этого блока</p> </div> <div class="item"> <img src="http://placehold.it/240x100" alt=""> <h3>Какое то название</h3> <p>Описание этого блока, очевидно полезное но точно отображаюшее суть этого блока</p> </div> </div>
A

Not working onclick on div block
Software Programming • javascript jquery • • Amritpal

2

0
Votes

2
Posts

0
Views

Z

By using jQuery 2.1.1 and without violating the HTML specification for formation id DOM Elements https://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html )function create() { var num = 15; for (var i = 0; i < num; i++) { var div = document.createElement('div'); div.className = "ava"; div.onclick = function(i) { return function() { alert(i); } }(i); div.innerHTML = '<strong>' + i + '</strong>'; div.setAttribute("id", "div" + i); calb.insertBefore(div, calb.childen); test(i); } } function test(num) { //console.log($('#div' + num).length); $('#div' + num).animate({ opacity: '1' }, 5000); } create(); .ava { opacity: 0; cursor: pointer; text-align: center; float: left; width: 65px; margin: 10px; padding: 15px; border: 1px solid #d6e9c6; border-radius: 4px; color: #3c765f; background-color: #C7F7B7; transition: 0.3s; } .ava:hover { transform: scale(1.1); text-align: center; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="calb"></div>
Z

Input robot in vue. Change of the name of the laser through the input
Software Programming • javascript html vue.js • • zymir

2

0
Votes

2
Posts

0
Views

C

Like this.var app = new Vue({ el: '#app', data() { return { users: [{ id: 1, name: "lemon" }, { id: 3, name: "apple" }, { id: 4, name: "pear" }, { id: 5, name: "orange" }, ], } }, methods: { changeItemName(index) { this.users[index].name = document.getElementById(`userInput${index}`).value; } }, })<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <div v-for="(user, index) of users"> {{user.name}} <input :id="`userInput${index}`" type="text" @keyup.enter="changeItemName(index)"> </div> </div>
E

Check the contents in the block
Software Programming • javascript jquery • • emerson

2

0
Votes

2
Posts

0
Views

A

$('.user-ptofile').children().length Show me if anyone's inside.
B

How do you use the button in the block to the element in this block when there are many blocks?
Software Programming • javascript • • baileigh

2

0
Votes

2
Posts

0
Views

May propose a plastic solution using the jquery library:var link; $('.btn').click(function(){ //вешаем событие клика на класс .btn link = $(this).siblings('a').attr('href'); //берем соседа типа "а" у кликнутой кнопки и в переменную link записываем содержимое атрибута href. });

How do you check the number of div blocks in the div block?

Suggested Topics

How can I return data from a promise? Software Programming • javascript nodejs promises • • carriann

When I click the button more than 1 time the count accelerates Software Programming • javascript onc languagelic languagek c languageountdown • • Demir

Recalculation of the block number is not working Software Programming • javascript • • Kadyn

To collect properties of an object Software Programming • javascript array objec languaget • • Demir

Check of line by number Pascal Software Programming • pascal • • zymir

Check checkbox on check Software Programming • javascript jquery • • authera

How to make a registration confirmation modal? Software Programming • php html mysql • • amarantha

Handlebars + React.js: how do you get to work? Software Programming • javascript reactjs handlebars • • zymir

Postback checkbox asp.net with Switchery plugin Software Programming • c sharp jquery asp.net • • Avante

How do you check the number in the input by regular expression? Software Programming • javascript regular expression • • tahishae

How to place pictures in one row with the text underneath them Software Programming • html cs html5 cs3 • • amarantha

Not working onclick on div block Software Programming • javascript jquery • • Amritpal

Input robot in vue. Change of the name of the laser through the input Software Programming • javascript html vue.js • • zymir

Check the contents in the block Software Programming • javascript jquery • • emerson

How do you use the button in the block to the element in this block when there are many blocks? Software Programming • javascript • • baileigh

How can I return data from a promise?
Software Programming • javascript nodejs promises • • carriann

When I click the button more than 1 time the count accelerates
Software Programming • javascript onc languagelic languagek c languageountdown • • Demir

Recalculation of the block number is not working
Software Programming • javascript • • Kadyn

To collect properties of an object
Software Programming • javascript array objec languaget • • Demir

Check of line by number Pascal
Software Programming • pascal • • zymir

Check checkbox on check
Software Programming • javascript jquery • • authera

How to make a registration confirmation modal?
Software Programming • php html mysql • • amarantha

Handlebars + React.js: how do you get to work?
Software Programming • javascript reactjs handlebars • • zymir

Postback checkbox asp.net with Switchery plugin
Software Programming • c sharp jquery asp.net • • Avante

How do you check the number in the input by regular expression?
Software Programming • javascript regular expression • • tahishae

How to place pictures in one row with the text underneath them
Software Programming • html cs html5 cs3 • • amarantha

Not working onclick on div block
Software Programming • javascript jquery • • Amritpal

Input robot in vue. Change of the name of the laser through the input
Software Programming • javascript html vue.js • • zymir

Check the contents in the block
Software Programming • javascript jquery • • emerson

How do you use the button in the block to the element in this block when there are many blocks?
Software Programming • javascript • • baileigh