Producing variable value with JS?

yankleber · March 19th, 2015, 02:38 PM

I am trying to get screen_width with JS and store it into a variable but get no success. My attempt:

PHP Code:


			
<xsl:variable name="screen_width">

   <script type="text/javascript">return (screen.width);</script>

</xsl:variable>

When I get the variable value instead of print out say "1280" (an example of a screen width) it is printing "return (screen.width);"

Could someone please point me what is my mistake?

Thanks!

samjudson · March 20th, 2015, 07:47 AM

I am assuming you are trying to transform some XML, using XSLT, in the browser?

What you are trying to do (the way you are trying to do it) is not possible. You would need to write an extension function, which I don't think many XSLT processors in browser support.

What you will have to do is to write some JavaScript that manipulates the result AFTER XSLT has rendered to HTML.

yankleber · March 20th, 2015, 08:28 AM

Sam, yes, it is a XML.CONFIG script that I will need to detect the client viewport width.

So, are you saying that there is not a straight forward way to exchange data between XML and JS?

samjudson · March 20th, 2015, 10:58 AM

I don't know what an XML.CONFIG file is I'm afraid, or what you'd use one for.

Saxon has a version of their XSLT processor called Saxon-CE which is an in browser XSLT processor with cross browser support, and you can call out to JavaScript functions. Other than that, unless you are only targetting IE and can write msxml extension functions then no, I don't think you can do what you are after.

yankleber · March 20th, 2015, 11:00 AM

Well, anyway, I figured it out on a way that I did NOT to do but it worked.

Since I wanted to make the main elements of the page to stretch depending on the cliente viewpart width, of course it would be too much more simple to pick the value just once and carry it into a variable. Instead I had to do something like this for EACH stretchable element on page:

<script type="text/javascript">document.getElementById('element-id-name').style.width = (screen.width-20) + "px";</script>

Unless by the fact that I had to repeat the code along the page almost 20 times it worked perfectly.

yankleber · March 20th, 2015, 11:08 AM

Quote:

Originally Posted by samjudson

I don't know what an XML.CONFIG file is I'm afraid, or what you'd use one for.

Saxon has a version of their XSLT processor called Saxon-CE which is an in browser XSLT processor with cross browser support, and you can call out to JavaScript functions. Other than that, unless you are only targetting IE and can write msxml extension functions then no, I don't think you can do what you are after.

I think that 'XML.CONFIG' is a proprietary filename. Other than that it is nothing else than a XSLT script.

Anyway, I am not targeting IE in any manner... I only do stuff for other browsers and if it works at IE that's a very good luck for whose still use that M$ crap! LoL!

Good news is that I figured out how to do what I wanted (see post above). It is a bit more handwork but at the end of the day it will do what I need. More concerned here on produce results than find an elegant solution, I shamelessly confess!

Thanks for all your support Sam!