Ajax Tutorial » hello world 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 Using Prototype http://tutorialajax.com/using-prototype.html http://tutorialajax.com/using-prototype.html#comments Sat, 02 Aug 2008 19:09:25 +0000 Admin http://localhost/ajax-framework/?p=6
  • Prototype
  • The Prototype $() function
  • Start Using jQuery
    • ]]>     To using prototype, first we must download it. It’s only 1 file named ‘prototype.js‘. It is about 120kb, a bit too large for a website. but don’t worry, because the 120kb will do more… ;) besides that, we can compress it using any packer. I won’t describe how to compress the file here. If you wanna compress the file, you can learn it on “Compressing JavaScript”.

    To use the prototype, first refer to the ‘prototype.js’ as shown below
    <script type="text/javascript" src="prototype.js">
    </script>

    Place it at the <head> tags of your html. Actually you can place it anywhere to use prototype, but It always be good to place it on the head because your pages will look cleaner.

    And the main function in prototype is

    document.observe('dom:loaded' , function() {
    ... -> script code here
    });

    it’s not necessary to include the function if we want to use prototype, but this function guarantee that all the DOM structure has been loaded before the script run. That is a good habid to always use this function.

    The Hello World

    It’s a good idea to start every programming with the ‘hello world’.

    document.observe('dom:loaded' , function() {
    $(document).update("Hello World!!");
    });

    note that we call the sexy function ‘$(document).update‘ to pop out the text. about further of this function, we will learn it together later… by now, this is only ‘Using Prototype‘

    Related posts:

    1. Prototype
    2. The Prototype $() function
    3. Start Using jQuery

    ]]>     http://tutorialajax.com/using-prototype.html/feed 0     Start Using jQuery http://tutorialajax.com/start-using-jquery.html http://tutorialajax.com/start-using-jquery.html#comments Sat, 07 Jun 2008 23:49:12 +0000 Admin http://localhost/ajax-framework/?p=12
  • Using Prototype
    • ]]>     jQuery main function is the ‘$(document).ready() function’. Although it’s many way to start jQuery, Always use this function to start using jQuery is good. example:

    $(document).ready(function() {
    $('.header-company').addClass('highlight');
    });

    This will add class named ‘highlight’ to element that have ‘header-company’ class. This is used generally for changing / adding class for CSS. So, when the document was loaded, the jQuery command will add the CSS Style.

    Related posts:

    1. Using Prototype

    ]]>     http://tutorialajax.com/start-using-jquery.html/feed 0