Povezivanje web-dijelova u sustavu SharePoint Online

Povezivanje web-dijelova u sustavu SharePoint Online

Napomena: Željeli bismo vam pružiti najnoviji sadržaj pomoći što je brže moguće i to na vašem jeziku. Ova je stranica strojno prevedena te može sadržavati gramatičke pogreške ili netočnosti. Naša je namjera da vam ovaj sadržaj bude koristan. Možete li nam pri dnu ove stranice javiti jesu li vam ove informacije bile korisne? Kao referencu možete pogledati i članak na engleskom jeziku.

Kada na web-mjesto dodate modernu stranicu, možete dodavati i prilagođavati web-dijelove, koji su sastavni blokovi stranice. Možete međusobno povezati neke web-dijelove da biste stvorili interaktivni i dinamičan doživljaj za gledatelje na stranici. Na primjer, web-dio biblioteke dokumenata možete povezati s web-dijelom preglednika datoteka. Kada korisnik klikne naziv datoteke na popisu biblioteke dokumenata, preglednik datoteka prikazat će sadržaj te određene datoteke. Ili povežite web-dio popisa s web-dijelom za ugrađivanje i dodajte prilagođeni kod za razna dinamička iskustva.

Napomene: 

  • Neke su funkcije postupno uvedene u tvrtke ili ustanove koje su se usmjerile na ciljani program za oslobađanje. To znači da vam se ta značajka možda neće prikazati ili da se možda neće podudarati s opisom u člancima pomoći.

  • Web-dijelovi u ovom članku nisu dostupni za korištenje na klasičnim stranicama.

Web-dijelovi koje možete povezati obuhvaća: web-dio svojstva popisa, web-dio preglednika datoteka i ugrađivanje web-dijela. Slijede neki primjeri načina na koji možete koristiti te povezane web-dijelove.

Prikaz datoteke na temelju onoga što korisnik odabere u biblioteci dokumenata (povezivanje web-dijela preglednika datoteka s web-dijelom biblioteke dokumenata)

U ovom primjeru korisnici mogu pregledavati biblioteku dokumenata o kampanji i vidjeti sadržaj u odabranoj datoteci bez napuštanja stranice i bez otvaranja svake datoteke.

Primjer web-dijela preglednika datoteka povezanih s bibliotekom dokumenata

Da biste to učinili, napravite sljedeće:

  1. Na stranici Dodajte web-dio biblioteke dokumenata u biblioteku koju želite koristiti, a zatim dodajte web-dio preglednika datoteka.

  2. Ako prvi put dodajete web-dio preglednika datoteka, otvorit će se okno nedavni dokumenti. Kliknite Odustani u donjem desnom kutu ovog okna.

  3. Kliknite Uredi web-dio_ z0z_ na lijevoj strani web-dijela preglednika datoteka.

  4. Kliknite Trotočje (...) u gornjem desnom kutu okna svojstva, a zatim kliknite Poveži se s izvorom.

    Gumb Poveži s izvorom
  5. U odjeljku Povezivanje s izvoromodaberite biblioteku dokumenata koju želite koristiti na padajućem popisu.

    Okno svojstva preglednika datoteke s padajuću stavku povezivanje s izvorom izvora
  6. Kliknite X pri vrhu okna da biste ga zatvorili.

  7. Pri vrhu stranice kliknite Spremi kao skicu .

  8. Testirajte vezu odabirom dokumenta iz biblioteke dokumenata koju ste odabrali. U web-dijelu preglednika datoteka trebali biste vidjeti dokument koji se prikazuje.

  9. Kada budete spremni za publiku da vam se prikaže stranica, kliknite Objavi u gornjem desnom kutu stranice.

Prikaz stavke na popisu na temelju onoga što korisnik odabere u web-dijelu popisa (povezivanje web-dijela s svojstvima popisa s web-dijelom popisa)

Kada imate veliki popis s mnogo stupaca, korisnicima može biti teško pronaći određene podatke koje traže. U web-dijelu svojstva popisa korisnik može odabrati stavku iz web-dijela popisa i vidjeti samo vrijednosti koje ste naveli. U sljedećem primjeru web-dio popisa sadrži popis regionalnih ureda. Kada korisnik odabere stavku s popisa, web-dio svojstva popisa prikazat će samo naziv sustava Office i podatke o prodaji.

Primjer popisa povezan s web-dijelom svojstva popisa

