Felugró ablak készítése (Részletesebben a leírásban)?
Üdv, olyan szeretnék csinálni, hogy ha rákattintok vagy fölé viszem az egeret a SZABÁLYZAT szövegre akkor megjelenjen fölötte egy szövegmező,buborék(felugró ablak)
ami megjelenítené a szabályzatot(Lehetőleg lehessen görgetni) de a weboldalt ne zavarja tehát nem egy olyan kód legyen ami elcsúsztatja a többi dolgot feljebb aztán a közé jelenik meg hanem azok elé jelenítse meg!
válasza: válasza:ha hosszabb szöveg, akkor inkább csak kattintásra kéne megjeleníteni, főleg ha még görgetni is lehet.
szerintem egy modal boxra van szükséged, biztos találsz is, fancybox, lightbox szerintem jó erre.
(vagy ha csak pár sor, akkor amit előbb írtak)
Megtaláltam mi a baj a rákattintok nem történik semmi:
CSS:
.fancybox-hidden{display:none}
HTML:
<a href="#InlineDivID" class="fancybox">Szabályzatot</a>
<div class="fancybox-hidden">
<div id="InlineDivID" style="width:400px;height:400px">your inline content</div>
</div>
válasza:ezek is ott vannak?
<script type="text/javascript" src=" [link]
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
ez biztos hiányzik:
<script>
$(document).ready(function() {
$("#InlineDivID").fancybox({
'hideOnContentClick': true
});
}
</script>
<script type="text/javascript" src=" [link]
ezt nem írja ki végig ezért szerintem nem biztosan jó
de amúgy tényleg nem volt ott!
Most így van nem működik
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script>
$(document).ready(function() {
$("#InlineDivID").fancybox({
'hideOnContentClick': true
});
}
</script>
<a href="#InlineDivID" class="fancybox">Szabályzatot</a>
<div class="fancybox-hidden">
<div id="InlineDivID" style="width:400px;height:400px">your inline content</div>
</div>
válasza:ja elnéztem:
$("#InlineDivID").fancybox({
helyett
$(".fancybox").fancybox({
merthogy erre teszed rá (class fancybox):
<a href="#InlineDivID" class="fancybox">Szabályzatot</a>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, 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!