>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #1447164. --> Reported by: [Nick Denry](https://www.drupal.org/user/1822902) >>> <p>Ajax Nodeloader module allow you easy:</p> <ul> <li>Load and display Drupal nodes via AJAX technology</li> <li>Use custom css selectors for display your content (body, title, etc)</li> <li>Support loading any of node fields (D7)</li> <li>Track your AJAXified links with Google Analytics (option)</li> <li>Use advanced navigation based on HTML5 history API or hashtags (back/forward button, share your links) (option)</li> <li>Dynamically change browser title with your node title (option)</li> </ul> <blockquote><p> Examples:</p> <p>1. To load node via AJAX you should add class "nodeloader" to link for node you want to load , i.e.:</p> <p><code>&lt;a href="/hode/1" class="nodeloader"&gt;Test link&lt;/a&gt;</code> for load /node/1.</p> <p>Alias path also supported:</p> <p><code>&lt;a href="/contacts.html" class="nodeloader"&gt;Test link&lt;/a&gt;</code></p> <p>2. Module have patrial support for hashtag navigation, for example link to page<br> <code>http://yoursite.org/#/contacts.html</code></p> <p>will load <code>/contacts.html</code> page instead of main page of "yoursite.org"</p> <p>3. To make your menus load nodes via AJAX you can use module<br> <a href="http://drupal.org/project/menu_attributes">http://drupal.org/project/menu_attributes</a></p> <p>4. Added support for custom display-to targets selectors via rel attribute and JSON. Example:</p> <p><code>&lt;a link="/node/2" class="nodeloader" rel={'title':'#selector1','body':'#selector2'}&gt;This link shows your node #2 title in id="selector1" element, and your node #2 body in id="selector2" element&lt;/a&gt;</code></p> <p>You can point title or node separately from each other, so</p> <pre>&lt;a link="/node/2" class="nodeloader" rel={'title':'#selector1'}&gt;Only title custom target&lt;/a&gt;<br><br>or<br><br>&lt;a link="/node/2" class="nodeloader" rel={'body':'#selector2'}&gt;Only body custom target&lt;/a&gt;</pre><p>also allowed. Custom target string must be single quoted for correct work.</p> <p>5. Enable or disable Google Analytics tracking with Ajax Nodeloader in your admin panel.</p> <p>6. Drupal 7 version now can load and display all node fields instead only body field by default.</p> <p>You can load field to custom selector use the same syntax. For example, if you have custom fields "field_text" and "field_price" you can load them by this way:</p> <pre>&lt;a href="/node/2" class="nodeloader" rel="{'title':'#some-id-selector1','body':'.someclass span','field_text':'#some-id-selector2','field_price':'#selector3'}"&gt;Load title, body and custom fields link&lt;/a&gt;</pre><p>Module will support fields labels soon. </p></blockquote> <p>2. Project page: <a href="http://drupal.org/sandbox/nick-denry/1447152">http://drupal.org/sandbox/nick-denry/1447152</a> and GIT URL: git clone <a href="http://git.drupal.org/sandbox/nick-denry/1447152.git">http://git.drupal.org/sandbox/nick-denry/1447152.git</a> ajax_nodeloader </p>