HTML, JAVASCRIPT: Görgetni egy sima szöveget megjelenítő ablakot?
Annyi lenne a problemem, hogy van egy div ami megjelenít egy hátteret és az elé szöveget, azt szertném hogy ez gőrgethető legyen, itt a kód:
-----------------------
HTML,JAVASCRIPT:
-----------------------
<div id="popup">
<br>
SZABÁLYZAT
<div id="popup">
SZABÁLYZAT
<br>
<input type="button" id="CloseBtn" style="background-color:black; color:white;" value="Értem">
</div>
<script>
window.onload = function() {
document.getElementById("LearnMoreBtn").onclick = function(){
var popup = document.getElementById("popup");
popup.style.display = "block";
};
document.getElementById("CloseBtn").onclick = function(){
var popup = document.getElementById("popup");
popup.style.display = "none";
}
};
</script>
-----------------------
CSS:
-----------------------
#popup {
display:none;
position:fixed;
left:50%;
top:50%;
width:700px;
height:350px;
margin-top:-175px;
margin-left:-350px;
background: #101010;
border:2px ridge white;
z-index:100000;
}
Elnézést az 1. ben keveredés volt itt a jó verzióí.
------
HTML,JAVASCRIPT:
------
<div id="popup">
SZABÁLYZAT
<br>
<input type="button" id="CloseBtn" style="background-color:black; color:white;" value="Értem">
</div>
<script>
window.onload = function() {
document.getElementById("LearnMoreBtn").onclick = function(){
var popup = document.getElementById("popup");
popup.style.display = "block";
};
document.getElementById("CloseBtn").onclick = function(){
var popup = document.getElementById("popup");
popup.style.display = "none";
}
};
</script>
------
CSS:
------
#popup {
display:none;
position:fixed;
left:50%;
top:50%;
width:700px;
height:350px;
margin-top:-175px;
margin-left:-350px;
background: #101010;
border:2px ridge white;
z-index:100000;
}
css overflow -al nem lenne egyszerűbb?
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!