Value from the text field to the variable (html5)

ovo · **Posted:** February 9th, 2014, 7:27 pm

Hi, I have a text field with module version e.g. "1.0" on the Master page (text entered to the field "ModuleVersionTxt" when making changes in OpusPro). After exporting to HTML I'd like to read this value from the text field to the variable "var_module_id".
I know, I can store my value "1.0" as an initial value for a variable but it is easy to forget to change it before publishing.

Cheers,
Ota

mackavi · **Posted:** February 12th, 2014, 6:23 pm

I think if you look at the HTML code, you'll see why this isn't practical.

But as an alternative, you could create a text box and call the box object something like version-1.x. Then using an onShow trigger and the following code:

Code:

ModuleVersionTxt = this.GetName()

The above would also work with a constant expression for on screen display.

Mack
https://twitter.com/imsmackavi

ovo · **Posted:** February 12th, 2014, 10:47 pm

It is a nice trick with this.GetName().

I went through the code and I think it should not be a problem to get a text once you know the object ID. I wrote a javascript script which determines if a text field is static or dynamic and then it returns a content. But it works only On Click action. If I use On Show action instead it does not see the method because my external script is not loaded yet (I use external .js because I use .replace(/^\s\s*/, '') for replacing white spaces in the text and this line is not exported from Opus.

Here is a simple version of the script which works On Show (text field must be dynamic) and can be placed in the Script on the object.

Code:

var objId = document.getElementById(this.m_elementId);
var objSpan = objId.getElementsByTagName("span")[0];
objTxt = objSpan.innerHTML;
var_module_version = objTxt;

Thank you for your help.
Ota

mackavi · **Posted:** February 13th, 2014, 10:09 am

Nice trick with the dynamic text switch

I think with an understanding like yours, you'd be better posting in the advanced or Evo section as the basic section assumes simpler non-scripted solutions rather than somebody whose already dabbling in the black arts :mrgreen:

Mack

ovo · **Posted:** February 13th, 2014, 11:00 am

I was hoping for simple solution :-o

.
PS: should I (re)move it?

mackavi · **Posted:** February 13th, 2014, 11:20 am

No. I'd leave it. Great heights and giant's shoulders being good for learning :-)

Do you understand OOP and what .this is?

Mack

ovo · **Posted:** February 13th, 2014, 3:08 pm

I used to develop in Flash and Flex using AS3. Now I work mostly with ASP.NET, HTML and javascript/jQuery. But I'm not the expert. Is it the answer to your question?

After reading your tweet about .this I started to understand it a bit more. btw development mode in Chrome is a great source of information :-)

.

Ota

mackavi · **Posted:** February 13th, 2014, 4:52 pm

I was going post a tip about learning more about the methods for the different objects - but you gave me an idea - I tweeted it instead!

Mack
https://twitter.com/imsmackavi

ovo · **Posted:** February 14th, 2014, 9:25 am

Chrome and console.log rulez :-D

. Now I understand what is the sequence of loading objects. Adding one more page for script initialization and scripts are working even On Show actions.
Short tweet but big progress for me.

Thanks.

Ota

PS: I'd still prefer to have a possibility for adding external .js (.css) via Opus menu rather than a script

mackavi · **Posted:** February 14th, 2014, 2:18 pm

PS: I'd still prefer to have a possibility for adding external .js (.css) via Opus menu rather than a script++

Mack

Digital Workshop

Value from the text field to the variable (html5)

Who is online