Miten Dialog sivusi

Miten Dialog sivusi
Voit tehdä valintaikkuna Web-sivun käyttäen jQuery, JavaScript kirjasto, ja sen täydentävää kirjasto, jQuery UI puitteissa. Yhdessä nämä kaksi kehykset tarjoavat käyttäjille mahdollisuuden lisätä painikkeita, hanurit, datepickers, dialogit ja muut perustiedot käyttöliittymän työkalut. Valintaikkuna näkyy Web-sivun vastauksena käyttäjän syötteeseen, kuten painikkeen napsautuksella. Voit käyttää valintaikkuna kommunikoida lisätietoja käyttäjän, usein muodossa lyhyen viestin, kuten "rekisteröinti onnistunut" tai "Odota hetki Vahvista luottokortin tiedot."

Ohjeet

1 Avaa Web-sivu tekstieditorissa tai kehitysympäristö valinta, ja avaa tiedosto, joka vaatii valintaikkuna.

2 Lisää, jos et ole jo tehnyt niin, viittaukset jQuery ja jQuery UI tiedostot hyödyntää sisällön jakeluverkoston.

<Script ID "myDialogBoxDiv."

Sisällytä teksti valintaikkuna sisällä kohta elementti.

<Div id = "myDialogBoxDiv">

<P> Sinun täytyy syöttää salasana avata tilin.

</ P>

</ Div>

4 Valitse "myDialogBoxDiv" jQuery ja alustaa valintaikkuna käyttämällä ".dialog ()" funktion antamat käyttöliittymäpuitteet. Lisää otsikko käyttämällä "title" omaisuutta dialogi elementin, korvaamalla se "Your Dialog Otsikko" tekstiä seuraava esimerkki:

$ ("#myDialogBoxDiv") .dialog ({Title: 'Sinun Dialog osaston'});

Vihjeitä

  • Arvioi jQuery UI asiakirjat muita menetelmiä ja ominaisuuksia dialogi esine.

Aiheeseen liittyviä artikkeleita