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 through JS determine the breadth of the block?

R
Rossere last edited by

There are three blocks in the labour field.
One text and width:auto;
How to determine its breadth and breadth of the work area through JS?
Reply Quote 0
1 Reply Last reply
T
Trenton last edited by
The simplest option in the net JS is:
```
var width = document.getElementById('foo').offsetWidth;
```
If you use the jQuery library, the code will be a little easier:
```
var width = $('#foo').width();
```
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

P

How do you do that block?
Software Programming • css cs3 • • Pearlaqua

2

0
Votes

2
Posts

0
Views

J

Put the green blue block underneath the red-light block (possibly pseudoelement, if you don't want to create a dope element) and ask each relevant border-radius..green { width: 200px; height: 200px; background-color: #ADFFEB; position: relative; border-radius: 20px 20px 60px 20px; } .green::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; background-color: #f00; border-radius: 22px 22px 0 22px; }<div class="green"></div>
T

Sweeping JSON ...and repeating images
Software Programming • jquery json array • • Trenton

2

0
Votes

2
Posts

0
Views

Can solve this in a very simple way, using seletores avançados the jQuery as https://api.jquery.com/eq/ . It finds an element in the DOM referring to the element index:let catalogo = [{ 'nome': 'Polo Masculina Detalhe', 'tamanhos': 'Disponivel nos tamanhos P, M, G, GG', 'avista': '39,90', 'aprazo': '42,90', 'imgs': [ { 'cod': 'COD: 1010', 'ft': `<img src="https://picsum.photos/200/300 ">, }, { 'cod': 'COD: 1011', 'ft': <img src="http://placekitten.com/200/300">, } ] }, { 'nome': 'Polo Masculina Outr', 'tamanhos': 'Disponivel nos tamanhos P, M, G, GG', 'avista': '39,90', 'aprazo': '42,90', 'imgs': [{ 'cod': '1113', 'ft': <img src="https://www.placecage.com/200/300">` }] } ] for (var p = 0; p < catalogo.length; p++) { var sessao = <section class="sec"> <div class="detalhes"> <h2>${catalogo[p].nome}</h2> <p class="descricao">${catalogo[p].tamanhos}</p> <span class="precoVista">${catalogo[p].avista}</span> <span class="precoPrazo">${catalogo[p].aprazo}</span> </div> </section> $('.corpo').append(sessao); for (var i = 0; i < catalogo[p].imgs.length; i++) { var imagem = <div class="item"> ${catalogo[p].imgs[i].ft} <span class="cod">${catalogo[p].imgs[i].cod}</span> </div> $(.sec).eq(${p}).append(imagem) } }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="corpo"></div>OBS: What's going on in your code is that he takes the JSON images only that inserts the 3 divs .sec with images in the same element, so use of eq().
How can I prevent randomly generated values from being repeated? Javascript
Software Programming • javascript html css random • • Analeea

2

0
Votes

2
Posts

0
Views

According to MDN's the random function() returns a "pseudo-random number" (PRNM) Without getting too into a PRNG, one of the characteristics is that it is periodic, means that at some point the number was repeated, statistically creating a number and repeating it is very unlikely (depending on the range) If you are trying to create a single ID I can recommend using the parse() function ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse ) This will serve you if you create an ID not at the same time. What is your use of that function?
JS to sum online checkbox
Software Programming • javascript php checkbox soma • • Analeea

2

0
Votes

2
Posts

0
Views

N

I made a basic example for you to give a reviewLook at this.I created a vector called: codigo that will store only the codesBy clicking, it sums the totals and displays in placeThen you can take the example and see if it helps youFollow the code below: var codigo = [] $('.dias').on('change', function(){ var values = 0.00; let id = $(this).closest('tr').find( '.id' ).text() var total = $('input[class="dias"]:checked').get().reduce(function(tot, el) { return tot + Number(el.value); }, 0); $('span').text( 'Soma total: '+total ) let _id = codigo.indexOf( id ) if( $(this).is(':checked') ) { if( ( _id == -1 ) ) { codigo.push( id ) } }else{ codigo.splice( _id, 1 ) } console.log( 'codigos', codigo ) })<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <span></span> <table> <thead> <tr> <th>Valor</th> <th>Id</th> <th></th> </tr> </thead> <tbody> <tr> <td class="valor">200</td> <td class="id">1</td> <td><input type="checkbox" class="dias" name="dias[]" value="200"></td> </tr> <tr> <td class="valor">300</td> <td class="id">2</td> <td><input type="checkbox" class="dias" name="dias[]" value="300"></td> </tr> <tr> <td class="valor">600</td> <td class="id">3</td> <td><input type="checkbox" class="dias" name="dias[]" value="600"></td> </tr> </tbody> </table>
Block plug, block positions and contents
Software Programming • html cs • • emmalee

2

0
Votes

2
Posts

0
Views

R

Ask the block that contains the content, float:left..for the frequent blocks, they act when the parent has a leak and this is being corrected by the same leak.
D

How to determine that the shape field is being edited (js/php)
Software Programming • javascript php jquery html5 angularjs • • derk

2

0
Votes

2
Posts

0
Views

O

I would've solved this problem like: 1. I'd hang an observer on the field. 2. And every alteration made it to the server.I'd be sure on the server who edited the field. Comparison and return it to clients. But there's a lot of underwater rocks coming up.I don't know about the plagins ready.
R

How do you make three blocks of the same height?
Software Programming • html cs html5 cs3 • • rielyn

2

0
Votes

2
Posts

0
Views

Try:<style type="text/css"> .container { display: table; height: 100%; margin: 0 auto; max-width: 1000px; width: 100%; } .container > div { display: table-cell; } .left { background-color: #f00; width: 25%; } .center { background-color: #0f0; width: 25%; } .right { background-color: #00f; width: 50%; } </style> <div class="container"> <div class="left">left</div> <div class="center">center</div> <div class="right">right</div> </div>
K

How to insert an array into a text area?
Software Programming • javascript html5 • • kalena

2

0
Votes

2
Posts

0
Views

C

<html> <head> <title>Texto Area</title> <script> var itens = new Array(); var index = 0; function adicionaItem(item, quantidade) { itens[index] = {nomeItem : item, quantidade: quantidade}; index++; } function concluirCompra() { document.getElementById("nota").innerHTML=getItensToString(); } function getItensToString() { var result = ''; for (i = 0; i < itens.length; i++){ result = result + itens[i]['nomeItem'] + ' ' + itens[i]['quantidade'] + '\r\n'; } return result; } adicionaItem('cafe', 10); adicionaItem('arroz', 20); </script> </head> <body> <textarea id="nota" name="nota"></textarea> <button type=button" onclick="concluirCompra();">Carregar</button> </body> </html> Explanation: Because the variable items is an array of positions is just sweeping each position to show the data in the textarea, with a line break \r\n.Reference http://www.w3schools.com/js/js_obj_array.asp
N

How do you know the breadth of the block through JS?
Software Programming • javascript • • nishika

2

0
Votes

2
Posts

0
Views

C

const element = document.querySelector('div'); console.log('clientWidth = content + padding:', element.clientWidth); console.log('offsetWidth = content + padding + border:',element.offsetWidth); const styles = getComputedStyle(element); console.log('clientWidth - paddingRight - paddingLeft = content:', element.clientWidth - parseInt(styles.paddingRight) - parseInt(styles.paddingLeft)); console.log('width = content:', parseInt(styles.width));body { height: 230px; } .element { width: 100px; height: 50px; padding: 40px; border: 10px solid rgba(200, 100, 0, 0.9); background-color: rgba(200, 100, 0, 0.3); box-shadow: inset 0 0 0 40px rgba(200, 100, 0, 0.3); }<div class='element'></div>
How do you get access to label in input:focus?
Software Programming • html cs html5 cs3 drill • • Demir

2

0
Votes

2
Posts

0
Views

A

Option without js (net cs) but with reset of elements by:.input-wrapper { margin-top: 10px; } input, label { display: block; } input { border-top: none; border-left: none; border-right: none; border-bottom: 2px solid blue; height: 35px; outline: 0; position: relative; z-index: 1; background: none; } label { position: relative; top: -30px; transition: .5s; } #username:focus ~ label[for="username"], #username:valid ~ label[for="username"], #password:focus ~ label[for="password"], #password:valid ~ label[for="password"]{ opacity: 0; }<div class="input-wrapper"> <input type="textbox" id="username" required /> <label for="username">Username:</label> </div> <div class="input-wrapper"> <input type="textbox" id="password" required /> <label for="password">Password:</label> </div>
M

The feedback form after shipment refers to the file
Software Programming • javascript php jquery wordpress • • magpie

2

0
Votes

2
Posts

0
Views

D

https://css-tricks.com/snippets/jquery/clear-a-file-input/ JQueryvar input = $("#control"); function something_happens() { input.replaceWith(input.val('').clone(true)); }; To call for a form and $( document ).ready()
How do JS combine scruples in one JS?
Software Programming • javascript jquery • • Mystic

2

0
Votes

2
Posts

0
Views

<script type="text/javascript"> $(document).ready(function() { $('#example002, #example001, #example') .dataTable({"pageLength": 5,"language": {"url": "/dataTables.russian.lang"}} ); }); </script>
I can't get the variable of a module in the app.js file (Node.js)
Software Programming • nodejs • • Laycee

2

0
Votes

2
Posts

0
Views

The value you export is obtained asynchronously and you are exporting it when the value has not yet been calculated, hence it reaches you like undefined.The solution is to export in your module a function that accepts callback and send in this value when calculated.'use strict'; var so = require('stringify-object'); var svm = require('../lib'); var xor = [ [[0, 0], 0], [[0, 1], 1], [[1, 0], 1], [[1, 1], 0] ]; function prediction(callback) { // initialize predictor var clf = new svm.CSVC({ kFold: 1 }); clf.train(xor) .progress(function(progress) { console.log('training progress: %d%', Math.round(progress * 100)); }) .spread(function(model, report) { console.log('training report: %s\nPredictions:', so(report)); xor.forEach(function(ex) { // No puedes usar la variable prediction // porque ocultarías el nombre de la función var pred = clf.predictSync(ex[0]); console.log(' %d XOR %d => %d', ex[0][0], ex[0][1], pred); // Esto eliminaría el valor por eso lo comento //prediction = "prediciendo desde cbba"; // Invocas el callback con los datos callback(null, pred); return { prediction: 1 }; }); }); } // Exportas la función exports.prediction = prediction; To use it you must call it this wayvar ror = require('./node_modules/node-svm/examples/evaluation-example').prediction; ror(function(error, prediction) { console.log(prediction); }); This function will be called several times as your prediction value is within a cycle forEach.If you ask yourself why I use (error, valor) lee http://fredkschott.com/post/2014/03/understanding-error-first-callbacks-in-node-js/ If you don't handle the error simply remove the parameter.
S

Is it possible to hang an event after the page is updated or the update is erased?
Software Programming • javascript developments reload • • Saumya

2

0
Votes

2
Posts

0
Views

R

I did it with localStorage. Works as you need. If you need an instant download of the text, please comment on this "$#showel'."click(); and "setTimeout(function(){$('#showel')[0].click();}, 5,000;" vice versa, comment.$(document).ready(function() { $('#showel').click(function(){ $('.hello').css('display', 'block'); }); $('#pageload').click(function(){ var click_reload = 1; localStorage.setItem("click_reload_pos", click_reload); location.reload(); }); click_reload = localStorage.getItem("click_reload_pos"); if (click_reload == 1) { setTimeout(function(){$('#showel')[0].click();}, 5000); /*$('#showel').click();*/// Если нужна мгновенная загрузка элемента, без 5-ти секунд localStorage.removeItem("click_reload_pos"); localStorage.clear(); } else {} });.hello { display: none; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id='showel'>Отобразить элемент</button> <div class="hello">Hello</div> <button id='pageload'>Перезагрузить страницу</button>
O

Determine the characteristics of the JS computer
Software Programming • javascript jquery • • Oba22

2

0
Votes

2
Posts

0
Views

T

No, good, JS can't do that because it would have violated user security. From the iron profile, you can only know the size of the screen.The browsers are capable of doing so until the charge level on the laptop is determined.I advise you to dig your JS-code interaction with established expansion.

How through JS determine the breadth of the block?

Suggested Topics

How do you do that block? Software Programming • css cs3 • • Pearlaqua

Sweeping JSON ...and repeating images Software Programming • jquery json array • • Trenton

How can I prevent randomly generated values from being repeated? Javascript Software Programming • javascript html css random • • Analeea

JS to sum online checkbox Software Programming • javascript php checkbox soma • • Analeea

Block plug, block positions and contents Software Programming • html cs • • emmalee

How to determine that the shape field is being edited (js/php) Software Programming • javascript php jquery html5 angularjs • • derk

How do you make three blocks of the same height? Software Programming • html cs html5 cs3 • • rielyn

How to insert an array into a text area? Software Programming • javascript html5 • • kalena

How do you know the breadth of the block through JS? Software Programming • javascript • • nishika

How do you get access to label in input:focus? Software Programming • html cs html5 cs3 drill • • Demir

The feedback form after shipment refers to the file Software Programming • javascript php jquery wordpress • • magpie

How do JS combine scruples in one JS? Software Programming • javascript jquery • • Mystic

I can't get the variable of a module in the app.js file (Node.js) Software Programming • nodejs • • Laycee

Is it possible to hang an event after the page is updated or the update is erased? Software Programming • javascript developments reload • • Saumya

Determine the characteristics of the JS computer Software Programming • javascript jquery • • Oba22

How do you do that block?
Software Programming • css cs3 • • Pearlaqua

Sweeping JSON ...and repeating images
Software Programming • jquery json array • • Trenton

How can I prevent randomly generated values from being repeated? Javascript
Software Programming • javascript html css random • • Analeea

JS to sum online checkbox
Software Programming • javascript php checkbox soma • • Analeea

Block plug, block positions and contents
Software Programming • html cs • • emmalee

How to determine that the shape field is being edited (js/php)
Software Programming • javascript php jquery html5 angularjs • • derk

How do you make three blocks of the same height?
Software Programming • html cs html5 cs3 • • rielyn

How to insert an array into a text area?
Software Programming • javascript html5 • • kalena

How do you know the breadth of the block through JS?
Software Programming • javascript • • nishika

How do you get access to label in input:focus?
Software Programming • html cs html5 cs3 drill • • Demir

The feedback form after shipment refers to the file
Software Programming • javascript php jquery wordpress • • magpie

How do JS combine scruples in one JS?
Software Programming • javascript jquery • • Mystic

I can't get the variable of a module in the app.js file (Node.js)
Software Programming • nodejs • • Laycee

Is it possible to hang an event after the page is updated or the update is erased?
Software Programming • javascript developments reload • • Saumya

Determine the characteristics of the JS computer
Software Programming • javascript jquery • • Oba22