Create AJAX link

In order to create an AJAX link in your site, use the AJAX Link server behavior. It is accessible from three locations:

• The MX AJAX Toolbox tab of the Insert bar (or MX AJAX Toolbox menu item from the Insert menu):
  
  
                                  

• The Application panel, Server Behaviors -> + -> MX AJAX Toolbox -> AJAX Link.

• The AJAX Panels window/floater:
  
  

The AJAX Link server behavior has three tabs.

Configure the first tab (Basic) of the AJAX Link server behavior as shown below:

1. Select the AJAX panel targeted by the link.

2. Select the panel state displayed when the link is accessed.

3. Specify the text section transformed into an AJAX link. If a selection has been previously made in page, it will be displayed in this text box.

4. The three buttons in the top-right part of the interface (visible for all three tabs) offer the next functionalities:

5. • Click OK when you are done configuring the server behavior.

   • Click Cancel to exit without the new settings to be applied.

   • The Help button brings you to this help page.

5. Click the next tab to continue configuring the server behavior.

Configure the second tab (Parameters) of the AJAX Link server behavior as shown below:

1. Specify a value for the current URL parameter.

2. Click the next tab to continue configuring the server behavior.

Configure the third tab (Tooltip) of the AJAX Link server behavior as shown below:

1. Decide if a rich-text tooltip will be displayed when the mouse pointer hovers the link. The tooltip will display the content in a pop-up window that closes when you move the mouse pointer from the link.

2. Select the AJAX panel that includes the state where the tooltip content resides.

3. Select the state which contains the tooltip content.

4. Specify the AJAX tooltip width (in pixels). In browser, 2 extra pixels are added for the left/right borders.

5. Specify the AJAX tooltip height (in pixels). In browser, 2 extra pixels are added for the top/bottom borders.

Note: When clicking an AJAX link in browser, the passed URL parameter (that stores the targeted state) and its value will look similar to this: .../index.php#PanelName__state=StateName:

• PanelName is replaced by the name of the target panel.

• StateName is replaced by the name of the target state.

• Notice the double underscore "__" in the URL parameter name.

• If you store the link in a database table or enter it in a dialog box, use '?', and not '#' (you will only see this symbol in the URL in browser).

Make sure you respect this link structure when you use MX AJAX Toolbox with other InterAKT products (MX CSS Menus, MX Includes, MX Site Search etc.) that involve links that you are transforming into AJAX links.

Related Topics