Da biste to učinili, napravite sljedeće:

  1. Na stranici Dodajte web-dio popisa s popisom koji želite koristiti, a zatim dodajte web-dio svojstva popisa.

  2. Kliknite Uredi web-dio_ z0z_ na lijevoj strani web-dijela svojstva popisa.

  3. Kliknite Trotočje (...) u gornjem desnom kutu okna svojstva, a zatim kliknite Poveži se s izvorom.

    Gumb Poveži s izvorom
  4. U odjeljku Povezivanje s izvoromodaberite popis koji želite koristiti s padajućeg popisa.

  5. U odjeljku Prikazodaberite što želite da korisnik vidi na stranici. 

  6. U odjeljku polja za prikazodaberite potvrdne okvire pokraj stupaca iz kojih želite prikazati vrijednosti.

    Okno web-dijela svojstva popisa
  7. Pri vrhu stranice kliknite Spremi kao skicu .

  8. Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Trebali biste vidjeti vrijednost koju ste naveli u web-dijelu svojstva popisa.

  9. Kada budete spremni za publiku da vam se prikaže stranica, kliknite Objavi u gornjem desnom kutu stranice.

Prikaz videozapisa, slike ili mjesta na temelju onoga što korisnik odabere u web-dijelu popisa (povezivanje web-dijela ugrađivanja s web-dijelom popisa)

Pomoću web-dijela ugrađivanje možete unijeti veze ili ugraditi kod koji koristi varijable, omogućujući vam prikaz širokog raspona stavki, ovisno o tome što preglednik stranice odabere. Slijede tri primjera kako možete prikazati odabrane slike, videozapise i mjesta.

Prikaz odabranog videozapisa sa servisa YouTube

U ovom primjeru web-dio popisa sadrži popis s naslovima videozapisa i ID-ovima za nekoliko videozapisa sa servisa YouTube. Kada korisnik odabere videozapis s popisa, web-dio za ugrađivanje prikazuje taj videozapis. Veza u web-dijelu ugrađivanje koristi varijablu da bi predstavljao ID videozapisa odabranog korisnika s popisa.

Primjer ugrađenog web-dijela povezanog s popisom

Da biste to učinili, napravite sljedeće:

  1. Stvorite popis koji sadrži stupac naslova i stupac za svoje ID-ove videozapisa (kao u gornjem primjeru). ID je dio veze na YouTubeu koja identificira videozapis, a nalazi se nakon dijela veze "v =". Primjerice, na sljedećoj je vezi u kurzivom dio ID videozapisa:

    https://www.youtube.com/watch?v =0Yepy7hrf60

  2. Na stranici Dodajte web-dio popisa i odaberite popis s ID-ovima videozapisa.

  3. Dodavanje web-dijelaza ugrađivanje.

  4. Kliknite Uređivanje web-dijela_ z0z_ na lijevoj strani web-dijela ugrađivanja.

  5. Kliknite Trotočje (...) u gornjem desnom kutu okna svojstva, a zatim kliknite Poveži se s izvorom.

    Gumb Poveži s izvorom
  6. U odjeljku Povezivanje s izvoromodaberite popis s padajućeg izbornika.

  7. U odjeljku Adresa web-mjesta ili ugradi koddodajte vezu na YouTube. Umjesto korištenja pojedinačnog ID-a videozapisa, koristite naziv stupca popisa koji sadrži ID-ove kao varijablu. Varijablu je označena otvorom zagrada, $ i zatvaranjem zagrada nakon naziva. Evo primjera, gdje je ID naziva stupac:

    Okno svojstva web-dijela ugrađivanje prikazuje povezani popis

  8. Pri vrhu stranice kliknite Spremi kao skicu .

  9. Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Videozapis koji se prikazuje u web-dijelu ugrađivanja potražite u članku.

  10. Kada budete spremni za publiku da vam se prikaže stranica, kliknite Objavi u gornjem desnom kutu stranice.

Prikaz odabrane slike

U ovom primjeru web-dio popisa sadrži naslove slika i URL-ove za slike pohranjene na web-mjestu sustava SharePoint. Kada korisnik odabere sliku s popisa, web-dio za ugrađivanje prikazuje tu sliku. U ovom se primjeru kod programa IFrame koristi kod ugrađenog web-dijela, a varijablu predstavlja vezu slike.

Primjer ugrađenog web-dijela povezanog s popisom slika

