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

display: none and img

O
Oba22 last edited by
If the parent is invisible, i.e. display: none?
1. If so, how do you prevent how different licenses can be loaded for different mottos?
2. Objective: To reduce the time of loading of pictures.
It's bootstrap, originally thinking of using hidden-xs, hidden-md.
Reply Quote 0
1 Reply Last reply
M
meriah last edited by
If the parent is invisible, i.e. display: none?
They will.
I checked out of interest right now.
Chrome50♪ FF44♪
1. But it's a bad method, you better use the plugs or a lazy load. A picture.
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

Z

how to display images with xsl with xml file img src
Software Programming • html xml xpath xslt • • zymir

2

0
Votes

2
Posts

0
Views

F

The ideal is to select the element you want using a template that will be called recursively while the document nodes are processed. The XSL document below does exactly what you want without using for-each:<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> <xsl:output method="html"/> <xsl:strip-space elements="*"/> <xsl:template match="png"> <img src="{.}" /> </xsl:template> </xsl:stylesheet> Result:<img src="img1.png"><img src="img2.png"> ... <img src="img10.png">
No function due to display:none
Software Programming • html jquery • • Demir

2

0
Votes

2
Posts

0
Views

G

The problem is really. display:none'Cause you can't crack the element if it doesn't have a wire.There are several ways:click in the processor when the element became visibleMake the element visible, twist, hide the elementFor example:$('.chat').show().scrollTop(100000).hide(); // эта функция не выполняется из-за display:none, если убрать это свойство то она заработает. $('#chat-click').click(function() { $('.chat').toggle(); }); .chat { display: none; height: 100px; overflow-y: scroll; width: 300px } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.js"></script> <div class="chat"> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> </div> <button id="chat-click">OPEN/CLOSE</button> Remove from class display:none, twist the element and hide it.$('.chat').scrollTop(100000).hide(); // эта функция не выполняется из-за display:none, если убрать это свойство то она заработает. $('#chat-click').click(function() { $('.chat').toggle(); });.chat { height: 100px; overflow-y: scroll; width: 300px }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.js"></script> <div class="chat"> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> <li>message</li> </div> <button id="chat-click">OPEN/CLOSE</button>
T

Bloki's downloading cs.
Software Programming • html cs3 • • Trenton

2

0
Votes

2
Posts

0
Views

It turns out they're coming because of the addition. padding: 5px; at the lobby.You can ask for it. .menu__nav_items♪ You can remove it, considering what outcome you want.Here I am. padding: 5px; for reference .menu__nav_items a♪ body { font-family: 'Roboto Slab', Tahoma, sans-serif; font-size: 14px; padding: 0px; margin: 0px; } p, div, a, h1, h2, h3, h4, h5, h6 { margin: 0; } div, p, input, button, form { box-sizing: border-box; } .clearfix:after { content: ''; display: table; width: 100% } .container { margin: 0px auto; width: 1230px; } .menu__logo { margin: 12px 10px 15px 0px; display: block; float: left; } .menu__nav { float: left; margin-top: 27px; } .menu__nav_items { list-style: none; float: left; margin-right: 24px; } .menu__nav_items a { text-decoration: none; color: #2f1059; font-weight: 700; display: inline-block; padding: 5px; } .menu__nav_items:last-child { margin-right: 0; } .menu__contacts { float: right; margin-top: 10px; } .menu__contacts_phone { color: #2f1059; font-weight: 700; font-size: 21px; margin-bottom: 6px; } .menu__contacts_button { outline: none; border: 1px solid #2f1059; border-radius: 5px; padding: 10px 12px; background-color: #fff; margin-left: 10px; } .menu__contacts_button a { text-decoration: none; color: #2f1059; font-weight: 700; } .menu__contacts_button i { margin-right: 7px; color: #2f1059; } .menu__nav_items:hover { background-color: rgba(0,0,0,.6); }<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;500;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/fontawesome-free-5.13.0-web/css/all.min.css"> <link rel="icon" href="css/fontawesome-free-5.13.0-web/svgs/brands/facebook.svg" type="image/x-icon"> <body> <header> <div class="container"> <div class="menu"> <img src="https://i.stack.imgur.com/NsVth.png" alt="Логотип" class="menu__logo"> <nav class="menu__nav"> <ul> <li class="menu__nav_items"><a href="#">Инфраструктура</a></li> <li class="menu__nav_items"><a href="#">Планировка и цены</a></li> <li class="menu__nav_items"><a href="#">Материалы и отделка</a></li> <li class="menu__nav_items"><a href="#">Документы</a></li> <li class="menu__nav_items"><a href="#">Контакты</a></li> </ul> </nav> <div class="menu__contacts"> <div class="menu__contacts_phone">+7 (495) 544-23-12</div> <button class="menu__contacts_button"><i class="fas fa-phone-alt"></i><a href="#">Заказать звонок</a></button> </div> </div> </div> </header> </body>
N

