Šajā nodarbībā mēs uzzināsim par loga objekta brīdinājuma (), prompt () un apstiprinājuma () metodēm.
Alert() metodeAlert() metode ir paredzēta, lai lietotāja ekrānā parādītu brīdinājuma dialoglodziņu ar norādīto ziņojumu un pogu "OK". To var izmantot, lai lietotājam nodotu svarīgu informāciju.
logs.trauksme(Parametrs_1);
Alert() metodei ir viens obligātais parametrs - tas ir ziņojuma teksts, kas tiek parādīts dialoglodziņā. Šī metode tās izpildes rezultātā neko neatgriež.
Piemēram, parādīsim brīdinājuma dialoglodziņu vietnes apmeklētājam, kad viņš noklikšķina uz saites: Dodieties uz vietni
var rezultātsApstiprināt = apstiprināt(parametrs_1);
Šai metodei ir viens parametrs - tas ir ziņojuma teksts, kas tiks parādīts dialoglodziņā.
Apstiprināšanas () metode izpildes rezultātā atgriež vienu no divām vērtībām:
- patiess, ja lietotājs noklikšķināja uz "OK";
- false, ja lietotājs noklikšķināja uz Atcelt vai aizvēra to.
Piemēram, elementā p ar id="resultConfirm" parādīsim rezultātu, kad lietotājs dialoglodziņā noklikšķina uz pogas "OK":
var resultActionUser = apstiprināt("Lietotāj, lūdzu, noklikšķiniet uz pogas Labi."); if (resultActionUser) ( document.getElementById("resultConfirm").innerHTML = "Lietotāj, paldies, ka noklikšķinājāt uz pogas Labi"; ) else ( document.getElementById("resultConfirm").innerHTML = "Lietotājs, mēs esam vīlušies jūsu atbilde";)
Prompt() metode ir paredzēta, lai lietotāja ekrānā parādītu dialoglodziņu ar ziņojumu, teksta lauku datu ievadīšanai un pogām "OK" un "Cancel". Tas ir paredzēts, lai pieprasītu lietotājam datus.
var rezultātsPrompt = prompt(parametrs_1, parametrs_2);
Šai metodei ir divi parametri:
- ziņojums, kas tiks parādīts dialoglodziņā. Šis parametrs ir obligāts un satur ziņojumu, kas “pasaka”, kādi dati lietotājam jāievada teksta laukā;
- otrais parametrs nav obligāts, un to var izmantot, lai norādītu sākotnējo vērtību, kas tiks izdrukāta dialoglodziņa ievades laukā, kad tā tiek atvērta.
Atkarībā no lietotāja darbībām, metode prompt() var atgriezt šādus datus:
- teksta vērtība - ja ievades laukā ir dati un lietotājs noklikšķināja uz "OK";
- tukša rinda - ja ievades laukā nav datu un lietotājs noklikšķināja uz "OK";
- null - ja lietotājs noklikšķināja uz "Atcelt" vai aizvēra šo logu, nav nozīmes, kādi dati tika ievadīti teksta laukā.
Piezīme: dialoglodziņš, kas parādās, izpildot kādu no alert() , confirm() vai prompt() metodēm, ir modāls, t.i. tas bloķē lietotāja piekļuvi vecākajai lietojumprogrammai (pārlūkam), līdz lietotājs aizver dialoglodziņu.
Piemēram, jautāsim lietotājam vārdu un atkarībā no rezultāta parādīsim tekstu elementā ar id="nameUser" :
var nameUser = prompt ("Ievadiet savu vārdu?"); if (nameUser) ( document.getElementById("nameUser").innerHTML = nameUser +, laipni lūdzam vietnē!"; ) else ( document.getElementById("nameUser").innerHTML = "Viesi, laipni lūdzam vietnē!" ;)
Piemēram, lūgsim lietotājam uzminēt skaitli 8:
funkcija guessNumber() ( var findNumber = prompt ("Uzmini skaitli no 1 līdz 10?"); switch (findNumber) ( case "6": alert("Ir jau siltāks!"); break; case "7": brīdinājums (" Ir karsts!"); pārtraukums; gadījums "8": alert("Jūs uzminējāt pareizi! Tas ir skaitlis 8."); pārtraukums; gadījums "9": alert ("Ir jau siltāks!"); pārtraukums; noklusējuma : alert("Ir auksts! "); pārtraukums; ) ) ... Uzmini numuru
Es runāju par modālajiem logiem “veidnes”. Tie. tiem, kuriem tiek izveidoti atsevišķi veidņu faili. Un šo logu sarežģītība un izsmalcinātība var būt neierobežota.
Bet bieži vien, lai sazinātos ar lietotāju, ir nepieciešami ļoti vienkārši dialoglodziņi - vienkārši parādiet kādu ziņojumu ar vienu pogu “Ok”, ko viņš nevar nepamanīt, vai palūdziet viņam apstiprinājumu kādai darbībai.
Tīmekļa vietnes šādiem nolūkiem bieži izmanto sistēmas funkcijas.
Dzinējā ir vairākas tā saukto “sistēmas” funkciju grupas. Faili, kas satur šīs funkcijas, tiek ielādēti pašā dzinēja sākumā, pat pirms konfigurācijas failu ielādēšanas, un pašas funkcijas nav piesaistītas nevienam modulim un var tikt izmantotas jebkur, jebkurā komponentā - moduļos, darbībās, kartētājiem, utt." class="term">sistēmas funkcijas alert() , apstiprināt() un prompt() , apmēram šādi:
Dzēst visu!
Tas darbojas jebkurā pārlūkprogrammā, taču logi, ko parāda šādas funkcijas, izskatās neglīti, primitīvi un sagrauj visu mūsu vietnes radīto skaistumu.
Lai atrisinātu šo problēmu dzinējā, tagad varat (es teiktu, ka tas ir nepieciešams) izmantot analogus:
ls.modal.alert(options) - parāda informācijas logu ar vienu pogu “OK”.
ls.modal.confirm(options) - parāda logu ar pogām "Atcelt" un "Apstiprināt"
ls.modal.prompt(options) - logs ar ievades lauku
Visās funkcijās opciju parametrs var būt virkne vai objekts. Piemēram:
ls.modal.alert('Sveika, pasaule!');
Šis kods parāda modālu logu ar tekstu "Sveika, pasaule!" un pogu "Labi". Un pats galvenais, šis logs tiks veidots tieši tāpat kā visi citi modālie logi jūsu vietnē.
Mēs varam arī uzrakstīt pogu klikšķu apstrādātāju:
ls.modal.alert((nosaukums: "Es saku", teksts: "Sveika, pasaule!", onApstiprināt: function())( // lietotājs noklikšķināja uz pogas Labi))); Šeit tiek pievienots loga nosaukums “Es saku” un, nospiežot pogu, tiks izpildīta onConfirm parametrā nodotā funkcija.
Bet tas vēl nav viss! Mēs varam parādīt jebkuru HTML kodu loga pamattekstā:
var htmlCode = " 
Šeit ir jūsu jaunais iemiesojums"; ls.modal.alert((title: "Avatar", html: htmlCode)); Un mēs iegūstam kaut ko līdzīgu:
Ņemiet vērā, ka HTML parametrs tiek izmantots, lai parādītu HTML kodu, nevis teksta parametru (ja nodosiet abus parametrus, tiks izmantots teksts un html tiks ignorēts).
Funkcijas ls.modal.confirm() un ls.modal.prompt() tiek izmantotas līdzīgi. Bet šajās funkcijās ir iespējami papildu parametri. Piemēram, funkcijas ls.modal.confirm() parametros varam nodot nevis vienu, bet divus apdarinātājus - katrai pogai pa vienam apdarinātājam:
ls.modal.confirm((nosaukums: "Dzēst", teksts: "Dzēst visu?", onApstiprināt: function())( // lietotājs noklikšķināja uz pogas "Apstiprināt"), onCancel: function())( // the lietotājs noklikšķināja uz pogas "Atcelt" ) )); Funkcija ls.modal.prompt() tiek izmantota, lai lietotājam prasītu kādu vērtību. Un mēs varam iestatīt to kā noklusējumu:
ls.modal. prompt ((nosaukums: "Ievadiet skaitli", teksts: "Ievadiet skaitli šeit", vērtība: 123 onApstiprināt: function(value)( // Ievadītā vērtība mainīgajā
Vispārējā mainīgā nosaukuma shēma ir šāda: Prefikss+PapilduPrefikss+Mainīgā nosaukums+Sufikss. Mainīgo nosaukumos ir lielie un mazie burti, un tie sākas ar mazo prefiksu, kas norāda mainīgā vērtības datu tipu. Tālāk ir norādīts lietošanai ieteicamo prefiksu saraksts. Papildu prefikss norāda mainīgā vērtību, un tas ir atlasīts no tālāk norādītā ieteicamo papildu prefiksu saraksta. Mainīgā nosaukums sastāv no viena vai vairākiem vārdiem, kas apraksta šī mainīgā semantisko nozīmi, un ir rakstīts ar paaugstinātu burtu. Tā kā prefiksi apraksta mainīgā vērtības veidu, tā nosaukums apraksta šī tipa vienskaitļa gadījumu. Sufikss papildina mainīgā nosaukumu un norāda tā semantisko nozīmi. Tālāk ir sniegts lietošanai ieteikto sufiksu saraksts. Cipari nosaukumā ir atļauti, bet nav ieteicami. Pasvītra nosaukumā netiek lietota.
Prefiksi
Ieteicams izmantot šādu prefiksu sarakstu:
- a (masīvs) - masīva vērtība;
- b (bool) - loģiskā vērtība;
- e (entity) - entītijas tipa objekts un mantots no tā;
- i (vesels skaitlis) - vesels skaitlis;
- f (float) - reālā tipa vērtība;
- m (mapper) - Mapper tipa objekts un mantots no tā;
- n (skaitlis) - nenoteikta ciparu tipa vērtība, kas var būt vai nu vesels skaitlis, vai
reālā vērtība. Lietojot, ir jāpārbauda tipa vērtība.
- o (objekts) - objekts, kura tips atšķiras no Mapper un Entity;
- s (string) - virknes vērtība;
- x (jaukts) - jaukta tipa objekts. Lietojot, ir jāpārbauda tipa vērtība.
Ieteicams izmantot šādu papildu prefiksu sarakstu:
- Min (minimums) - minimālā vērtība;
- Max (maksimums) - maksimālā vērtība;
- Pašreizējais - pašreizējā vērtība.
Sufiksi
Atšķirībā no papildu prefiksiem, sufiksi norāda mainīgā nosaukuma semantisko nozīmi, nevis tā
nozīmē. Ieteicams izmantot šādu sufiksu sarakstu:
- First - pirmā vērtība no pieejamā saraksta;
- Pēdējā - pēdējā vērtība no pieejamā saraksta;
- Limits - robežvērtība no pieejamā saraksta;
- Tmp - pagaidu vērtība;
- Jauns - jauna (iestatīta) vērtība;
- Vecs - veca (pārrakstīta) vērtība;
Izņēmumi
Ir mainīgie nosaukumi, kas paredzēti īpašai lietošanai - izņēmumi no minētajiem
ieteikumi:
- i, j - iteratori mazām cilpām (cilpa tiek uzskatīta par mazu, ja tā pilnībā iekļaujas
viens ekrāns un ļauj vienlaikus redzēt visus iteratoru gadījumus);
- k, v - foreach cilpas mainīgie ($aData kā $k => $v);
- atslēga, vērtība - foreach cilpas mainīgie ($aData kā $key => $value);
- s - serializēts datu attēlojums;
- dati - mainīgais ar datiem entītiju iestatītājā, kā arī dati, kas atgriezti no kartētāja metodēm;
- sql - kartētājiem mainīgais, kas satur vaicājuma tekstu - prefikss “s” netiek izmantots." class="term">mainīgais "value") )); Šeit lietotāja ievadītā vērtība tiek nodota apstrādātājam un mēs varam to izmantot, lai noteiktu, ko ar to darīt tālāk.
Šīs daļas noslēgumā vēlos vērst uzmanību uz vienu iezīmi, kuru nevajadzētu aizmirst: pastāv būtiska atšķirība sistēmas funkciju alert(), apstiprināt() un prompt() un attiecīgo to analogu darbībā. ls.modal.alert(options) , ls.modal.confirm(options) un ls.modal.prompt(options) . Proti - Sistēmas funkcijas
Dzinējā ir vairākas tā saukto “sistēmas” funkciju grupas. Faili, kas satur šīs funkcijas, tiek ielādēti pašā dzinēja sākumā, pat pirms konfigurācijas failu ielādēšanas, un pašas funkcijas nav piesaistītas nevienam modulim un var tikt izmantotas jebkur, jebkurā komponentā - moduļos, darbībās, kartētājiem, utt." class="term">sistēmas funkcijas aptur javascript koda izpildi un gaida lietotāja reakciju. Un tikai pēc tam, kad lietotājs ir reaģējis, koda izpilde turpinās. Lietojot šeit aprakstītās funkcijas, viss kods, kur tiek veikts pats izsaukums, vispirms tiek izpildīts un tikai pēc tam parādās dialoglodziņš.
Tāpēc, ja paņemat raksta sākumā norādīto kodu un vienkārši nomainīsiet apstiprinājuma() izsaukumu ar ls.modal.confirm(), un kods būs jāpārraksta apmēram šādi:
Dzēst visu! $(function())( $("js-delete-all").click(ls.modal.confirm("Vai esat pārliecināts?"), function()( location.href="site.com/delete/all/ "; ));); )); Lūdzu, ņemiet vērā, ka apdarinātāja funkcija tiek nodota nevis parametrā onConfirm, bet gan kā funkcijas otrais arguments; arī tas ir pieņemams.
Jā, ir nedaudz vairāk koda. Bet tas ir skaisti! Un skaistums, kā zināms, prasa upurus.
Turpinot mūsu apmācību sēriju par to, kā uzlabot un pārvaldīt noklusējuma pārlūkprogrammas iestatījumus, šodien mēs aicinām jūs izveidot vairāku pārlūkprogrammu apstiprinājuma dialoglodziņu, izmantojot viegli lietojamu jQuery spraudni. Varat atlasīt tekstu, pogas un darbības, kas tiks veiktas pēc klikšķa.
HTML kods
Lai gan sākotnēji mums vajadzētu koncentrēties uz apstiprinājuma logu, vispirms pastāstīsim nedaudz par lapu, kuru izmantosim. Ja vēlaties redzēt spraudņa avota kodu, varat izlaist šo darbību un ritināt uz leju līdz raksta jQuery daļai.
Indekss.php
JQuery apstiprinājuma dialoglodziņš aizstāšana ar CSS3 | Apmācības demonstrācija
Dokumenta augšdaļā esam iekļāvuši Cuprum fontu no , jQuery.confirm.css (kaskādes stila lapas dialoglodziņam) un styles.css — mūsu lapas kaskādes stilu lapas.
Pašā dokumenta pamatteksta apakšā esam iekļāvuši jQuery bibliotēku, jquery.confirm.js (galveno spraudņa failu), kā arī script.js, kas klausās pogas noklikšķināšanas notikumu un palaiž spraudni. Šodienas apmācības pēdējā posmā mēs jums pastāstīsim par šiem diviem failiem.
Lai savā vietnē iekļautu apstiprinājuma logu, jums būs jākopē mape jquery.confirm no lejupielādētā arhīva un jāiekļauj jquery.confirm.css koda galvā, kā arī fails jquery.confirm.js pirms tags, kas beidz dokumenta pamattekstu + jQuery bibliotēka.
Pats dialoglodziņš ir nekas vairāk kā pāris HTML koda rindiņas. Zemāk varat redzēt kodu, ko ievietojis spraudnis, lai parādītu dialoglodziņu.
Dialoglodziņa koda piemērs
Kods tiek pievienots dokumenta pamattekstam. Pārējās lapas augšdaļā tiek parādīts apstiprinājuma pārklājums, kas novērš jebkādu mijiedarbību ar lapas elementiem, kamēr tiek parādīts dialoglodziņš. h1, p un div apstiprinājuma pogas ir sakārtotas saskaņā ar spraudņa iestatījumos norādīto struktūru. Vēlāk rakstā jūs uzzināsit vairāk par to.
CSS kods
Dialoglodziņa dizains ir ietverts failā jquery.confirm.css. Tādējādi ir daudz vieglāk integrēties pabeigtā projektā, un stils tiek veikts tā, lai jūs varētu būt pārliecināti, ka stili nesajauksies ar tiem, kas jau atrodas lapā.
jquery.confirm.css
#confirmOverlay(
platums: 100%;
augstums: 100%;
pozīcija: fiksēta;
augšā:0;
pa kreisi:0;
background:url("ie.png");
fons: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) atkārtot-x rgba(11,11,11,0.2);
fons:-webkit-gradient(lineārs, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) atkārtot-x rgba(11,11,11,0,2);
z-indekss:100000;
}
#confirmBox(
background:url("body_bg.jpg") atkārtojiet-x pa kreisi apakšā #e5e5e5;
platums: 460 pikseļi;
pozīcija: fiksēta;
pa kreisi:50%;
augšā: 50%;
piemale: -130 pikseļi 0 0 -230 pikseļi;
apmale: 1 pikselis, ciets rgba (33, 33, 33, 0,6);
Moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0,6) inset;
-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
box-shadow: 0 0 2px rgba(255, 255, 255, 0,6) inset;
}
#confirmBox h1,
#confirmBox p(
fonts:26px/1 "Cuprum","Lucida Sans Unicode", "Lucida Grande", sans-serif;
background:url("header_bg.jpg") atkārtojiet-x pa kreisi apakšā # f5f5f5;
polsterējums: 18px 25px;
teksta ēna: 1px 1px 0 rgba(255, 255, 255, 0,6);
krāsa:#666;
}
#confirmBox h1(
burtu atstarpes: 0,3 pikseļi;
krāsa:#888;
}
#confirmBox p(
background:none;
fonta izmērs: 16 pikseļi;
līnijas augstums: 1,4;
polsterējums-top: 35px;
}
#confirmButtons(
polsterējums: 15 pikseļi 0 25 pikseļi;
text-align:center;
}
#confirmBox.button(
displejs: inline-block;
krāsa: balta;
pozīcija: radinieks;
augstums: 33 pikseļi;
Fonts:17px/33px "Cuprum","Lucida Sans Unicode", "Lucida Grande", sans-serif;
Piemale pa labi: 15 pikseļi;
polsterējums: 0 35 pikseļi 0 40 pikseļi;
teksta noformējums: nav;
robeža: nav;
}
#confirmBox .button:last-child( margin-right:0;)
#confirmBox .button span(
pozīcija: absolūts;
augšā:0;
pa labi: -5 pikseļi;
background:url("buttons.png") no-repeat;
platums: 5 pikseļi;
augstums: 33 pikseļi
}
#confirmBox .blue(fona pozīcija:pa kreisi augšpusē;teksta ēna:1px 1px 0 #5889a2;)
#confirmBox .blue span(fona pozīcija:-195px 0;)
#confirmBox .blue:hover(fona pozīcija:pa kreisi apakšā;)
#confirmBox .blue:hover span(fona pozīcija:-195px apakšā;)
#confirmBox .grey(fona pozīcija:-200px augšpusē;teksta ēna:1px 1px 0 #707070;)
#confirmBox .grey span(fona pozīcija:-395 pikseļi 0;)
#confirmBox .grey:hover(fona pozīcija:-200px apakšā;)
#confirmBox .grey:hover span(fona pozīcija:-395px apakšā;)
Tas izmanto jaunā CSS3 priekšrocības. Definīcijā #confirmOverlay mēs izmantojam CSS3 gradācijas (kas darbojas tikai pārlūkprogrammās Firefox, Safari un Chrome), un atkāpšanās tiek nodrošināta caurspīdīga PNG formātā.
Pēc tam centrētajā #confirmBox displejā mēs pievienojām iekšējā lodziņa ēnu (kaut kas līdzīgs iekšējam mirdzumam programmā Photoshop). Mēs izmantojām arī Cuprum fontu, kas tika pievienots no Google fontu direktorijas.
Kopā ar teksta ēnām var redzēt pogu stilu. Tie tiek īstenoti, izmantojot bīdāmās durvis. Šobrīd ir pieejami divu veidu dizaini – zils un pelēks. Varat pievienot jaunu pogas krāsu, pievienojot kodam jaunas deklarācijas.
jQuery
Pirms iedziļināties spraudņa avota kodā, vispirms apskatīsim mazliet tālāk. Vietnē script.js varat redzēt spraudņa darbību.
Script.js
$(dokuments).ready(function())(
$(.item .delete").click(function())(
Var elem = $(this).closest(.item");
$.confirm((
"title" : "Dzēšanas apstiprinājums",
"message" : "Jūs gatavojaties dzēst šo vienumu.
To nevarēs atjaunot vēlāk! Turpināt?"
"pogas" :(
"Jā" :(
"klase": "zils",
"darbība": funkcija())(
elem.slideUp();
}
},
"Nē" :(
"klase": "pelēks",
"darbība": function()() // Šajā gadījumā nekas nav jādara. Varat arī izlaist darbības rekvizītu.
}
}
});
Kad mūsu piemērā tiek noklikšķināts uz div .deleted, skripts izpilda spraudņa definēto $.confirm funkciju. Tālāk ir norādīts dialoglodziņa nosaukums, apraksts un pogas objekts. Katrai pogai ir CSS klases nosaukums, kā arī darbības parametrs. Darbība ir funkcija, kas darbojas, kad tiek noklikšķināts uz pogas.
Tagad pāriesim pie interesantās daļas. Vietnē jquery.confirm.js varat redzēt mūsu dialoga avota kodu.
Jquery.confirm.js
$.confirm = function(params)(
If($("#confirmOverlay").length)(
// Lapā jau ir parādīts apstiprinājums:
return false;
}
Var buttonHTML = "";
// Atzīmju ģenerēšana pogām:
Ja(!obj.action)(
obj.darbība = funkcija())();
}
});
Var marķējums = [
"
"
",params.message,"
","
",
pogaHTML,
"
].join("");
$(markup).hide().appendTo("body").fadeIn();
Var pogas = $("#confirmBox .button"),
i = 0;
$.each(params.buttons,function(name,obj)(
pogas.eq(i++).klikšķis(funkcija())(
// Darbības atribūta izsaukšana, kad a
// notiek klikšķis un tiek paslēpts apstiprinājums.
Obj.darbība();
$.confirm.hide();
return false;
});
});
}
$.confirm.hide = funkcija())(
$("#confirmOverlay").fadeOut(function())(
$(tas).noņemt();
});
}
Mūsu spraudnis definē $.confirm() metodi. Šī metode apstrādā ievadītos datus, izveido marķējumu un pēc tam to visu pievieno lapai. Tā kā elementam #confirmOverlay ir fiksēta pozīcija, izmantojot CSS deklarāciju, mēs atstāsim tā centrēšanu pārlūkprogrammas ziņā un pēc tam pārvietosim, lietotājam ritinot lapu.
Pēc marķējuma pievienošanas skripts izplata notikumu sviras pogas klikšķu notikumiem, veicot darbību, kas atbilst nospiestajai pogai.
Tas noslēdz mūsu dialoglodziņu!
Apkoposim
Varat rediģēt dialoglodziņa izskatu, izmantojot failu jquery.confirm.css. Tā kā ziņojuma atribūts dialoglodziņā izmanto HTML kodu, varat pievienot attēlus vai ikonas.
Varat pat izmantot spraudni, lai ieviestu kļūdu ziņojumu lodziņus — jums vienkārši jāpievieno viena poga bez darbības atribūtu kopas.
Uzmanību! Jums nav atļaujas skatīt slēpto tekstu.
Un atkal es sveicu jūs citā tēmā, kas veltīta JavaScript valodai, kurā mēs analizēsim brīdinājuma, uzvednes, apstiprinājuma metodes. Šīs metodes ir iebūvētas Javascript valodā un palīdz mums mijiedarboties ar lietotāju.
Brīdinājums pārlūkprogrammas ekrānā parāda logu ar noteiktu informāciju, kas aptur skriptu, līdz lietotājs noklikšķina uz Labi.
Uzvednē parasti tiek parādīts logs, kurā lietotājam tiek uzdots jautājums, uz kuru viņam ir jāatbild noteiktā teksta laukā, pirms noklikšķināt uz Labi. Lietotājs var arī neko ievadīt, nospiežot taustiņu Atcelt.
Apstiprināt parāda arī logu, kurā lietotājs vairs nevar ievadīt neko teksta laukā, bet var tikai noklikšķināt uz Labi vai atcelt.
Un tagad, pēc īsa ievada, pāriesim pie visa iepriekš minētā izskatīšanas praksē.
brīdināt, pamudināt, apstiprināt
alert("Sveiks, dārgais lietotāj!" );
var nameUser = prompt("Tavs vārds?" , "vārds" );
var userAnswer = apstiprināt("Vai tiešām vēlaties pamest vietni?" );
Rezultātā, atsvaidzinot pārlūkprogrammas lapu, mēs redzēsim logu, kas sveic lietotāju. Pēc noklikšķināšanas uz Labi, tiks parādīts šāds logs, kurā tiks prasīts jūsu vārds. Šai metodei ir divi parametri, pirmais ir obligāts un ir atbildīgs par virsrakstu, kas tiks parādīts, mūsu gadījumā tas ir lietotājvārda jautājums. Un otrais parametrs ir atbildīgs par vērtību, kas pēc noklusējuma tiks parādīta teksta laukā. Ja ievadīsiet savu vārdu un noklikšķiniet uz Labi, jūsu vārds tiks ievietots mainīgajā nameUser. Ja noklikšķināsit uz pogas Atcelt, mainīgajam tiks rakstīts null.
Visbeidzot, logs, kurā lietotājam tiek jautāts, vai viņš vēlas pamest mūsu vietni vai nē. Piekrišanas gadījumā mainīgajā tiks ievietota Būla vērtība true, bet atteikuma gadījumā attiecīgi false. Tas ir viss, kas jums jāzina par šīm metodēm, tiekamies nākamajās nodarbībās!
apstiprināt() metodi
Izmantojot apstiprinājuma () metodi, tiek parādīts apstiprinājuma logs, kas ir līdzīgs brīdinājuma logam, ko ģenerē alert() metode, bet satur divas pogas: Labi un Atcelt. Saraksts 11.3 parāda apstiprinājuma loga izveidi, taču šis skripts neatšķir pogas Labi un Atcelt. Nospiežot kādu no pogām, logs vienkārši tiks aizvērts (11.5. att.).
Rīsi. 11.5. Darbs ar apstiprinājumu
Uzskaitījums 11.3. Darbs ar apstiprinājumu
Darbs ar apstiprinājumu
apstiprināt("Šis ir mans apstiprinājums");
Pēc šīs nodaļas izlasīšanas jūs uzzināsit, kā izmantot šo metodi, lai jūsu skripts reaģētu atšķirīgi, noklikšķinot uz pogas Labi un Atcelt.
No Andreja Vladimiroviča Popova grāmatas Windows Script Host operētājsistēmai Windows 2000/XPPalaišanas metode Parametrs intWindowStyle iestata palaižamās lietojumprogrammas loga veidu (1.13. tabula). 1.13. tabula. Logu veidi (intWindowStyle) Parametrs Visual Basic Konstants Apraksts 0 vbHide Slēp pašreizējo logu un aktivizē citu logu (parāda to un piešķir tam fokusu) 1 vbNormalFocus Aktivizē un
No Fultona Hala grāmatas Programming in Ruby [Valodas ideoloģija, teorija un pielietojuma prakse]Dzēšanas metode Ja spēka parametrs ir nepatiess vai nav norādīts, tad, izmantojot metodi Dzēst, nebūs iespējams izdzēst direktoriju ar tikai lasāmu atribūtu. Spēka iestatīšana uz patiesu ļaus šādus direktorijus nekavējoties dzēst Lietojot metodi Dzēst, nav nozīmes, vai norādītais
No grāmatas Programming PDAs and Smartphones on the .NET Compact Framework, autors Kļimovs Aleksandrs P.Pārvietošanas metode Nepieciešamais mērķa parametrs norāda direktoriju, uz kuru tiks veikta pārvietošana; aizstājējzīmes nav atļautas direktorija nosaukumā. Piezīme. Pārvietošanas metodes vietā varat izmantot objektu metodi MoveFolder
No grāmatas Linux un UNIX: čaulas programmēšana. Izstrādātāja rokasgrāmata. autors Tainslijs DeividsKopēšanas metode Nepieciešamais mērķa parametrs norāda failu, uz kuru tiks veikta kopija; aizstājējzīmes faila nosaukumā nav atļautas. Pārrakstīšanas parametrs ir Būla mainīgais, kas nosaka, vai pārrakstīt esošu failu ar nosaukumu galamērķis (overwrite=true)
No RuBoard komandas grāmatas PascalABC.NET valodas aprakstsDzēšanas metode Ja spēka parametrs ir nepatiess vai nav norādīts, tad, izmantojot metodi Dzēst, nebūs iespējams izdzēst failu ar tikai lasāmu atribūtu. Iestatot spēku uz True, šādi faili tiks nekavējoties izdzēsti. Piezīme. Dzēšanas metodes vietā varat izmantot metodi DeleteFile.
No autora grāmatas8.3.1. Injekcijas metode Injekcijas metode Ruby nāca no Smalltalk valodas (tā pirmo reizi parādījās Ruby 1.8). Tās uzvedība ir interesanta, lai gan pirmajā reizē to nav viegli saprast, jo tas atspoguļo to, ka mēs bieži vēlamies apiet sarakstu un "uzkrāt" kādu rezultātu. Protams, visvairāk
No autora grāmatas8.3.3. Sadalīšanas metode Kā saka, "pasaulē ir divu veidu cilvēki: tie, kas iedala cilvēkus dažādos veidos, un tie, kas to nedara." Sadalīšanas metode neattiecas uz cilvēkiem (lai gan mēs varam attēlot tos kā objektus Ruby), bet tā arī sadala kopu divās daļās.Ja tiek izsaukts bloks, izsaucot nodalījumu, tad tas tiek novērtēts
No autora grāmatas11.1.10. inicializācijas_kopēšanas metode Kopējot objektu, izmantojot dup vai clone metodi, konstruktors netiek izsaukts. Visa informācija par stāvokli tiek kopēta. Bet ko darīt, ja jums šāda rīcība nav vajadzīga? Apskatīsim piemēru: class Document attr_accessor:title, :text attr_reader:timestamp def inicialize(title, text) @title, @text = virsraksts, teksts @timestamp =
No autora grāmatas11.1.11. Piešķiršanas metode Tas ir reti, bet gadās, ka jums ir jāizveido objekts, neizsaucot tā konstruktoru (apejot inicializācijas metodi). Piemēram, var gadīties, ka objekta stāvokli pilnībā nosaka tā piekļuves metodes; tad nav nepieciešams izsaukt jauno metodi (kas izsauks inicializāciju), ja vien jūs
No autora grāmatas11.3.2. const_get metode Metode const_get iegūst konstantes vērtību ar doto nosaukumu no moduļa vai klases, kurai tā pieder.str = "PI"Math.const_get(str) # Vērtība ir Math::PI. Tas ir veids, kā izvairieties no eval metodes izsaukšanas, kas dažkārt tiek uzskatīta par neelegantu . Šī pieeja ir lētāka no viedokļa
No autora grāmatas11.3.5. Metode define_method Izņemot atslēgvārdu def, vienīgais parastais veids, kā pievienot metodi klasei vai objektam, ir izmantot metodi define_method, un tā ļauj to izdarīt izpildes laikā. Protams, Ruby valodā gandrīz viss notiek plkst. darbības laiks. Ja
No autora grāmatas11.3.6. const_missing metode Const_missing metode ir līdzīga metodei method_missing. Mēģinot piekļūt nezināmai konstantei, šī metode tiek izsaukta - protams, ja tā ir definēta. Kā parametrs tam tiek nodots simbols, kas atsaucas uz konstanti. Lai pārtvertu zvanus uz
No autora grāmatasLockbits metode .NET Compact Framework 2.0 ieviesa ierobežotu atbalstu LockBits metodei, ko var izmantot, lai manipulētu ar attēla pikseļu masīvu. ImageLockMode uzskaitījums šajā metodē pieļauj vērtības ReadWrite, ReadOnly un WriteOnly. Un PixelFormat uzskaitījums atbalsta
No autora grāmatas No autora grāmatasMetode Zip Metožu apraksts Ir dotas metodes T. funkcijas secības secībai Zip(second: secība TSecond; resultSelector: (T,TSecond)->Res): Res secība; Savieno divas secības, izmantojot norādīto funkciju, kas ņem vienu elementu no katras secības un
No autora grāmatasMetode Satur Metožu apraksts Ir dotas metodes T. funkcijas secības secībai Satur(vērtība: T): Būla; Nosaka, vai norādītais elements ir ietverts secībā, izmantojot noklusējuma vienlīdzības salīdzinātāju. funkcija Satur(vērtība: T; salīdzinātājs: IEqualityComparer): Būla;
