Skip to main content
Mudei meu username do jsfiddle(edição para manter link ativo)
Fonte Link
Gabriel Rodrigues
  • 16,2mil
  • 14
  • 62
  • 124

Não consegui visualizar o popup do kabum, mas pelo que entendi na sua pergunta você pretende fazer algo como:

var close = document.getElementById('close');
var popup = document.getElementById('popup');

close.addEventListener("click", function() {
  popup.style.display = 'none';
});
#popup {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
  padding-bottom: 5px;
}
#close {
  width: 100px;
  background-color: #cc0033;
  color: #ffffff;
  border: none;
  margin-left: 5px;
}
<div id="popup" class="popup">
  <img src="http://dummyimage.com/600x400/000/fff" alt="popup">
  <div>
    <button id="close">Sair</button>
  </div>
</div>

Veja funcionando no jsfiddlejsfiddle

Não consegui visualizar o popup do kabum, mas pelo que entendi na sua pergunta você pretende fazer algo como:

var close = document.getElementById('close');
var popup = document.getElementById('popup');

close.addEventListener("click", function() {
  popup.style.display = 'none';
});
#popup {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
  padding-bottom: 5px;
}
#close {
  width: 100px;
  background-color: #cc0033;
  color: #ffffff;
  border: none;
  margin-left: 5px;
}
<div id="popup" class="popup">
  <img src="http://dummyimage.com/600x400/000/fff" alt="popup">
  <div>
    <button id="close">Sair</button>
  </div>
</div>

Veja funcionando no jsfiddle

Não consegui visualizar o popup do kabum, mas pelo que entendi na sua pergunta você pretende fazer algo como:

var close = document.getElementById('close');
var popup = document.getElementById('popup');

close.addEventListener("click", function() {
  popup.style.display = 'none';
});
#popup {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
  padding-bottom: 5px;
}
#close {
  width: 100px;
  background-color: #cc0033;
  color: #ffffff;
  border: none;
  margin-left: 5px;
}
<div id="popup" class="popup">
  <img src="http://dummyimage.com/600x400/000/fff" alt="popup">
  <div>
    <button id="close">Sair</button>
  </div>
</div>

Veja funcionando no jsfiddle

adicionou 154 caracteres ao conteúdo
Fonte Link
Gabriel Rodrigues
  • 16,2mil
  • 14
  • 62
  • 124

Não consegui visualizar o popup do kabum, mas pelo que entendi na sua pergunta você pretende fazer algo como:

var close = document.getElementById('close');
var popup = document.getElementById('popup');

close.addEventListener("click", function() {
  popup.style.display = 'none';
});
#popup {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
  padding-bottom: 5px;
}
#close {
  width: 100px;
  background-color: #cc0033;
  color: #ffffff;
  border: none;
  margin-left: 5px;
}
<div id="popup" class="popup">
  <img src="http://dummyimage.com/600x400/000/fff" alt="popup">
  <div class="panel-footer"><div>
    <button id="close">Sair</button>
  </div>
</div>

Veja funcionando no jsfiddlejsfiddle

Não consegui visualizar o popup do kabum, mas pelo que entendi na sua pergunta você pretende fazer algo como:

var close = document.getElementById('close');
var popup = document.getElementById('popup');

close.addEventListener("click", function() {
  popup.style.display = 'none';
});
#popup {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
}
<div id="popup" class="popup">
  <img src="http://dummyimage.com/600x400/000/fff" alt="popup">
  <div class="panel-footer">
    <button id="close">Sair</button>
  </div>
</div>

Veja funcionando no jsfiddle

Não consegui visualizar o popup do kabum, mas pelo que entendi na sua pergunta você pretende fazer algo como:

var close = document.getElementById('close');
var popup = document.getElementById('popup');

close.addEventListener("click", function() {
  popup.style.display = 'none';
});
#popup {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
  padding-bottom: 5px;
}
#close {
  width: 100px;
  background-color: #cc0033;
  color: #ffffff;
  border: none;
  margin-left: 5px;
}
<div id="popup" class="popup">
  <img src="http://dummyimage.com/600x400/000/fff" alt="popup">
  <div>
    <button id="close">Sair</button>
  </div>
</div>

Veja funcionando no jsfiddle

adicionou 85 caracteres ao conteúdo
Fonte Link
Gabriel Rodrigues
  • 16,2mil
  • 14
  • 62
  • 124

Não consegui visualizar o popup do kabum, mas pelo que entendi na sua pergunta você pretende fazer algo como:

var close = document.getElementById('close');
var popup = document.getElementById('popup');

close.addEventListener("click", function() {
  popup.style.display = 'none';
});
#popup {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
}
<div id="popup" class="popup">
  <img src="http://dummyimage.com/600x400/000/fff" alt="popup">
  <div class="panel-footer">
    <button id="close">Sair</button>
  </div>
</div>

Veja funcionando no jsfiddle

Não consegui visualizar o popup do kabum, mas pelo que entendi na sua pergunta você pretende fazer algo como:

var close = document.getElementById('close');
var popup = document.getElementById('popup');

close.addEventListener("click", function() {
  popup.style.display = 'none';
});
#popup {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
}
<div id="popup" class="popup">
  <img src="http://dummyimage.com/600x400/000/fff" alt="popup">
  <div class="panel-footer">
    <button id="close">Sair</button>
  </div>
</div>

Não consegui visualizar o popup do kabum, mas pelo que entendi na sua pergunta você pretende fazer algo como:

var close = document.getElementById('close');
var popup = document.getElementById('popup');

close.addEventListener("click", function() {
  popup.style.display = 'none';
});
#popup {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 50px 2px #000;
}
<div id="popup" class="popup">
  <img src="http://dummyimage.com/600x400/000/fff" alt="popup">
  <div class="panel-footer">
    <button id="close">Sair</button>
  </div>
</div>

Veja funcionando no jsfiddle

Fonte Link
Gabriel Rodrigues
  • 16,2mil
  • 14
  • 62
  • 124
Carregando