Why is the programme adding none
Software Programming • python 3.x • • nishika

2

0
Votes

2
Posts

0
Views

Because you're not returning anything from your function. maxin line, respectively print(max(x, y)) and arise None♪P.S. Name of function max That's it. LAUGHTER'Cause there's already a built-in function with that name in
N

How to hide div if all li is displayed: none?
Software Programming • javascript jquery • • Nykeriab

2

0
Votes

2
Posts

0
Views

If you hide all the default lis, and the E.R.S.A.P.A. is a classroom, like 'shown', like jquery. if(!$('.woof_container .-shown')[0]) { $('.woof_container ').css('display','none') }
J

It is possible to Show / Print JSON in HTML format
Software Programming • php html5 json • • juvenalb

2

0
Votes

2
Posts

0
Views

K

You could use loops. foreach to iterate JSON. The good thing about these loops is that you don't have to know the indices to be able to iterate a object or array.In my example I use a loop first foreach to iterate for each object array and a second loop to iterate for each property object printing both his key as his value.<?php $frutas_string = '[{"nombre":"manzana", "color":"verde", "precio":"2.00€"}, {"nombre":"fresa", "propietario":"Pepe"}]'; $frutas = json_decode($frutas_string); $contador = 1; foreach ($frutas as $fruta) { echo '<b>Fruta número ' . $contador . '</b><br>'; foreach ($fruta as $clave => $valor) { echo $clave . ' - ' . $valor . '<br>'; } echo '<br>'; $contador++; } Departure:Fruta número 1 nombre - manzana color - verde precio - 2.00€ Fruta número 2 nombre - fresa propietario - Pepe This way even if the objects have different properties it would give us the same because you will be able to capture the value of each one of them.
C

Display of the menu of the accordion
Software Programming • javascript html jquery • • Cleofas

2

0
Votes

2
Posts

0
Views

T

As a simple option, you can check whether the block is visible. If the block wasn't visible on the evidence, show it:jQuery(document).ready(function($) { var allPanels = $('.accordion > dd').hide(); $('.accordion > dt > a').on("click", function() { var $block = $(this).parent().next(); var visible = $block.is(':visible'); allPanels.slideUp(); if (!visible) { $block.slideDown(); } return false; }); });.accordion { font: 16px Sans-Serif; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); border-radius:11px; margin-top:0; } * .accordion dt, .accordion dd { padding: 10px; /*border: 1px solid black;*/ border-bottom: 0; } .accordion dd { margin-left: 0; } .accordion dt:last-of-type, .accordion dd:last-of-type { /* border-bottom: 3px solid black;*/ } .accordion dt a, .accordion dd a { display: block; color: black; font-weight: bold; } .accordion dd { border-top: 0; font-size: 12px; } .accordion dd:last-of-type { border-top: 1px solid white; position: relative; top: -1px; }<dl class="accordion"> <dt> <a href="">Настройка элементов</a> </dt> <dd> <p>1</p> <p>2</p> <p>3</p> </dd> <dt> <a href="">Настройка текста</a> </dt> <dd>3</dd> <dt> <a href="">Настройка текста</a> </dt> <dd>4</dd> </dl> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
F

Background-image does not appear
Software Programming • html css • • fbio

2

0
Votes

2
Posts

0
Views

Follow the Fiddle JS link below with the images running. Basically I needed to open the image in a new tab and get the specific link of the image.Working:
A

How to create a friendly URL on a one-page
Software Programming • html • • Avante

2

0
Votes

2
Posts

0
Views

R

