Passing a JavaScript variable as the src of an EMBED

[polymorphic]

I am no longer good at Javascript and need help. I'm trying to embed pdf files in html then build some sort of navigation between the pdfs via the pdf numbered file name.

I can generate the javascript functions to extract and manipulate strings, ints, etc but can't seem to deal with the variables I produce.

For instance, if current embedded pdf filename is "1.pdf" and button "Next" is clicked then embed "2.pdf". I cannot seem to get the logic for generating the variable to change the pdf filename. I suppose that I can store a variable in a hidden textbox or an iframe but I do not know how to get the variable back out to insert into the html that will embed the pdf.

Say I have a text box as so:

<INPUT TYPE = "hidden" name = "currentPage" value = variableA ID="Hidden1">

how do I populate and get variableA out and put it into my embed tag:

<embed> src = "variableA" </embed>

[Please use CODE tags when posting source code. Thanks! --pbmods]

any help is appreciated.

cj

[pbmods]

Changed thread title to better describe the problem.

[acoder]

Get the value of the hidden field by using, e.g.

var variableA = document.getElementById("Hidden1").value;

Give the embed tag an id and set the src property using

document.getElementById(embedID).src = variableA;