---
layout: default
nav: attributes > all
---

<div class="container">

  <div class="row">
    <div class="col-md-12">
      <h2>Intercooler.JS Attribute Reference</h2>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">

      <table class="table table-striped table-hover">
        <thead>
          <tr>
            <th style="width:120px">Attribute</th>
            <th>Description</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td style="min-width:180px"><a href="/attributes/ic-src.html">ic-src</a></td>
            <td>This attribute allows you to bind an element to a given URL. Once it is bound, when a change occurs that
              Intercooler recognizes as affecting the URL (or given an event such as a poll), Intercooler will issue
              a <code>GET</code> to the URL and replace the element with the new content, if it is different.
            </td>
          </tr>
          <tr>
            <td><a href="/attributes/ic-style-src.html">ic-style-src</a></td>
            <td>Like <code>ic-src</code>, this attribute allows you bind to a URL. However, this attribute binds a
              <strong>style</strong> attribute to a URL. The syntax is "<em>style-attribute</em>:<em>url</em>". For
              example,
              to bind the color of an element to "/color/random", you would say
              <code>ic-style-src="color:/color/random"</code></td>
          </tr>
          <tr>
            <td><a href="/attributes/ic-attr-src.html">ic-attr-src</a></td>
            <td>Like <code>ic-style-src</code>, this attribute allows you bind to a URL. However, this attribute binds
              an <strong>attribute value</strong> to a URL. The syntax is "<em>attribute</em>:<em>url</em>". For
              example,
              to bind the style of an element to "/style/random", you would say
              <code>ic-attr-src="style:/style/random"</code></td>
          </tr>
          <tr>
            <td><a href="/attributes/ic-prepend-from.html">ic-prepend-from</a></td>
            <td>When triggered this attribute will issue a <code>GET</code> and prepend all content returned to the
            children of the element it is on.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-append-from.html">ic-append-from</a></td>
            <td>When triggered this attribute will issue a <code>GET</code> and append all content returned to the
            children of the element it is on.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-limit-children.html">ic-limit-children</a></td>
            <td>Limits the number of children that an element is allowed to have after an <code>ic-prepend-from</code> or
            <code>ic-append-from</code> fires.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-get-from.html">ic-get-from</a></td>
            <td>This attribute allows you to bind the "action" of an element to a given URL. Once it is bound, when an
              "action" occurs (e.g. clicking a button) Intercooler will issue
              a <code>GET</code> to the URL and replace the element with the new content, if it is different.
              Intercooler will detect any other elements that the <code>GET</code> effects and automatically refresh them.
            </td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-post-to.html">ic-post-to</a></td>
            <td>This attribute allows you to bind the "action" of an element to a given URL. Once it is bound, when an
              "action" occurs (e.g. clicking a button) Intercooler will issue
              a <code>POST</code> to the URL and replace the element with the new content, if it is different.
              Intercooler will detect any other elements that the <code>POST</code> effects and automatically refresh them.
            </td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-put-to.html">ic-put-to</a></td>
            <td>This attribute allows you to bind the "action" of an element to a given URL. Once it is bound, when an
              "action" occurs (e.g. clicking a button) Intercooler will issue
              a <code>PUT</code> to the URL and replace the element with the new content, if it is different.
              Intercooler will detect any other elements that the <code>PUT</code> effects and automatically refresh them.
            </td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-delete-from.html">ic-delete-from</a></td>
            <td>This attribute allows you to bind the "action" of an element to a given URL. Once it is bound, when an
              "action" occurs (e.g. clicking a button) Intercooler will issue
              a <code>DELETE</code> to the URL and replace the element with the new content, if it is different.
              Intercooler will detect any other elements that the <code>DELETE</code> effects and automatically refresh them.
            </td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-confirm.html">ic-confirm</a></td>
            <td>This attribute can be used to confirm an action with a user before proceeding.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-target.html">ic-target</a></td>
            <td>This attribute is often used with an action attribute (e.g. <code>ic-post-to</code>) in order to target
            the content of another element for replacement.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-replace-target.html">ic-replace-target</a></td>
            <td>If this attribute is set to "true", the target element of the intercooler request will be replaced
            entirely with the server response, rather than replacing the inner HTML of the element.  This is useful
            in cases where you cannot wrap an element around a potential target easily, like table rows.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-include.html">ic-include</a></td>
            <td>A selector attribute that can be used to include additional input with an action request (e.g. can be
              used to include a form with an unrelated button.)</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-transition.html">ic-transition</a></td>
            <td>Controls the transition used when replacing an element.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-indicator.html">ic-indicator</a></td>
            <td>This attribute can be used to show a progress indicator while an Intercooler AJAX request is in flight.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-poll.html">ic-poll</a></td>
            <td>This attribute tells Intercooler to poll the source URL for the element it is on in a given interval,
              expressed as milliseconds or seconds.  (e.g. '500ms' or '2s')</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-poll-repeats.html">ic-poll-repeats</a></td>
            <td>This attribute limit the number of polling calls  (e.g. '5')</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-trigger-on.html">ic-trigger-on</a></td>
            <td>This attributes changes the event on which the element is loaded via <code>ic-src</code>.  It can be
            used to implement lazy loading of images or charts, infinite scrolling, etc.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-trigger-delay.html">ic-trigger-delay</a></td>
            <td>This attributes delays the execution of a trigger and, if the trigger occurs again within the
              given interval, cancels the original trigger in favor of the new one, which will begin waiting
              for the interval again.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-success-on.html">ic-success-on</a></td>
            <td>This attributes allows the execution of js code via <code>ic-success-on</code> content after the execution of the action request.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-deps.html">ic-deps</a></td>
            <td>This attribute allows you to express additional path dependencies for a given element, beyond the
              <a href="dependencies.html#implied">implied ones</a>.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-verb.html">ic-verb</a></td>
            <td>This attribute allows you to override the HTTP verb to use in a request.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-always-update.html">ic-always-update</a></td>
            <td>By setting this value to "false", intercooler will not update an element if the server responds with
              the same content that the element already has.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-on-beforeSend.html">ic-on-beforeSend</a></td>
            <td>This attribute allows a script to be evaluated during the beforeSend stage of AJAX requests
              made on behalf of Intercooler.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-on-success.html">ic-on-success</a></td>
            <td>This attribute allows a script to be evaluated after successful AJAX requests
              made on behalf of Intercooler.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-on-error.html">ic-on-error</a></td>
            <td>This attribute allows a script to be evaluated after unsuccessful AJAX requests
              made on behalf of Intercooler.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-on-complete.html">ic-on-complete</a></td>
            <td>This attribute allows a script to be evaluated after any AJAX requests
              made on behalf of Intercooler.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-push-url.html">ic-push-url</a></td>
            <td>This attribute tells Intercooler to update the current location with the target URL of the element
            after a successful AJAX request, with history support.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-select-from-response.html">ic-select-from-response</a></td>
            <td>This attribute tells Intercooler to filter the servers response to content matching the
              given CSS selector.  This can be useful for making a full HTML response act like a partial responses.</td>
          </tr>

          <tr>
            <td><a href="/attributes/ic-remove-after.html">ic-remove-after</a></td>
            <td>This attribute tells Intercooler to remove the element it is on after the given amount of time has elapsed.</td>
          </tr>

        </tbody>
      </table>


    </div>
  </div>

</div>