Help ! PDF.JS: how to insert dynamic value of variable

[updates]

Hello everyone,

I m implementing a simple script to read PDF on the webpage (PDF.JS).

Everything is working well when it is a static address like in the software example:

inside the javascript:

var url = ‘https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf’;

but when I try to import a dynamic value from AppConnect it doesn’t work.

I tried

var url = dmx-parse(‘content.var1.value’) and other kind of things but nothing… in the browser console I got message that parse is undefined

any suggestion please ?

[Teodor]

There is no

dmx-parse('content.var1.value')

the correct syntax is:

dmx.parse("content.var1.value")

[updates]

I read dmx-parse somewhere in the community

Still doesn’t work.

The var1 is declare as following:

then the script where you can find:

var url = dmx.parse(“content.var1.value”);
console.log(url);

if in the url variable I write a static address, it works properly and I see it in the log, instead, if I write dmx.parse

[Teodor]

@updates

then the script where you can find:

var url = dmx.parse(“content.var1.value”);
console.log(url);

When and how exactly are you calling this?

[famousmag]

Maybe it is a timing issue…

When the javascript code is calling the var1, var1 contains no value yet…

Check this and you better make sure that you call the javascript code AFTER all the appconect values you use there has their content (trigger it on a success event or on an update event…)

[updates]

How can I check it ?

[Teodor]

Just explain how and where are you calling/testing your script …

[updates]

the script starts automatically when the page loads

Sorry I cannot remember how to insert the code in the forum

[Teodor]

@updates

Sorry I cannot remember how to insert the code in the forum

How to format code in your posts

Code Formatting When pasting code in your posts, please use the following formatting options, in order to be sure your code is readable and well formatted for the rest of the users. Inline code formatting Surround a section of code with backticks (`) inline code formatting. Typing: `var x = 10;` Results in: var x = 10; This can also be done as var x = 10; inline. Multi-Line Blocks of Code Surrounding code with three backticks ``` will allow for code to span multiple lines Typing: ``` f…

@updates

the script starts automatically when the page loads

When the script runs on page load, it runs before the data is assigned to the variable, so no value is available. You need to run your script, after the dynamic data on the page is available.

[updates]

Thank You very much @Teodor, it worked.
I wrapped all the script in a function called startScript and it start after var1 has a value

and yes, I bookmarked the page to format the code
thank you very much

[Apple]

You’re a Wappler professional now @famousmag, I see in you what I was 2 years ago

[famousmag]

I’m trying my best @Apple… I began about a year ago with basic knowledge of the “WEB thing” by filling gaps day by day WITH THE HELP OF ALL OF YOU guys. Thank you all!
I think that not being afraid to “test things” combined with observation is the key to learn…

In a few days I’m finishing my project and I have 1 task pending!
Start a nodeJS project… I will make a site for my self just for learning and then I will need help from you guys on setting it up on my server ( )

(Sorry @updates for talking about me in your topic)

[Teodor]

We’ve integrated a client-side App Connect PDF Creator component in Wappler 6.3.0
Please check it and let us know what do you think: Using App Connect PDF Creator

Note that more options will be coming to it in the next updates!

[updates]

Thank you very much @Teodor!
Just to understand, are you planning to issue a component to show the PDF on the web page?

[Teodor]

It’s already available to show the PDF on the page, using the Preview dynamic event:

Just add an iframe with some id on the page, and then enter the iframe id in the Preview action.

[updates]

I m speaking about PDF that are stored in S3 bucket.
I would like to show it on ejs page and if possible to have prev and next to change page… is that possible ?

[Teodor]

That’s not related to the extension we released.
If you have any specific question about your files stored in an S# storage, please post a new topic explaining in details what are you trying to achieve.

[updates]

I was supposing. Your component is great.

i already find a solution but having problems with dmx.parse to pass the s3 address to the script

PDF embedded in page / dmx.parse inside a Javascript

OK will try thank you !!!