You are here

Home » API reference » Ajaxify Drupal with JQuery Ajax 6

README.txt in Ajaxify Drupal with JQuery Ajax 6

Same filename and directory in other branches
  1. 8 README.txt
  2. 7 README.txt
Before you start (Important) :
--------------------------------------------------------------------------------

Open the page.tpl.php file for your theme, and search for 
$content.The $content should be surrounded by a div with an class 
(or id).If no div add the div yourself.

Example : <div class="#content"><?php print $content; ?></div>
In above case, enter "#content" in module config page.

How to use Ajax links API
--------------------------------------------------------------------------------

METHOD 1 : In module config page, specify the Classes/Ids to trigger Ajax. 
Target DIV will be default CSS selector defined, you can change default CSS 
Selector from module config page.

Example : 
<div class="tabs"><a href="node/add/page">Add page</a></div> . You can ajaxify 
this link by adding .tabs a in module config page.



METHOD 2 : in your tpl , <?php l_ajax($title, $path, $target) ?>

* $title: Title.
* $path : Drupal path.
* $target (optional): ID/CLASS of DIV to be replaced. This will override 
Default CSS Selector defined in module config page.

Example :
<?php l_ajax("add page", "node/add/page", "#content") ?>



METHOD 3 : Add class="ajax-link" to any link. Target div will be default CSS 
selector defined . You can change default CSS Selector from module config page 
or override target by specifying rel="".

Example : 
<a class="ajax-link" href="node/add/page" rel="#content">Add page</a>


Developer Notes
--------------------------------------------------------------------------------
Override tpl : 
Developer can add/remove any variables by copying page-ajax.tpl.php to their 
theme. All variables available to page.tpl.php can be used. 
In case you want to override page-ajax.tpl.php, for eg: for path /node/add, you 
can create page-node-add-ajax.tpl.php.

Upgrade : 
You can upgrade/degrade module anytime by simply overwriting whole folder.


DEMO
--------------------------------------------------------------------------------
Goto YOUR_SITE/ajax-links-api/test

File

README.txt
View source 
  1. Before you start (Important) :

  2. --------------------------------------------------------------------------------

  3. 

  4. Open the page.tpl.php file for your theme, and search for 

  5. $content.The $content should be surrounded by a div with an class 

  6. (or id).If no div add the div yourself.

  7. 

  8. Example : 
    

  9. In above case, enter "#content" in module config page.

  10. 

  11. How to use Ajax links API

  12. --------------------------------------------------------------------------------

  13. 

  14. METHOD 1 : In module config page, specify the Classes/Ids to trigger Ajax. 

  15. Target DIV will be default CSS selector defined, you can change default CSS 

  16. Selector from module config page.

  17. 

  18. Example : 

  19. Add page
     . You can ajaxify 

  20. this link by adding .tabs a in module config page.

  21. 

  22. 

  23. 

  24. METHOD 2 : in your tpl , 

  25. 

  26. * $title: Title.

  27. * $path : Drupal path.

  28. * $target (optional): ID/CLASS of DIV to be replaced. This will override 

  29. Default CSS Selector defined in module config page.

  30. 

  31. Example :

  32. 

  33. 

  34. 

  35. 

  36. METHOD 3 : Add class="ajax-link" to any link. Target div will be default CSS 

  37. selector defined . You can change default CSS Selector from module config page 

  38. or override target by specifying rel="".

  39. 

  40. Example : 

  41. Add page

  42. 

  43. 

  44. Developer Notes

  45. --------------------------------------------------------------------------------

  46. Override tpl : 

  47. Developer can add/remove any variables by copying page-ajax.tpl.php to their 

  48. theme. All variables available to page.tpl.php can be used. 

  49. In case you want to override page-ajax.tpl.php, for eg: for path /node/add, you 

  50. can create page-node-add-ajax.tpl.php.

  51. 

  52. Upgrade : 

  53. You can upgrade/degrade module anytime by simply overwriting whole folder.

  54. 

  55. 

  56. DEMO

  57. --------------------------------------------------------------------------------

  58. Goto YOUR_SITE/ajax-links-api/test

  59.