Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
javascript in a template HTML
#1
Hello in my application, i  am using a template file to with th IWTemplateProcessorHTML1 component. 
In this template i have a little Javascript to know the type of device ( iphone, PC ....etc)
when i open th Html file inChrom ,it is ok the test is ok and my variables are appaering in Chrome.

But in my application nothin , the application is launching but nothing ara display en the screen.

We can't make java script in a template.

So, if it is my problem,  how can i do to make javascript in my program, where , and how can i retrieve the result of the javascript in a delphi variable 


this is my template
<html>
  <head>
    <title></title>
  </head>

  <body>
  <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
if( navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)
){
document.write(' <div align="center">');
document.write('   Vente à distance<br/>');
document.write('Merci de vous loguer <br/>');
document.write('<br/>');
document.write('{%iwlabel1%}  &nbsp;&nbsp;&nbsp;&nbsp;{%user%}&nbsp;<br/>');
document.write('<br/>');
document.write('{%iwlabel2%}&nbsp;{%mdp%}<br/>');
document.write('<br/>');
document.write('{%valider%}&nbsp;<br/>');
 
document.write('<br/>');
document.write('{%iwlabel5%}<br/>');
document.write('{%iwlabel6%}<br/>');
document.write('{%iwlabel4%}&nbsp;&nbsp;{%nmdp1%}<br/>');
document.write('<br/>');
document.write('{%iwlabel3%}&nbsp;{%nmdp2%}<br/>');
document.write('{%changermdp%}&nbsp;<br/>');
document.write('{%iwimage2%}<br/>');
document.write('{%iwimage1%}<br/>');
document.write('{%iwlabel9%}<br/>');
 
 
document.write('</div>');

  }
else {
   
document.write('<div align="center">')
document.write('  IPHONE{%iwlabel7%}<br/>')
    document.write('{%iwlabel8%}<br/>')
document.write('<br/>')
document.write('{%iwlabel1%}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{%user%}&nbsp;<br/>')
document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{%valider%}&nbsp;<br/>')
document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{%iwlabel2%}&nbsp;{%mdp%}&nbsp;&nbsp;{%iwimage4%}<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<br/>')
document.write('<br/>')
document.write('<br/>')
document.write('{%iwlabel5%}<br/>')
document.write('{%iwlabel6%}<br/>')
document.write('<br/>')
document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{%iwlabel4%}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{%nmdp1%}&nbsp;&nbsp;{%iwimage5%}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>')
 
document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{%changermdp%}&nbsp;<br/>')
document.write('&nbsp;&nbsp;{%iwlabel3%}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{%nmdp2%}&nbsp;&nbsp;{%iwimage6%}<br/>')
document.write('{%iwimage2%}<br/>')
document.write('{%iwimage3%}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{%iwimage1%}{%iwimCR%}{%iwLCR%}<br/>')
document.write('{%iwlabel9%}<br/>')
document.write('{%iwlabel10%}<br/>')
document.write('{%iwbutton1%}<br/>')
document.write('<br/>')

document.write('&nbsp;&nbsp;{%chadmin%}&nbsp;&nbsp;{%mdpad%}&nbsp;&nbsp;{%btnad%}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>')

document.write('</div>');

 
}
  </SCRIPT
 
     
 
  </body>
</html>



Thank's
Reply
#2
Templates are processed on the server. You can't write out the template on the client side using JS because the Delphi code does not have access to it.

I suggest you detect the browser on the server and alter which template file the page uses based on that. The template processor system is pluggable as well if you want to clone it to build this functionality into a new template processor.
Reply
#3
Hello I'm sorry I understood the first sentence but the rest below, I did not understand your explanations at all, would you have an example to illustrate, Thank you

"I suggest you detect the browser on the server and change the template file used by the page depending on that. The template processor system is also pluggable if you want to clone it to integrate this functionality into a new processor. model"
Reply
#4
Here are some demos using templates:

https://github.com/Atozed/IntraWeb/tree/...te%20Demos

https://github.com/Atozed/IntraWeb/tree/...s_template
Reply
#5
(01-21-2021, 08:33 AM)bhainak Wrote: Hello I'm sorry I understood the first sentence but the rest below, I did not understand your explanations at all, would you have an example to illustrate, Thank you

"I suggest you detect the browser on the server and change the template file used by the page depending on that. The template processor system is also pluggable if you want to clone it to integrate this functionality into a new processor. model"

The template system is pluggable. We ship source to the template processor. If you wanted, you could easily copy that source and modify it to use different templates based on browser type.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)