1. jQuery

    Článek: AN0002383Aktualizováno:: 14.12.2018

    jQuery je javascriptová knihovna s širokou podporou prohlížečů, která klade důraz na interakci mezi JavaScriptem a HTML. Podobně jako CSS odděluje formu od obsahu, kterým je HTML, jQuery odděluje chování od struktury HTML. jQuery obsahuje velké množství funkcí pro procházení a změnu DOM (Document Object Model), události, práce s CSS, efekty a animace, AJAX a různé utility a pluginy. S jQuery tak lze dosáhnout mnohem snáze spoustu věcí, které bychom prostým JavaScriptem složitě vytvářeli.

    Příklad

    $(document).ready(function() {
     // Obarvit pozadí lichých, resp. sudých řádků v tabulkách pomocí CSS tříd lichyPruh, resp. sudyPruh.
     $('tr:odd').addClass("lichyPruh");
     $('tr:even').addClass("sudyPruh");
    });

    Tento příklad obarví rozdílně liché a sudé řádky v tabulce v HTML stránce.

    jQuery můžete v ObjectGears použít např. ve webpartu Skript.

    Ukázka použití z modelu Verzované dokumentace.

    První část skriptu reaguje na změnu v comboboxu navigací na novou stránku.Druhá část skriptu nastaví na textbox searchtb zachycení zmáčknutí klávesy. Pokud uživatel zmáčkne Enter, pak se zobrazí stránka s výsledky hledání.

    $(document).ready(function ()
    {
      //reakce na zmenu vybrane verze nad stromem
      $("select#Version").change(function () {
         var url = $(this).attr('url') ;

        $("select#Version option:selected").each(function() {
            window.location = url + $(this).attr('value');
         });
       });

      //osetreni enter pri hledani
      $('.searchtb').keydown(function (event)
      {
        if (event.which == 13)
        {
          if (event.preventDefault) {event.preventDefault();} else {event.returnValue = false;}
          window.location = window.location.protocol + '//' + window.location.host + '/vcd/' +              OGC.ActualLocalize + '/search/' + $('.searchtb').val();
        }
      });
    });

     

    Pro více informací doporučujeme w3schools, jquery.com a jqueryui.com.

×