LinuxQuestions.org
Support LQ: Use code LQ3 and save $3 on Domain Registration
Go Back   LinuxQuestions.org > Forums > Non-*NIX Forums > Programming
User Name
Password
Programming This forum is for all programming questions.
The question does not have to be directly related to Linux and any language is fair game.

Notices



Reply
 
Search this Thread
Old 01-29-2008, 05:37 AM   #1
mohtasham1983
Member
 
Registered: Apr 2005
Location: San Jose
Distribution: Fedora 3,4- Ubuntu 6.06 to 8.10, Gentoo and Arch
Posts: 408

Rep: Reputation: 30
calling external javascript function in xslt doesn't work in IE


I made a thread that onclick event doesn't work in IE and Opera while it works in FF 5 days ago and didn't find my answer. In that post I thought there was a problem with the document type, the tabview feature of YUI and finally just know I realized that if call an external javascript function on onclick event of anchor element it won't work.

For example the following code works in Opera, firefox and probably Internet Explorer(I haven't checked it in IE yet):

PHP Code:
<a>
<
xsl:attribute name="id">                                <xsl:value-of select="news_id"/>    
</
xsl:attribute>
<
xsl:attribute name="onclick">
        <
script type="text/javascript" src="functions.js">
            
sayhi(); 
        function 
sayhi() {
            
alert("hi");
            return 
false;
        }
    
</script>
</xsl:attribute>
DO IT
</a> 
While the following example does work in FF, but not in IE and Opera.

PHP Code:
<a>
<
xsl:attribute name="id">                                <xsl:value-of select="news_id"/>    
</
xsl:attribute>
<
xsl:attribute name="onclick">
        <
script type="text/javascript" src="functions.js">
            
sayhi(); 
    
</script>
</xsl:attribute>
DO IT
</a> 
Of course sayhi() function is located at the right place, since FF can find it.

As you can see sayhi() is just an example and doesn't have anything in it. My real javascript function needs to call another functions, so I don't really like the idea of defining all functions inside my xslt file. Moreover, some functions should be called by different element in different pages, so It's very unpleasant to have my code duplicated.

I'm very happy that I finally found where my problem was so I can ask some of XSLT experts give me necessary directions.

Thanks in advance.
 
Old 02-01-2008, 04:27 AM   #2
delirio
LQ Newbie
 
Registered: Jan 2008
Location: London
Distribution: RH 8.0, Fedora 4.0, SuSe 9.1
Posts: 2

Rep: Reputation: 0
Thumbs up

Hi mohtasham1983,

You are making a fundamental mistake when you expect an element (i.e. script) to be the content of an attribute. This just isn't possible to achieve with any markup, nevermind HTML.

If what you're trying to achieve is inline Javascript as the value of the onclick attribute, then you just output whatever javacript syntax you expect to be executed like onclick="myFuction()".

Usually you'd add the script element in the head of the HTML document, and keep all the complex Javascript syntax inside a separete file, then you'd just call one function that can execute all the javacript code you need executed by that event.

Code:
<html>
 <head>
  <script type="text/javascript" src="functions.js"><!-- --></script>
 </head>
 <body>
  <a id="[some id]" onclick="sayhi()">DO IT<a/>
 </body>
<html>
the XSL should ve something along these lines:

Code:
<html>
 <head>
  <script type="text/javascript" src="functions.js">
   <xsl:comment> </xsl:comment>
  </script>
 </head>
 <body>
  <a id="{news_id}" onclick="sayhi()">DO IT<a/>
 </body>
<html>
the content of functions.js should have:
Code:
function sayhi() {
 alert("hi");
 return true;
}
Please try your code in a static HTML file before implementing it in XSL so you can clearely diferentiate bugs in HTML/JavaScript and in XSL syntax separately.

Regards
 
Old 02-01-2008, 05:11 AM   #3
mohtasham1983
Member
 
Registered: Apr 2005
Location: San Jose
Distribution: Fedora 3,4- Ubuntu 6.06 to 8.10, Gentoo and Arch
Posts: 408

Original Poster
Rep: Reputation: 30
Thank you very much. I really appreciate your help. You sound very experienced man.

I had like 400 lines of javascript code in my file. As you told I tried to do the same thing in a simple html page and it didn't work either. So I realized that there's nothing wrong with xslt, either. I have been using Opera for a week so I didn't know that it has an error console like firefox, so I looked at the error console in it, and it told me that there were some minor errors in my javascript file. I fixed those errors and everything worked pretty well in Opera. I guess it should be working in IE as well. I will try it tomorrow on IE to see how it works in IE.

I think this time other than mine it was Firefox fault as well. It should be more strict on syntaxes.
 
Old 03-24-2009, 06:43 AM   #4
Alberto Lozano
LQ Newbie
 
Registered: Mar 2009
Posts: 1

Rep: Reputation: 0
Quote:
Originally Posted by delirio View Post
Hi mohtasham1983,

You are making a fundamental mistake when you expect an element (i.e. script) to be the content of an attribute. This just isn't possible to achieve with any markup, nevermind HTML.

If what you're trying to achieve is inline Javascript as the value of the onclick attribute, then you just output whatever javacript syntax you expect to be executed like onclick="myFuction()".

Usually you'd add the script element in the head of the HTML document, and keep all the complex Javascript syntax inside a separete file, then you'd just call one function that can execute all the javacript code you need executed by that event.

Code:
<html>
 <head>
  <script type="text/javascript" src="functions.js"><!-- --></script>
 </head>
 <body>
  <a id="[some id]" onclick="sayhi()">DO IT<a/>
 </body>
<html>
the XSL should ve something along these lines:

Code:
<html>
 <head>
  <script type="text/javascript" src="functions.js">
   <xsl:comment> </xsl:comment>
  </script>
 </head>
 <body>
  <a id="{news_id}" onclick="sayhi()">DO IT<a/>
 </body>
<html>
the content of functions.js should have:
Code:
function sayhi() {
 alert("hi");
 return true;
}
Please try your code in a static HTML file before implementing it in XSL so you can clearely diferentiate bugs in HTML/JavaScript and in XSL syntax separately.

Regards
Hi delirio,

Following our instructions, i have achieved a piece of code in xsl (with javascript calls) that it works in IE and Opera but it doesn´t in FireFox. To be more specific I paste thhe piece of code in xsl:

<HEAD>
...
<SCRIPT type="text/javascript" src="funcionesScripts.js"></SCRIPT>
</HEAD>
<BODY onLoad="estilo();escribir(3);barra(2)">
...<xsl:apply-templates /> ...
<A id="imprime"onclick="crearVersionImprimible('imprimible','Formación',window.parent.frames[0].document.getElementById('css').href)"><IMG src='img/print.gif'>Versión para imprimir</A>
</BODY>

Would you have another advice for me?
Thank you in advance.
Alberto
 
Old 05-15-2009, 01:26 PM   #5
darence
LQ Newbie
 
Registered: May 2009
Posts: 2

Rep: Reputation: 0
Please tell me how to call a javascript function which argument is xsl:value-of ? I need a functioin which can alert a XML value using javascript, but I dont know how to use xsl:value-of as argument ? I have a problem with < character

Thank you very much
 
Old 05-15-2009, 01:53 PM   #6
mohtasham1983
Member
 
Registered: Apr 2005
Location: San Jose
Distribution: Fedora 3,4- Ubuntu 6.06 to 8.10, Gentoo and Arch
Posts: 408

Original Poster
Rep: Reputation: 30
I'm not quite sure how to use value-of directly inside your javascript function. However, I use the following trick to get it done:


First assign the value of your XML data to a variable like this:
PHP Code:
<xsl:variable name="var_name"><xsl:value-of select="xml_node"/></xsl:variable
Then pass the value of your variable to Javascript function like this:

PHP Code:
onClick="jsFunction({$var_name});" 
I stopped using XSL as the templating language for my web development, because of its complexity. That's why, I haven't worked with it for a while and I'm not quite sure if the above solution will solve your problem.
 
Old 05-15-2009, 03:25 PM   #7
darence
LQ Newbie
 
Registered: May 2009
Posts: 2

Rep: Reputation: 0
Thank you very much, this works as fine as I want. Thank you again. I lost a few hours trying to resolve the problem, but without efect
btw, me dont like xslt, too, but I must learn it because of exam at my university. The main problem is that my teacher did not explained xslt detailed, but he told us that we must know these things.

Thank you again, the best wishes
 
  


Reply

Tags
ff, firefox, html, ie, javascript, opera


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
calling a function from within another function in php jayakrishnan Programming 2 06-19-2007 09:36 AM
calling a function within a task manas_sem Programming 1 02-23-2007 04:51 PM
Question for calling function harrylee2003 Programming 3 08-06-2006 08:04 AM
calling a function from a pointer spx2 Programming 3 05-25-2006 05:52 PM
Calling another function from a function using GTK geminigal Programming 4 07-11-2005 04:15 PM


All times are GMT -5. The time now is 09:50 PM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
identi.ca: @linuxquestions
Facebook: linuxquestions Google+: linuxquestions
Open Source Consulting | Domain Registration