Ahoj, potřebuju poradit, jak vytvořit vyskakovací tabulku. Má někdo nějaký nápad? Př: https://ctrlv.cz/YKA9
Fórum › JavaScript, AJAX, jQuery
Tabulka

Nerozumim. Dal jsi sem (i do php) stranku, ale nikde jsi nenapsal, kde na te strance je vyskakovaci tabulka nebo neco tomu podobne a nebo postup, jak ji vyvolat.
Nejspis je to vazane na udalost:
- onclick, onmouseup, onmousedown (mys klikani)
- onmouseover (mys pohyb)
- onkeypress, onkeydown, onkeyup (klavesnice)
Jestli se jedna o blikajici zhasinajici efekt, tak to je vazane na casovac, ktery opakovane spousti nejaky program po uplynuti casu (obvykle min se dava 30-100 ms)
- setTimeout, setInterval
Takovy priklad uz naprogramovane tabulky, ktera se ale nemusi zobrazit v kazdem prohlizeci je alert hlaska
<span onclick="alert('123');"></span>
Pokud chces neco slozitejsiho, tak treba hledat googlem nebo umet programovat. Spousta z toho bude js knihovnou jquery.
google = javascript efect galery
http://www.jqueryrain.com/…age-effects/
google = javascript slider
http://1stwebdesigner.com/jquery-gallery/
google = javascript jquery window
https://jqueryui.com/dialog/#…
Našel jsem tedy nějakej ten způsob, ale pouze přes tlačítko, mohl by mi někdo říct co upravit, popř vymazat aby vyskočila sama, bez nutnosti klikat na tlačítko?
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
Pošli živú ukážku kde to skúšaš aby sme sa vedeli pozrieť aj my. Ty si totiž neposlal celý kód.
Zde http://skinjackpot.cz/test/
Zasláno z mobilního telefonu.
Omlouvám se že jsem předchozí komentář napsal anonymně, ale jsem to já.

$('#myModal').modal('show');
Mám taký pocit, že to je aj v dokumentácii k tomu bootstrap modalu. Stačí začať čítať aj obsah stránky a nie na nej iba hľadať hotové riešenie.
Děkuji, už to funguje, ale potřeboval bych ještě poradit že aby se to zobrazovalo jen jednou za den už přihlášenýmu uživatelovi.

Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
































Uživatelé prohlížející si toto vlákno
Moderátoři diskuze