{"id":229342,"date":"2022-11-13T10:33:00","date_gmt":"2022-11-13T07:33:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229342"},"modified":"2022-11-09T06:35:24","modified_gmt":"2022-11-09T03:35:24","slug":"wordpressi-modaalsete-dialoogide-lisamine-sisseehitatud-raamatukogudega","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-modaalsete-dialoogide-lisamine-sisseehitatud-raamatukogudega\/","title":{"rendered":"WordPressi modaalsete dialoogide lisamine (sisseehitatud raamatukogudega)"},"content":{"rendered":"\n

Kui r\u00e4\u00e4kida klientidele lahenduste v\u00e4ljat\u00f6\u00f6tamisest, siis on aegu, mil teie \u00fclesandeks on t\u00f5en\u00e4oliselt kuvada teavet WordPressi modaaldialoogides.<\/p>\n

Selle jaoks on saadaval palju lahendusi ja mida paremini olete JavaScripti, erinevate teekide ja nende saadaolevate teekide kasutamisega kursis, seda raskem (v\u00f5i v\u00f5ib-olla isegi lihtsam) on valida, millist neist kasutada.<\/p>\n

Kuid WordPressil on sisseehitatud infrastruktuur, mis muudab funktsioonide lisamise WordPressi triviaalseks. Nii et kolmes eelseisvas postituses k\u00e4sitlen j\u00e4rgmist:<\/p>\n

    \n
  1. Kuidas lisada WordPressi modaaldialooge sisseehitatud teekide abil,<\/li>\n
  2. Modaalsete dialoogide t\u00e4itmine andmetega,<\/li>\n
  3. Modaalse dialoogi t\u00e4itmine d\u00fcnaamiliste andmetega Ajaxi kaudu.<\/li>\n<\/ol>\n

    Sarja olemuse t\u00f5ttu ei ole postitused \u00fcksteise j\u00e4rel, vaid need k\u00f5ik kasutavad ainulaadset silti, mida saate p\u00e4rast postituste valmimist kasutada j\u00e4rjehoidjate lisamiseks ja sarjana viitamiseks.<\/p>\n

    Seda arvestades r\u00e4\u00e4gime WordPressi modaalsete dialoogide h\u00f5lpsast kaasamisest sisseehitatud teekidesse.<\/p>\n

    WordPressi modaaldialoogid, 1. osa<\/h2>\n

    Alustuseks eeldan, et teil on halduslehe p\u00f5hialused paigas.<\/p>\n

    Pistikprogrammide lehtedel<\/h3>\n

    See t\u00e4hendab, et teil on k\u00f5ik, mida vajate pistikprogrammi seadistamiseks, aktiveerimiseks ja seej\u00e4rel men\u00fc\u00fc v\u00f5i alammen\u00fc\u00fc kaudu kuvatava lehe kuvamiseks.<\/p>\n

    Kui ei, siis vaadake seda postitust<\/a>, et n\u00e4ha, kuidas alustada.<\/p>\n

    Kui olete selle teinud, vajate pistikprogrammi lehe jaoks p\u00f5hilist infrastruktuuri. Seda lehek\u00fclge v\u00f5ib kasutada lihtsalt teabe kuvamiseks v\u00f5i nii teabe kuvamiseks kui ka kasutajale v\u00f5imaluste salvestamise v\u00f5imaluse andmiseks.<\/p>\n

    Selle \u00f5petuse puhul ei ole ma eriti huvitatud kasutajale v\u00f5imaluste salvestamise v\u00f5imalusest. Selle asemel peame looma ankru, mis kuvab iga kord, kui sellel kl\u00f5psate, modaalset dialoogi.<\/p>\n

    Ja andmeid, mida see sisaldab, k\u00e4sitletakse hilisemas \u00f5petuses.<\/p>\n

    Plugina n\u00e4idisleht<\/h3>\n

    Siinkohal eeldan, et teil on pistikprogrammi leht. Selle p\u00f5histruktuur v\u00f5ib v\u00e4lja n\u00e4ha selline<\/a> :<\/p>\n

    <?php\n\/**\n * A basic plugin page that will eventually be used to demonstrate how to use the\n * Thickbox library included with WordPress.\n *\n * @package Acme\n *\/\n?>\n\n<div id=\"acme-thickbox-demo\" class=\"wrap\">\n  <!-- TODO -->\n<\/div><!-- #acme-thickbox-demo --><\/code><\/pre>\n
    Sealt edasi on vaja kahte asja:<\/p>\n
      \n
    1. sisaldab Thickbox raamatukogu<\/li>\n
    2. ankru ja konteineri lisamine, mis kuvab modaalse dialoogi<\/li>\n<\/ol>\n
      Thickbox teegi lisamiseks oma pistikprogrammide lehele lisage lihtsalt see silt. Kui j\u00e4rgite mis tahes kodeerimisstandardeid, on teie lehel t\u00f5en\u00e4oliselt lehe \u00fclaosas dokumendiplokk. See on koht, kus ma tavaliselt koodi lisan.<\/p>\n
      Funktsiooni add_thickbox<\/a> pakub WordPress, mis teeb j\u00e4rgmist:<\/p>\n
      \n
      Loob vaikimisi ThickBox js ja css.<\/p>\n<\/blockquote>\n
      Natuke ebam\u00e4\u00e4rane, eks? Tehniliselt on pikem kirjeldus:<\/p>\n
      \n
      ThickBox on veebilehe kasutajaliidese dialoogi vidin, mis on kirjutatud JavaScriptis jQuery teegi peale. Selle funktsioon on n\u00e4idata \u00fcht pilti, mitut pilti, tekstisisest sisu, iframed-sisu v\u00f5i AJAX-i kaudu edastatavat sisu h\u00fcbriidmodaalis.<\/p>\n<\/blockquote>\n
      Ja kui olete huvitatud Thickboxi teegist, n\u00e4ete seda sellel lehel<\/a>.<\/p>\n
      Igatahes, tagasi lehele. N\u00fc\u00fcd, kui lisan selle WordPressi API funktsiooni abil oma pistikprogrammi lehele, n\u00e4eb minu leht v\u00e4lja umbes selline<\/a> :<\/p>\n
      <?php\n\/**\n * A basic plugin page that will eventually be used to demonstrate how to use the\n * Thickbox library included with WordPress.\n *\n * @package Acme\n *\/\nadd_thickbox();\n?>\n\n<div id=\"acme-thickbox-demo\" class=\"wrap\">\n  <!-- TODO -->\n<\/div><!-- #acme-thickbox-demo --><\/code><\/pre>\n
      J\u00e4rgmisena k\u00e4ivad ankru ja andmete kuvamise elemendi loomine k\u00e4sik\u00e4es, nimelt seet\u00f5ttu, et ankur vajab modaalse dialoogina toimiva elemendi ID-d.<\/p>\n
      Ankur vajab j\u00e4rgmist teavet:<\/p>\n