Using html code from dataset in dynamic pages

Ask the community
,
21

@khadapkarv
Did you tried out my example?

When i open the test-site → nothing is downloading automaticaly.
It is just showing the current choosen PDF-File (located in your DATABASE).

1534×1048 133 KB

You have the option, if you want to download it…
…or first to edit it and than download it…
…or not to download it.

Here the improved CODE…


var DATASET = '#dataset1';

$w.onReady(async()=>{
    $w(DATASET).onReady(async()=>{console.log($w(DATASET).getCurrentItem())
 let pdfDATA = await get_Data(); console.log("DATA: ", pdfDATA)
        $w("#html1").postMessage(pdfDATA);
 });

    $w('#BTNprevious, #BTNnext').onClick(async()=>{
 let pdfDATA = await get_Data(); console.log("DATA: ", pdfDATA)
        $w("#html1").postMessage(pdfDATA);
 });
});

async function get_Data(){
   let length  = await $w(DATASET).getTotalCount(); 
   let pdfURL  = await $w(DATASET).getCurrentItem().pdfUrl; 
   let pdfTITLE= await $w(DATASET).getCurrentItem().title;   
   let tokenID = "ac7e4b6ae93e405d8b03cc5cb95565c4";          
   let divID   = "adobe-dc-view";                              
   let pdfDATA = {
     "pdfURL":   pdfURL,
     "pdfTITLE": pdfTITLE,
     "tokenID":  tokenID,
     "divID":    divID
   }
   return pdfDATA
}
22

@russian-dima
Thank you very much I’ll try this.
And I also checked the reference site it’s working perfectly there. Hope this works for me also

23

@khadapkarv
It works, but there are still one or the other ERROR…


Perhaps someone can solve this little bug.
I do not know why this bug exists.

24

@russian-dima

It finally working :confetti_ball::hugs:

802×732 34.3 KB

I cant thank you enough for all the support. God bless you

Danke sehr!

Ich bin sehr dankbar für Ihre Unterstützung

25

@khadapkarv
No problem :wink: .
Could you eleminate also the last bug?
Do you have bugs when you take a look into —> CONSOLE?

Einen kleinen Tipp habe ich dennoch für Sie.
Benutzen Sie niemals API-KEYS/TOKENS in ihrem Front-End-CODE.
Zwar ist der API-KEY nur auf ihre Webseite registriert und in diesem Fall eventuell sicherheitsbedingt irrelevant, dennoch sollten Sie keine API-KEYs im Front-End oder in HTML-Komponenten benutzen.
Sie haben die Möglichkeit dies über das —> Back-End, oder über den —> “Secrets-Manager” zu steuern.

Another tip!
Even if the shown token will just work on your own site, it is not recommended to show TOKENS/API-KEYS (wether on front-end nor in html-components).
You have the ability to use the —> Back-End or even —> “Secrets-Manager”.

Good luck with your project and happy coding.:wink:

26

BTW: You have the option to choose the best answer in this big post.
Choose the best-answer, which gave you the most insight to this topic.

27

@russian-dima
Yes there is no error in my console. I think the bug could be mostly because the client id, client id is domain specific.

Thank you for the tip I’ll keep this in mind.
Is it possible to connect with you on any professional platform like linkedin?

28

@khadapkarv
Soon i have my own plattform, where you can connect to me :wink:.
At moment you can just e-mail me (see my profile).

29

hello velo ninja Need your help, I have kind of similar problem like vipul khadapkar had, please help me, I have stuked.

30

@dreamworldproducers
Please open your own new post, if not done already.
Describe your issue as detailed as possible.
Send link to your post.