Auto refresh a pagelayout.tpl using ajax and javascript

Saturday 12 June 2010 3:03:17 am

To reload the current web page, no need for ajax stuff - google for "window.location reload" or similar keywords. You'll find a simple javascript method that reloads the current page.

If you want to reload the 'pagelayout' but not the content view (ie. the current node), I think you should instead use some ajax calls that load specific bits of information and fill it in the pagelayout, without refreshing it. The code on the server called via ajax could be developed using the ezjscore extension - take a look at how eg. the ezstarrating extension does add an ajax voting function - or maybe even via some custom xml/json templates and an 'xml' view mode of some specific nodes (see extension ggxmlview as an example)

Principal Consultant International Business
Member of the Community Project Board

Saturday 12 June 2010 7:11:50 am

Andre, Gaetano ,

thank you for your reply.Iam thinking to go ahead withGaetano's 2nd statement .You you may give me some better advise if i explain the scenario.

I am developing website in ezflow extension and created dynamic blocks and applied overflow in dynamic blocks .When run the cronejob , overflow of contents in dynamic blocks working.But I cannot see the overflow of contentents without refreshing the webpage.That means contents in dynamic block is not changing till I click on F5(refresh).That is why I am looking for ajax javascript.

Also I choose to apply ajax since page refresh should be run in the background so that site vitors do not see the webpage refresh(refresh will be under background and hidden).Do I need to relay only this or go for extension ezjscore as you Andre, Gaetano suggested. kindly give me some suggestion or advise to go forward.i am looking for it.

Thanks in advance Romeo...

Saturday 12 June 2010 7:56:25 am

Gaetano , I think the second way you suggested is too complicated and make an extra effort. So prefer to go with first thing that you explained although it slower the site.I wouldn't like to apply the ajax for indvidual dynamic blcoks .I will just apply ajax to the mainpagelayout template.

for that i have a code here .but I only need to get a single idea.

I will just show you the code. I will put below code in pagelayout.tpl for webpage refresh. Main idea that I needed is in bold letters

1. // JavaScript Document
2. var xmlHttp_moniter
4. function moniter()
5. {
6. xmlHttp_moniter = GetXmlHttpObject_parcel()
7. if(xmlHttp_moniter == null)
8. {
9. alert("browser does not support HTTP Request")
10. return
11. }
12. var url="I need to put the pagelayout.tpl path here Isince I am applying this ajax into pagelayout.tpl"
13. xmlHttp_moniter.onreadystatechange = stateChanged
14. xmlHttp_moniter.open("GET",url,true)
15. xmlHttp_moniter.send(null)
17. }
19. function stateChanged()
20. {
21. if(xmlHttp_moniter.readyState==4 || xmlHttp_moniter.readyState == "complete")
22. {
23. document.getElementById("moniter").innerHTML = xmlHttp_moniter.responseText
24. setTimeout('moniter()',100);
25. }
26. }
28. function GetXmlHttpObject_parcel()
29. {
30. var xmlHttp_moniter=null;
31. try
32. {
33. xmlHttp_moniter=new XMLHttpRequest();
34. }
35. catch (e)
36. {
37. //Internet Explorer
38. try
39. {
40. xmlHttp_moniter=new ActiveXObject("Msxml2.XMLHTTP");
41. }
42. catch (e)
43. {
44. xmlHttp_moniter=new ActiveXObject("Microsoft.XMLHTTP");
45. }
46. }
47. return xmlHttp_moniter;
48. }

So I can refresh pagelayout.tpl.I think you can help me. thanks in advance

Thursday 17 June 2010 5:26:44 am

Hello,

Very simple to allow .tpl requests in your .htaccess.

Identify in you .htaccess the lines listing filetypes and add "tpl" to it like here :

Cheers

EZP is Great