Use hash (#) is a possible solution.Changing the hash does not make the browser fire a new request.You can change the hash in two ways:Via links:<a href="#noticias">Notícias</a> Via Javascript:window.location.hash = "noticias"; It is possible to shoot an event every time the hash is changed:// usando jQuery $(window).on("hashchange", function() { alert(window.location.hash); }); If the user directly accesses a URL with hash as:https://www.seu-site.com/#noticias The ideal is to create an event that loads the requested content:// novamente com jQuery $(document).on("ready", function() { var pagina = windows.location.hash; if (pagina === "#noticias") { // carrega "Notícias" } } To get more DRY, you can create a function that loads the correct page and dispel it in both events (domready and hashchange):var carregaPagina = function() { var pagina = windows.location.hash; if (pagina === "#noticias") { // carrega "Notícias" } }; $(document).on("ready", carregaPagina); $(window).on("hashchange", carregaPagina); I set up a http://jsfiddle.net/f49b4wz9/ .About Google AnalyticsMy experience with Google Analytics is zero. But https://stackoverflow.com/a/18652735/3153542 from Stack- EN suggests manually inform the page request in the event hashchange. I didn't test that, but I believe that https://developers.google.com/analytics/devguides/collection/analyticsjs/pages?hl=pt-br informs exactly how to do this.There is also the History APII won't talk much about him, because I never used him in practice. (It would be good for someone with experience to give an answer about it).Basically it provides a means of artificially manipulating the browser history, together with the URL, via Javascript, without the need to use the hash. This is a new HTML5 functionality, and it will not work in old browsers:Useful Links https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history Related Question in Stack-PT: https://pt.stackoverflow.com/q/26078/7261 http://sammyjs.org/ (suggested by @mgibsonbr) https://stackoverflow.com/q/4015613/3153542
Y

How to make an element follow the scroll bar?
Software Programming • html css winding • • yajahira

2

0
Votes

2
Posts

0
Views

R

Just do the following in your CSS code #menu in position change the code absolute by fixed. #menu{ position: fixed; left: -292px; height:100%; width:15%; transition: left 0.5s linear; }
Div mother occupy all height of absolute content
Software Programming • html css div • • Alberto

2

0
Votes

2
Posts

0
Views

Face the first step is to put body and html with height of 100%, then you get your mother div <div class="pagina-sobre-nos sessao-quatro"> and put it in it height 100% readyLook at the whole page that's gonna get better to see.<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> html, body { height: 100%; margin: 0; padding: 0; } .pagina-sobre-nos.sessao-quatro { height: 100%; background-image: linear-gradient(to bottom, #fff 0%, #000 100%); } .pagina-sobre-nos.sessao-quatro .boxes .box-azul-escuro { background: #1a2542; min-height: 100px; } .pagina-sobre-nos.sessao-quatro .boxes .box-azul-claro { background: #64a7dd; min-height: 120px; } .pagina-sobre-nos.sessao-quatro .boxes .box-01 { position: absolute; min-width: 265px; height: 382px; background: red; left: 0; z-index: 1; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; } .pagina-sobre-nos.sessao-quatro .boxes .box-02 { position: absolute; min-width: 265px; height: 418px; background: green; left: 197px; top: -36px; z-index: 2; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; } .pagina-sobre-nos.sessao-quatro .boxes .box-03 { position: absolute; min-width: 265px; height: 382px; background: blue; left: 395px; z-index: 1; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; } </style> </head> <body> <div class="pagina-sobre-nos sessao-quatro"> <div class="boxes"> <div class="box-01"> <div class="box-azul-escuro"> </div> </div> <div class="box-02"> <div class="box-azul-claro"> </div> </div> <div class="box-03"> <div class="box-azul-escuro"> </div> </div> </div> </div> <script> </script> </body> </html>
J

How to use the Intersection Observer?
Software Programming • javascript html cs frontend • • juvenalb

2

0
Votes

2
Posts

0
Views

S

Good story about working with an observer. https://habr.com/ru/post/494670/ window.onload = () => { observer(); } function observer() { // устанавливаем настройки const options = { // родитель целевого элемента - область просмотра, не конкретный DOM элемент root: null, // без отступов rootMargin: '5px', // процент пересечения threshold: 0.5 } // создаем наблюдатель const observer = new IntersectionObserver((entries, observer) => { // для каждой записи-целевого элемента entries.forEach(entry => { // если элемент является наблюдаемым if (entry.isIntersecting) { const tagTarget = entry.target; console.log('Наблюдатель работает'); /* * *Ваш код * * */ // прекращаем наблюдение // observer.unobserve(tagTarget) } }) }, options) // следим за всеми элементами с классом 'statistic__item' на странице const arr = document.querySelectorAll('.statistic__item') arr.forEach(i => { observer.observe(i) }) }
I'm getting None in output
Software Programming • python python 3. x • • Demir

2

0
Votes

2
Posts

0
Views

R

Has a print()inside input() and that doesn't make sense. So it works normal:l = [1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89] num = int(input("Choose a number: ")) new_list = [] for i in l: if i < num: new_list.append(i) print(new_list) See https://ideone.com/B7funW . And https://repl.it/join/zrcikxiq-maniero . Also https://github.com/maniero/SOpt/blob/master/Python/InputMessage.py .
T

.htaccess protected HTML5 videos not playing
Mobile Testing • html5 security video stoc languagek browser • • Trenton

2

0
Votes

2
Posts

0
Views

A

Both worked fine for me in Google Chrome. I am using Mac Book Pro with OS X Maverick and the latest version of Google Chrome. On firefox ( latest version) it displays an error: No video with supported format and MIME type found. On safari it keeps loading. See the screen shot please.
B

Onload feature to call an API from JSON
Software Programming • javascript html jquery json api • • baileigh

2

0
Votes

2
Posts

0
Views

C

You can have a div that contains the image and would be hidden by default for example:<div id="cargando"> <img style="width:100%" src="https://musicti.com/assets/images/upload-bar.gif" style="display: none;"/> </div> See jQuery shows it before starting the Ajax request.You can hide it after done.// $(document).ready(function() { Deprecated $(function() { $('#btn-saldo').on('click', function() { if (CONDICIÓN) { //Mostrar imagen cargando... $('#cargando').show(); $.ajax({ url: `http://bip-servicio.herokuapp.com/api/v1/solicitudes.json?bip=${numTarjetaSaldo}`, type: 'GET', datatype: 'JSON', }) .done(function(responseTwo) { //Ocultar cuando se haya completado $('#cargando').hide(); var plata = responseTwo.saldoTarjeta; var fechaPlata = responseTwo.fechaSaldo; $( "#saldo" ).empty(); $('#saldo').append( "<div class='nav-saldo'>Saldo:</div>"+ "<div class='header-saldo'>" + plata + "</div>"+ "<div class='nav-saldo '>Saldo a la fecha: </div>"+ "<div class='header-saldo div-nav'>"+ fechaPlata + "</div>"); }) .fail(function() { $( "#saldo" ).empty(); $('#saldo').append( "<div class='nav-saldo'>Error</div>"+ "<div class='header-saldo'> Lo sentimos =( <br> El número de tu Bip! no es valida.</div>"); }) } else { $( "#saldo" ).empty(); $('#saldo').append( "<div class='nav-saldo'>Saldo:</div>"+ "<div class='header-saldo'>" + tarjetaVacia + "</div>"); } }); Note: I replaced $(document).ready(function() { for $(function()since the first has been declared obsolete. See: https://es.stackoverflow.com/q/92628/29967

display: none and img

Suggested Topics

how to display images with xsl with xml file img src Software Programming • html xml xpath xslt • • zymir

No function due to display:none Software Programming • html jquery • • Demir

Bloki's downloading cs. Software Programming • html cs3 • • Trenton

Why is the programme adding none Software Programming • python 3.x • • nishika

How to hide div if all li is displayed: none? Software Programming • javascript jquery • • Nykeriab

It is possible to Show / Print JSON in HTML format Software Programming • php html5 json • • juvenalb

Display of the menu of the accordion Software Programming • javascript html jquery • • Cleofas

Background-image does not appear Software Programming • html css • • fbio

How to create a friendly URL on a one-page Software Programming • html • • Avante

How to make an element follow the scroll bar? Software Programming • html css winding • • yajahira

Div mother occupy all height of absolute content Software Programming • html css div • • Alberto

How to use the Intersection Observer? Software Programming • javascript html cs frontend • • juvenalb

I'm getting None in output Software Programming • python python 3. x • • Demir

.htaccess protected HTML5 videos not playing Mobile Testing • html5 security video stoc languagek browser • • Trenton

Onload feature to call an API from JSON Software Programming • javascript html jquery json api • • baileigh

how to display images with xsl with xml file img src
Software Programming • html xml xpath xslt • • zymir

No function due to display:none
Software Programming • html jquery • • Demir

Bloki's downloading cs.
Software Programming • html cs3 • • Trenton

Why is the programme adding none
Software Programming • python 3.x • • nishika

How to hide div if all li is displayed: none?
Software Programming • javascript jquery • • Nykeriab

It is possible to Show / Print JSON in HTML format
Software Programming • php html5 json • • juvenalb

Display of the menu of the accordion
Software Programming • javascript html jquery • • Cleofas

Background-image does not appear
Software Programming • html css • • fbio

How to create a friendly URL on a one-page
Software Programming • html • • Avante

How to make an element follow the scroll bar?
Software Programming • html css winding • • yajahira

Div mother occupy all height of absolute content
Software Programming • html css div • • Alberto

How to use the Intersection Observer?
Software Programming • javascript html cs frontend • • juvenalb

I'm getting None in output
Software Programming • python python 3. x • • Demir

.htaccess protected HTML5 videos not playing
Mobile Testing • html5 security video stoc languagek browser • • Trenton

Onload feature to call an API from JSON
Software Programming • javascript html jquery json api • • baileigh