☰

» »

[jquery mobile] dialog/popup

[jquery mobile] dialog/popup

sebavet ::

Prebral sem jquery mobile dokumentacijo še kak forum, pa nisem našel ene preproste kode za popup dialog okno, preprosto samo z gumbom ok. Ob kliku na gumbu ok te preusmeri na neko lokacijo (klik pa je vezan na submit forme). V levi ali desni strani zgoraj ima X za zapiranje dialoga in ostane na trenutni strani.

Če ima kdo kak dober example... pa srečnega in zdravega 2014.
  • spremenil: sebavet ()

sebavet ::

pred časom sem našel našel sem 2 primera, a pri vsakem nekaj ne štima:
1.
<html>
<body>

<p>Click the button to display a confirm box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction()
{
var x;
var r=confirm("Press a button!");
if (r==true)
  {
  x="You pressed OK!";
  }
else
  {
  x="You pressed Cancel!";
  }
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

Pri tej kodi me moti napis na vrhu okenca: Na naslovu na strani: www.w3schools.com je navedeno: in text z obema gumboma

in druga koda:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>

<a href="#popupMenu" data-rel="popup" data-transition="slideup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-gear ui-btn-icon-left ui-btn-a">Actions...</a>
<div data-role="popup" id="popupMenu" data-theme="b">
        <ul data-role="listview" data-inset="true" style="min-width:210px;">
            <li data-role="list-divider">Choose an action</li>
            <li><a href="#">View details</a></li>
            <li><a href="#">Edit</a></li>
            <li><a href="#">Disable</a></li>
            <li><a href="#">Delete</a></li>
        </ul>
</div>

</body>
</html>


pri tej kodi me moti, da je ne znam prekonvertirat za na submit gumb, ker je vezan na #popupMenu.

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

[PHP] pošiljanje parametrov

Oddelek: Programiranje		9769 (641) Ahim
»

Jquery

Oddelek: Izdelava spletišč		151813 (1537) mk818764
»

AJAX neznana težava

Oddelek: Programiranje		81208 (1002) luksorzi
»

Download vsebine strani s JS

Oddelek: Izdelava spletišč		472567 (1865) MrBrdo
»

Kako preveriti ali so vnosna polja izpolnjena?

Oddelek: Izdelava spletišč		111992 (1646) bluefish

Več podobnih tem