Da biste to učinili, napravite sljedeće:

  1. Stvorite popis koji sadrži stupac naslova i stupac za URL-ove slike.

    Savjet: Da biste dobili URL za sliku, otvorite biblioteku u kojoj je slika spremljena, desnom tipkom miša kliknite sliku, a zatim kliknite Kopiraj vezu. Zatim kliknite Kopiraj. Sada možete zalijepiti vezu na popis.

  2. Na stranici Dodajte web-dio popisa i odaberite popis s URL-ovima slike.

  3. Dodavanje web-dijelaza ugrađivanje.

  4. Kliknite Uređivanje web-dijela_ z0z_ na lijevoj strani web-dijela ugrađivanja.

  5. Kliknite Trotočje (...) u gornjem desnom kutu okna svojstva, a zatim kliknite Poveži se s izvorom.

    Gumb Poveži s izvorom
  6. U odjeljku Povezivanje s izvoromodaberite popis s padajućeg izbornika.

  7. U odjeljku Adresa web-mjesta ili ugradi kodDodajte svoj kod za ugradnju. U ovom primjeru kod za ugradnju je:

    _ Lt_iframe width = ", 693" height = "390" src = "[$Image URL]" frameborder = "0" allowfullscreen = "" Dopusti = "Akcelerometar; AutoPlay šifrirani mediji; žiroskop slika-u-slici "_ Gt_ Lt_/iframe>

    Gdje je [$Image URL] varijabli koja predstavlja naziv stupca za URL-ove slike.

    Primjer ugrađenog koda za odabranu sliku
  8. Pri vrhu stranice kliknite Spremi kao skicu .

  9. Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Trebali biste vidjeti sliku prikazanu u web-dijelu ugrađivanja.

  10. Kada budete spremni za publiku da vam se prikaže stranica, kliknite Objavi u gornjem desnom kutu stranice.

Prikaz odabranog mjesta

U ovom primjeru web-dio popisa sadrži lokacije i njihove koordinate. Kada korisnik odabere mjesto s popisa, web-dio ugrađivanja prikazuje to mjesto na karti programa Bing. U ovom se primjeru kod programa IFrame koristi u web-dijelu ugradi, a varijable predstavljaju koordinate.

Primjer povezanog web-dijela ugrađivanja na kojem se prikazuje mjesto s popisa

Da biste to učinili, napravite sljedeće:

  1. Stvorite popis koji sadrži stupac naslova i stupce za dužinu i širinu.

  2. Na stranici Dodajte web-dio popisa i odaberite popis s podacima o lokaciji.

  3. Dodavanje web-dijelaza ugrađivanje.

  4. Kliknite Uređivanje web-dijela_ z0z_ na lijevoj strani web-dijela ugrađivanja.

  5. Kliknite Trotočje (...) u gornjem desnom kutu okna svojstva, a zatim kliknite Poveži se s izvorom.

    Gumb Poveži s izvorom
  6. U odjeljku Povezivanje s izvoromodaberite popis s padajućeg izbornika.

  7. U odjeljku Adresa web-mjesta ili ugradi kodDodajte svoj kod za ugradnju. U ovom primjeru kod za ugradnju je:

    _ Lt_iframe width = "500" height = "400" src = "https://www.Bing.com/maps/Embed? h = 400& w = 500& CP = [$Latitude] ~ [$Longitude] _ Amp_amp; lvl = 13& Typ = d& Sty = r& src = SHELL& FORMALAN = MBEDV8 "frameborder =" 0 "pomicanje =" ne "_ Gt_ _ Lt_/iframe>

    Gdje su [$Latitude] i [$Longitude] varijable koje predstavljaju nazive stupaca za svaku od tih bodova.

    Primjer ugrađenog koda za prikaz mjesta
  8. Pri vrhu stranice kliknite Spremi kao skicu .

  9. Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Trebali biste vidjeti mapu Bing koja prikazuje mjesto koje se prikazuje u web-dijelu ugrađivanja.

  10. Kada budete spremni za publiku da vam se prikaže stranica, kliknite Objavi u gornjem desnom kutu stranice.

Napomene: 

  • Kod za ugradnju mora biti baziran na elementu IFRAME (to jest, početak i kraj sa _ Lt_iframe_gt_ oznakama). Kod za ugradnju koji koristi _ Lt_script_gt_ oznake nije podržano.

  • Mogu se ugraditi samo sigurne web-mjesta. Provjerite je li URL web-mjesta počeo s HTTPS-om.

Proširite svoje vještine korištenja sustava Office
Istražite osposobljavanje

Jesu li vam ove informacije bile korisne?

Hvala vam na povratnim informacijama!

Hvala vam na povratnim informacijama! Čini se da bi vam pomoglo kad bismo vas povezali s nekim od naših agenata podrške za Office.

×