Ajax Tutorial » dollar http://tutorialajax.com Prototype, jQuery and another Ajax tutorials Tue, 11 Nov 2008 14:24:46 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 The Prototype-CSS $$() function http://tutorialajax.com/the-prototype-css-function.html http://tutorialajax.com/the-prototype-css-function.html#comments Sat, 26 Jul 2008 19:35:37 +0000 Admin http://localhost/ajax-framework/?p=8
  • The Prototype $() function
  • The Form $F() function
    • ]]>     The dollar dollar function is Prototype’s CSS Selector Engine. The ‘$$()’ function returns all css match elements. It was used quite same as the CSS selector. For example, to get all tags with the class “myclass”, we use the following:

    $$(".myclass")

    This function will return the array of elements match the selector string. And We can make the returned elements bold like this:

    $$(".myclass").invoke('setStyle', { fontWeight: bold; })

    Easy as pie…

    Related posts:

    1. The Prototype $() function
    2. The Form $F() function

    ]]>     http://tutorialajax.com/the-prototype-css-function.html/feed 0     The Prototype $() function http://tutorialajax.com/the-prototype-function.html http://tutorialajax.com/the-prototype-function.html#comments Sun, 20 Jul 2008 19:23:58 +0000 Admin http://localhost/ajax-framework/?p=7
  • The Prototype-CSS $$() function
  • Font Zoomer JavaScript
  • Using Prototype
    • ]]>     The dollar function is one of the Prototype Utility Function. $() is the most frequently used prototype’s function. basically it was used to refer an element in the HTML page. The function is quickly shorthand for getElementById.

    The usual function identifying an element is:
    document.getElementById("element_id")

    The $() function reduces the code to:
    $("element_id")

    For example, you can set the CSS text color with this code:
    $("element_id").style.color = "#ffffff";

    Or, the “Prototype way”:
    $("id_of_element").setStyle({color: '#ffffff'});

    Related posts:

    1. The Prototype-CSS $$() function
    2. Font Zoomer JavaScript
    3. Using Prototype

    ]]>     http://tutorialajax.com/the-prototype-function.html/feed 0