FullAjax library allows you to update more than one container through the implementation of it with two models of request – one request for one block and one request for multiple blocks. In the plugin Add FullAjax (2011.01.10) this feature is used to update the “Breadcrumbs” module. Of course instead of the “Breadcrumbs” module you can use any other, but only one – this is due to the fact that now I have not thought how to automate the setup process to upgrade several modules. Below a little instruction how to configure the update several modules through Ajax.
The theory. How to it work in FullAjax.
Suppose that we have three blocks, we need to update them simultaneously using Ajax.
1 2 3 | <div id="menu">Here HTML code of the menu</div> <div id="content">Here HTML code of the content</div> <div id="baner_img">Here HTML code of the image</div> |
First need say for FullAjax which the blocks need to update. For this we create model in to FullAjax configuration:
1 2 3 4 5 6 7 8 9 | /* basic configuration */ SRAX.Filter.add({url:'/', id:'content'}); SRAX.directLink(); /* model */ SRAX.Model2Blocks['content'] = { 'menu':'menu', 'content':'content', 'baner_img':'baner_img' } |
To make it work requires that the content that will give us the server was looks like follows:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!-- :ax:menu:begin: //--> HTML code of the menu <!-- :ax:menu:end: //--> Everything between these blocks will be ignored. <!-- :ax:content:begin: //--> HTML code of the content <!-- :ax:content:end: //--> <!-- :ax:baner_img:begin: //--> HTML code of the baner image <!-- :ax:baner_img:end: //--> |
So now we can update a few blocks at a time.
Practice. How to update more than one module with plugin Add FullAjax.
Little Step by Step Instructions :)
1. First need install “fullajax_tmpl” if not installed;
2. Then need set “update modules” to “manually” in plugin configuration;
3. Look positions where is shown modules (look in Module Manager)(Example: position-3, position-1, and user3.);
4. Find this positions in index.php of the template and add unique ID for each.
Example:
1 2 3 4 5 6 7 8 9 10 11 | <div id="id-for-pos-three"> <jdoc:include type="modules" name="position-3" /> </div> ... <div id="id-for-pos-user"> <jdoc:include type="modules" name="user3" /> </div> ... <div id="id-for-pos-one"> <jdoc:include type="modules" name="position-1" /> </div> |
5. Add in to field “Js code, parameters for FullAjax”(advanced configuration) code for model:
1 2 3 4 5 6 7 | /* model */ SRAX.Model2Blocks['forajax'] = { 'id-for-pos-one':'id-for-pos-one', 'id-for-pos-user':'id-for-pos-user', 'id-for-pos-three':'id-for-pos-three', 'forajax':'forajax' } |
forajax – it content ID.
6. Now need edit /templates/fullajax_tmpl/index.php . There need to add missing modules like next:
1 2 3 4 5 6 7 8 9 10 11 | <!-- :ax:id-for-pos-three:begin: //--> <jdoc:include type="modules" name="position-3" /> <!-- :ax:id-for-pos-three:end: //--> <!-- :ax:id-for-pos-user:begin: //--> <jdoc:include type="modules" name="user3" /> <!-- :ax:id-for-pos-user:end: //--> <!-- :ax:id-for-pos-one:begin: //--> <jdoc:include type="modules" name="position-1" /> <!-- :ax:id-for-pos-one:end: //--> |
7. That’s all :)
Два запитання:
1) чи може воно якимось чином оновлювати заголовки (ті що jdoc:include type=”head”)
2) якщо лічильники вставити в секцію forajax, то відвідування якої адреси вони будуть обліковувати – з #ajx чи без?
Дякую.
Дві відповіді :)
1. В плагіні це відбувається автоматично, але оновлюються лише: скрипти, стилі, заголовок.
2. Тут все залежить від самого лічильника, як він перевіряє адресу. В останній версії плагіну(2011.03.08), якщо використовувати Google Analytics, то код лічильника потрібно додавати як звичайно, а в налаштуваннях плагіну встановити “I use Google Analytics” як “Yes” – тоді адреса буде реєструватись включаючи ‘#ajx/mypgae.html’ – інакше – лише те що йде до ‘#’
Заголовок-то оновлюється, а от чи то зі скриптами, чи то зі стилями не все гаразд, бо інші AJAX-компоненти перестають працювати – той же JComments, наприклад. Чи можна їх якось подружити між собою?
Інколи, можливий конфлікт з іншими скриптами (все передбачити не завжди можливо), тому кожен такий випадок потрібно розглядати окремо. Тут вже без базових знань JavaScript не обійтись. Раджу ще переглянути форум бібліотеки FullAjax.
Thanks for making this, it is a revolutionary plugin for joomla.
But I have a problem, suppose we want to use it with one or more module position then it can get and show content there but suppose if the none of the module is present at that position for some of the page, then that place remains occupied by blank space.
Is there any way to put “if else” conditions to solve this issue.
Once this is solved, this plugin will be perfect.
Yes I think about this problem.
But I don’t think whether “if else” is appropriate. I think the best way for fix this is to use some CSS+HTML tricks
Hi there, I was confused with the last step.
You said to go this /templates/fullajax_tmpl/index.php
and type the code, but I can’t find that index.php anywhere.
Help please?
Though I can make the ajaz work but it’s not perfect, the header also included in the content when refreshed so I ended up has 2 header. The first one stay and acts as the main menu,scond one as the content that keep changing according the main menu.
Can you advise me why and how this could happen and how to solve it?
Hi, maybe you forgot install a fullajax_tmpl template? ;-) if you want use this instruction then you need this template. Also you can use a default template .. but it will be little difficult.
and about header, looks like you not added “id” where content displayed (as in the basic instruction)… but also can be something other
Hi, I set the ajax template and I got the respose of the desired 3 modules. But the menu ids and classes are different than original classes and ids. It causes appearance issues.
I’m curious for the solution. Plíz help me.
Thx:
Pali
hi, something strangely, need look on your template
yes, the template I use decorating the module links. I have to reproduce manually its modifications.
And thank you for your help.
Thank you for the plugin. Joomla! desperately needs it.
My loader has no animation, just text. I installed the tpl and edited the js to include a full url reference to a known spinner image. No luck. Any thoughts? Thank you again.
yes, it something with path to a spinner image, maybe you still miss something or it cache ;)
Hi
Thanks a lot for your plugin.
I’m working on an “Artisteer” template and I did it by addind somes to where “component” and “message” are. and it works without removing my modules in same !
but not for modules and positions.
I’m not expert and I cann’t understand how to add my positions to FullAjax configuration.
I know that in Joomla! templates, positions can be called by
"jdoc":but in artisteer templates it looks like:
and depends on other files such as: function.php
also, semi-automatically option dose not works.
can you help me.
with artister it litle bit difficult .. I not got good result when tried test …
but try like:
position('banner2', 'art-nostyle'); if ($view->containsModules('breadcrumbs')) ?> <div id="some-id"> <?php echo artxPost($view->position('breadcrumbs')); ?> </div> <?phpthanks a lot but, No! It did not work.
as you know, artister uses it’s way (code) to find if any module IS in each position or not.
this is all codes for my middle, (content) column:
position('left', 'pmd-block'); ?>
position('banner2', 'pmd-nostyle');
?>
containsModules('breadcrumb'))
echo artxPost($view->position('breadcrumb'));
?>
positions(array('user1' => 50, 'user2' => 50), 'pmd-article');
echo $view->position('banner3', 'pmd-nostyle');
?>
hasMessages())
echo artxPost('');
echo '';
?>
position('banner4', 'pmd-nostyle');
echo $view->positions(array('user4' => 50, 'user5' => 50), 'pmd-article');
echo $view->position('banner5', 'pmd-nostyle');
?>
“forajax” works (only if “enable position update” set to ‘no’ or ‘manual’) but “brcb” not works (any way)!
and your plugin parses Index.php of template for jdocs!
here is the code:
/**
* Parse a document template and find modules position
*
* @return The parsed contents of the template
*/
function _parseTemplate(){
$matches = array();
$tmplFile = file_get_contents(JPATH_THEMES.DS.$this->defTemplate.DS.'index.php');
//if (preg_match_all('##iU', $tmplFile, $matches))
if (preg_match_all('##iU', $tmplFile, $matches)) {
$count = count($matches[1]);
$needPos = array_keys($this->posParams);
for ($i = 0; $i posInTemplate[$i] = array('block'=>$this->posParams[$name],'type'=>$type, 'name' => $name, 'attribs' => $attribs);
}
}
}
if I add codes with trister language to your “fullajax_templ/index.php”, it cann’t work.
it needs function.php and other files in artister template folder!
so semi automatic dose not works.
can you tell me what is the code to add to “fullajax_templ/index.php” in this case?
all DIV and PHP removed! :)
yes, if you want try update a modules in a artister template you need set “enable position update” to ‘manual’ .. and then try configure fullajax_templ/index.php (as in article on this page) with hacking artister template ….
“semi automatic” only for a standart joomla template ;) .. so with a frameworks and etc. it not work…
ah forgot :)
in fullajax_templ/index.php need use standart joomla markup.
if artister have
and if you want update a “banner4″ position then in fullajax_templ/index.php need add:
but before you need add some DIV with ID in a artister template for this position as I wrote before or about