ASP.Net. Лекція 4. Серверні елементи управління. Продовження (исходники, документація), Документація, Програмування, статті

Лекція 3


На початку маленька «хитрість». Хороший веб-розробник повинен знати, як виглядають його сторінки в різних браузерах. За замовчуванням зазвичай вони відкриваються в Internet Explorer. Клацніть правою кнопкою миші на файлі в Visual Studio Solution Explorer і виберіть Browse with. Там можна змінити браузер за умовчанням або вибрати інший браузер для даного перегляду.


Button


Button – це командна кнопка, натискання на яку часто призводить до відправки даних на сервер. Можна створювати кнопки двох типів: для передачі даних форми (submit button) або командні кнопки для виконання різних функцій, пов’язаних з даною кнопкою. Якщо на формі є декілька кнопок, властивість CommandName дозволяє дізнатися, яка саме кнопка була натиснута.


ASP. NET підтримує 3 види подій.



Наприклад, щоб обробити клацання на кнопці, ми перевизначають подія Click.






      protected void Button1_Click(object sender, EventArgs e)
    {
    }

Події можна визначити через вкладку подій у вікні властивостей. Другий аргумент всіх обробників подій має тип EventArgs або який-небудь, успадкований від нього.


Наприклад, ми хочемо створити форму для заповнення резюме. Автор може мати заздалегідь невідоме нам кількість попередніх місць роботи. Додамо на форму кнопку, при натисканні на яку в форму додається один елемент введення тексту.






  <%@ Page Language=”C#”%>
<script runat=”server”>
static int num=0;
static TextBox[] tb=new TextBox[10];
void AddExperience(Object sender, EventArgs e)
{ if (num <10) / / Щоб не виникало помилки звернення до неіснуючого елементу масиву     {         TextBox newBox = new TextBox();         newBox.ID = "box" + num;         tb[num] = newBox;         num++;      } for (int i = 0; i <10; i + +) / / Додавання на форму контролов з масива.     {         if (tb[i] != null)         {         places.Controls.Add(tb[i]);         Label lb=new Label();         lb.Text="<br><br>";         places.Controls.Add(lb);         }         else break;     } } </script> <html xmlns=«http://www.w3.org/1999/xhtml» > <head> </head> <body>
    <form runat=”server” id=”Experience”>
    <asp:Panel id=”places” runat=”server”>
        <asp:TextBox id=”first” runat=”server” />
        <br />
        <br />
        </asp:Panel>
    </form>
</body>
</html>

Тут ми маємо масив з 10 елементів типу TextBox. Новий елемент створюється в момент натискання на кнопку «Ще». Можна додати до 10 нових елементів. Як і раніше, вони розміщуються в контейнері, це потрібно, щоб вони виводилися до кнопки.


За допомогою властивості OnClientClick можна задати клієнтський сценарій на JavaScript. Його значенням може бути вбудована функція, або описана в тілі сторінки. Клієнтський код виконується до серверного коду, заданого у властивості OnClick.


Image


Елемент управління asp: image відповідає тегу img мови HTML. Його можна використовувати для динамічного додавання на сторінку нових зображень. Повернемося до нашого туристичного агентству. Ми вирішили, що коду клієнт вибирає міста, на сторінку автоматично повинна виводитися карта відповідного міста. Залишаємо це як вправи. Карти міст можна знайти через Яндекс.


має свойстваAlternateText, ImageUrl, ImageAlign













AlternateText Відповідає атрибуту ALT тега IMG. Відображається, якщо показ картинок відключений або картинки неможливо знайти
ImageUrl Відповідає атрибуту SRC тега IMG
ImageAlign Відповідає атрибуту ALIGN тега IMG

Як завжди, властивості можна змінювати з програми. Наприклад, змінюючи значення ImageUrl, можна організувати перегляд безлічі картинок у вигляді слайд-шоу. Створіть директорію images і помістіть в нього кілька картинок image1, image2 і так далі.


Напишемо нову сторінку.






  <%@ Page Language=”C#” %>
<html xmlns=«http://www.w3.org/1999/xhtml» >
<head>
<script language=”C#” runat=”server”>
public static int count=1;
void NextImage(Object sender, EventArgs e)
{
count++; if (count == 10) count = 1; / / циклічний перегляд
Image1.ImageUrl =” images/image”+count+”.jpg”;
}
</script>
</head>
<body>
   <form runat=”server”>
      <h3>Image Example</h3>
      <asp:Image id=”Image1″ runat=”server”
           ImageAlign=”top” AlternateText = “Картинки немає”
           height=”300″
           ImageUrl=” images/image1.jpg”/ >
      <hr>
<br><br>
      <asp:Button id=”Next”
           Text=”Next”
           OnClick=”NextImage”
           runat=”server”/>
<br><br>
   </form>
</body>
</html>

ImageButton


Елемент управління ImageButton являє собою комбінацію елементів Image і Button. Його можна використовувати для створення зображень, чутливих до кліку мишки. Клацання є подією, при настанні якого виконується певний кoд.






  <asp:ImageButton id=”imgButton” OnCommand =”SubmitPartl” runat=”server”/>

ImageButton дозволяє досягти ефекту, аналогічного карті зображення. Подія Click дозволяє дізнатися координати клацання миші і реагувати відповідно регіону, в якому була натиснута миша. Оброблювач події повинен приймати аргумент типу ImageClickEventArgs – наследнікаSystem.EventArgs. У нього є додаткові поля X і Y – координати кліка мишки.






  protected void ImageButton1_Click(object sender,
System.Web.UI.WebControls.ImageClickEventArgs e)
{ / / Обробка події
}

Повернемося знову до турагентству. Директор викликав вас (програміста) і попросив зробити наступне: на сторінці із зображенням карти Каїра необхідно зробити так, щоб коли користувач натискав мишкою в будь місце, відкривалася карта району, на який він натиснув. Всього є 9 районів. Всі картинки мають розмір 300 на 300 пікселів. Райони однакові, розташовані в таблиці 3 на 3.


Ви пишете:






  <%@ Page Language=”C#” %>
<script runat=”server”>
    void Magnify(Object sender, ImageClickEventArgs e)
    {
    int x=e.X;
    int y=e.Y; int row = y/100; / / рядок, на яку скликали int col = x/100; / / стовпець, на який кликнули int count = row * 3 + col +1; / / номер картинки
    plan.ImageUrl =”Cairo/map-“+count+”.jpg”; plan.Enabled = false; / / це потрібно, щоб не відкривався інший район. instruction.Text = “Натисніть Back, щоб побачити все місто”;
    }
</script>
<html xmlns=«http://www.w3.org/1999/xhtml» >
<head>
</head>
<body>
    <form runat=”server”>

Карта Каїра
        </h3>
        <br />
        <br /> Натисніть мишею на будь-який район, щоб збільшити картинку.
        <br />
        <br />
        <asp:ImageButton id=”plan” onclick=”Magnify” runat=”server” width=”300″ height=”300″ ImageUrl=”Cairo/map.gif”></asp:ImageButton>
        <br />
        <br />
    </form>
</body>
</html>


А більш просте використання-створення гарних нестандартних кнопок. Властивість CommandName використовується так само, як і у випадку з звичайною кнопкою.






      <form id=”form1″ runat=”server”>
    <div>
        <asp:ImageButton ID=”ImageButton1″ runat=”server” CommandName=”create”
ImageUrl=”~/Images/1button-create.gif” OnCommand=”ImageButton_Click” OnClientClick=”alert(“clicked”)” ToolTip=”Create very nice account” />
        <asp:ImageButton ID=”ImageButton2″ runat=”server” CommandName=”add” ImageUrl=”~/Images/1button-add.gif” OnCommand=”ImageButton_Click” />
        <asp:ImageButton ID=”ImageButton3″ runat=”server” ImageUrl=”~/Images/1button-cancel.gif” CommandName=”cancel” OnCommand=”ImageButton_Click” /><br />
        <asp:Label ID=”Message” runat=”server”></asp:Label></div>
    </form>

Картинки цього прикладу є в поставці Visual Studio 2005 Microsoft Visual Studio 8Common7IDEProjectTemplatesWebCSharp1033. Скопіюйте їх в папку Images вашого проекту і додайте їх у проект.


Цю функцію вставте у файл відокремленого коду.






      protected void ImageButton_Click(Object sender, CommandEventArgs e)
    {
        switch (e.CommandName)
        {
            case “create”:
                // Insert code to create.
                Message.Text = “Creating “;
                break;
            case “add”:
                // Insert code to add.
                Message.Text = “Adding “;
                break;
            case “cancel”:
                // Insert code to cancel.
                Message.Text = “canceling”;
                break;
        }
    }

У першої кнопки встановлено властивість ToolTip. Подивіться сторінку в Internet Explorer. Вікно з підказкою з’явиться при наведенні на цю кнопку. А от Opera виводить підказку для всіх кнопок. Тільки для тих, в яких встановлено ToolTip, він виводиться на першій сходинці. У другій – адресу.


У кнопки також показано використання властивості OnClientClick. Воно задає клієнтський сценарій, який буде виконуватися при натисненні на кнопку без звернення до сервера. Тут це функція alert мови Javascript – Виклик вікна з повідомленням.


HyperLink і LinkButton


HyperLink – гіперпосилання звичайна або з картинкою. Вони дозволяють пересуватися по сайту або давати посилання на інші сайти.






  <asp:HyperLink ID=”HyperLink1″ runat=”server” NavigateUrl=”~/Customer.aspx”>HyperLink</asp:HyperLink>

Знак ~ позначає кореневий каталог поточного сайту.


LinkButton – це кнопка, яка виглядає як гіперпосилання. Натискання на неї призводить до перезавантаження сторінки. У властивості PostBackUrl можна задати адресу сторінки, на яку буде перенаправлено запит.


BulletedList


Цей елемент управління дозволяє відтворити нумеровані і ненумеровані марковані списки і додає до цього багато нових можливостей. Це новий елемент ASP.NET 2.0 і теж може бути прив’язаний до даних.


Тип списку визначається властивістю BulletStyle. Список може бути пронумерований цифрами, буквами або латинськими числами, або ж помічений маркерами різних форм.






  <asp:BulletedList ID=”BulletedList1″ runat=”server” BulletStyle=”Numbered”>   Чебурашка    Крокодил Гена    Шапокляк 
    </asp:BulletedList>

Виглядає на сторінці як



  1. 1. Чебурашка
  2. 2. Крокодил Гена
  3. 3. Шапокляк

А його HTML-код






          <ol id=”BulletedList1″ style=”list-style-type:decimal;”> 

  • Чебурашка
  • Крокодил Гена
  • Шапокляк

  • Якщо властивість BulletStyle поміняти на “Circle”, то буде сгененірован ненумерований список






              <ul id=”BulletedList1″ style=”list-style-type:circle;”> 

  • Чебурашка
  • Крокодил Гена
  • Шапокляк

  • При значенні CustomImage необхідно задати картинку у властивості BulletImageUrl. Елементами списку можуть бути гіперпосилання та кнопки-гіперпосилання.






              <asp:BulletedList ID=”BulletedListLinks” runat=”server” BulletStyle =”Circle” DisplayMode=”HyperLink”>   Чебурашка    Крокодил Гена    Шапокляк 
            </asp:BulletedList>

    Самі гіперпосилання слід записувати в атрибут ListItem Value.


    Тип LinkButton перетворює пункти списку в гіперпосилання, які викликають перезавантаження сторінки. Обробник натискання на кнопки приймає аргумент, в якому міститься інформація про індекс натиснутою пункту.






              <asp:BulletedList ID=”BulletedListLinks” runat=”server” BulletStyle =”Circle” DisplayMode=”LinkButton” OnClick=”BulletedListLinks_Click”>   Червоний    Синій    Зелений 
            </asp:BulletedList>
        protected void BulletedListLinks_Click(object sender, BulletedListEventArgs e)
        {
            switch (e.Index)
            {
                case 0: BulletedListLinks.BackColor = System.Drawing.Color.LightCoral;
                    break;
                case 1: BulletedListLinks.BackColor = System.Drawing.Color.Aqua;
                    break;
                case 2: BulletedListLinks.BackColor = System.Drawing.Color.LightGreen;
                    break;
            }
        }
    }

    Literal


    Якщо не потрібно міняти значення тексту програмно, можна використовувати елемент управління Literal. В такому разі текст буде виводиться «як є», без тегів . Цей клас успадковується не від WebControl, а від Control, тому його можна ставити поза формою. Відповідно у нього немає властивостей, що відповідають за зовнішній вигляд і стиль. Це не страшно, стиль може бути визначений в контейнері, в який він включений – div або Panel. Зате є цікава властивість Mode. Спробуємо на прикладі:






      <asp:Literal ID=”Literal1″ Runat=”server” Mode=”Encode”
    Text=”<b>Here is some text</b>”></asp:Literal>

    Mode = “Encode” кодує текст так, щоб в браузері було видно саме цей HTML-код, замінюючи спеціальні символи розмітки CER-послідовностями.






      <b>Label</b>

    Це корисно, якщо буває потрібно вивести код, і не тільки HTML. На деяких сайтах, де є підручники з С + + в plain text, в прикладах коду зустрічається рядок


    #include


    без імені файлу, що включається. Воно було «з’їдено» браузером, який вважає всі в <> за тег, навіть якщо не розпізнає його, хоча текст був укладений в

     . Ну ось, цієї проблеми можна уникнути.


    Table


    Таблиці в HTML дуже поширені, так як вони дозволяють позиціонувати елементи на сторінці. Серверний елемент управління задається тегами . Міць ASP. NET проявляється при динамічному створенні таблиці. Цей елемент управління в ASP. NET використовується рідше, тому що елемент DataGrid дозволяє отримати ті ж результати, маючи до того ж прив’язку до даних.


    Властивість Rows nабліцs є контейнером рядків – елементів TableRow, а вони, в свою чергу мають свойтсва Cell – колекцію елементів TableCell. Сам TableCell – контейнер будь-яких елементів управління. Їх не можна вставляти в таблицю інакше, ніж в один з елементів TableCell. Текст в клітинку можна записати через властивість Cell.Text або вставкою елемента Literal.


    Рядки таблиці можуть бути також типу TableHeaderRow і TableFooterRow. Такі рядки завжди відображаються на мобільних пристроях з невеликим екраном, навіть якщо таблиця велика і для її перегляду потрібна прокрутка. Осередки таблиці можуть бути типу TableHeaderCell – спадкоємця TableCell. Текст в них відображається виділеним напівжирним шрифтом і центрований.


    В ASP. NET 2.0 у елемента з’явилася можливість задавати заголовки за допомогою властивості Caption. Розташування заголовка визначається властивістю CaptionAlign. При значенні Bottom він буде знаходиться під таблицею. При інших значеннях заголовок знаходиться де йому належить – нагорі, Left і Right просто вирівнюють у лівого або правого краю.


    Цей приклад ілюструє створення таблиці в програмному режимі. Гра «Знайди число» тренує увагу і пам’ять. На початку гравець вводить розмір таблиці n. Програма генерує квадратну таблицю, де числа від 1 до n ^ 2 написані на кнопках і перемішані у випадковому порядку.


    Відправка даних іншій сторінці


    У ASP.NET 1.1 не дозволялася відправка даних між сторінками. У ASP.NET 2.0 елементи управління мають властивість PostBackUrl, де можна вказати, якій сторінці система повинна передати Web-форму, якщо відправлення даних на сервер ініційовано цим елементом управління.


    Через властивість PreviousPage сторінки можна з’ясувати, яка сторінка була джерелом постбека нашої сторінки.


    На першій сторінці малюється календар.






      <%@ Page Language=”C#” %>
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
    <script runat=”server”>
    </script>
    <html xmlns=”http://www.w3.org/1999/xhtml” >
    <head runat=”server”> Перша сторінка </ title><br /> </head><br /> <body><br /> <form id = “form1” runat= “server”> Ваше ім’я: <br /> <br /> <asp:Textbox ID=”TextBox1″ Runat=”server”><br /> </asp:Textbox><br /> <p> Бажана дата вильоту? <br /> <br /> <asp:Calendar ID=”Calendar1″ Runat=”server”></asp:Calendar></p><br /> <br /><br /> <asp:Button ID=”Button2″ Runat=”server” Text=”Submit page to Page2.aspx”<br /> PostBackUrl=”Page2.aspx” /><br /> <p><br /> <asp:Label ID=”Label1″ Runat=”server”></asp:Label></p><br /> </form><br /> </body><br /> </html> </PRE></TD></TR></TBODY></TABLE><br /> <P>А на другий читаються значення першої форми:</P><br /> <P><br /> <TABLE class=borderall cellSpacing=0 cellPadding=2 bgColor=#d8d8d8><br /> <TBODY><br /> <TR><br /> <TD><PRE> <%@ Page Language=”C#” %><br /> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /> <script runat=”server”><br /> protected void Page_Load(object sender, System.EventArgs e)<br /> {<br />     if (PreviousPage != null)<br />     {<br />         TextBox pp_Textbox1;<br />         Calendar pp_Calendar1;<br />         pp_Textbox1 = (TextBox)PreviousPage.FindControl(“Textbox1”);<br />         pp_Calendar1 = (Calendar)PreviousPage.FindControl(“Calendar1”); Label1.Text = “Привіт” + pp_Textbox1.Text + “! <br />” + “Ви вибрали:” + pp_Calendar1.SelectedDate.ToShortDateString ();<br />     }<br /> } }<br /> </script><br /> <html xmlns=”http://www.w3.org/1999/xhtml” ><br /> <head runat=”server”> <title> Друга сторінка </ title><br /> </head><br /> <body><br />     <form id=”form1″ runat=”server”><br />     <div><br />     <asp:Label ID=”Label1″ Runat=”server”></asp:Label><br />     </div><br />     </form><br /> </body><br /> </html> </PRE></TD></TR></TBODY></TABLE><br /> <H2>Висновок</H2><br /> <P>Ми розглянули лише деякі елементи управління і переконалися, що вони надають багаті можливості. У наступній лекції ми розглянемо інший важливий клас елементів управління – валідатори.</P><br /></p> <div class="ad-top2"> <!-- Top article #956715 --> <script>(function(e){var t="DIV_DA_"+e+"_"+parseInt(Math.random()*1e3); document.write('<div id="'+t+'" class="directadvert-block directadvert-block-'+e+'"></div>'); if("undefined"===typeof loaded_blocks_directadvert){loaded_blocks_directadvert=[]; function n(){var e=loaded_blocks_directadvert.shift(); var t=e.adp_id; var r=e.div; var i=document.createElement("script"); i.type="text/javascript"; i.async=true; i.charset="windows-1251"; i.src="//code.directadvert.ru/data/"+t+".js?async=1&div="+r+"&t="+Math.random(); var s=document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]; s.appendChild(i); var o=setInterval(function(){if(document.getElementById(r).innerHTML&&loaded_blocks_directadvert.length){n(); clearInterval(o)}},50)} setTimeout(n)}loaded_blocks_directadvert.push({adp_id:e,div:t})})(956715)</script> </div> <div style="float:right"> <div class="yashare-auto-init" data-yashareL10n="ua" data-yashareType="icon" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,moikrug,gplus"></div> </div> <h4>Схожі статті:</h4><ul><li><a href="http://easy-code.com.ua/2010/10/link-popularity-indeks-cituvannya/" title="Link Popularity (індекс цитування).">Link Popularity (індекс цитування).</a> (0)</li><li><a href="http://easy-code.com.ua/2010/12/page-rank-v-google/" title="Page Rank в Google.">Page Rank в Google.</a> (0)</li><li><a href="http://easy-code.com.ua/2010/12/zagolovki-title-ta-%d1%97x-optimizaciya/" title="Заголовки (TITLE) та їх оптимізація.">Заголовки (TITLE) та їх оптимізація.</a> (0)</li><li><a href="http://easy-code.com.ua/2010/11/pidvishhennya-rejtingu-sajtu-v-poshukovix-sistemax/" title="Підвищення рейтингу сайту в пошукових системах.">Підвищення рейтингу сайту в пошукових системах.</a> (0)</li><li><a href="http://easy-code.com.ua/2010/11/knopka-nazad/" title="Кнопка "назад"">Кнопка "назад"</a> (0)</li><li><a href="http://easy-code.com.ua/2010/11/javascript/" title="JavaScript">JavaScript</a> (0)</li><li><a href="http://easy-code.com.ua/2010/11/javascript-2/" title="JavaScript робота з Web-формами">JavaScript робота з Web-формами</a> (0)</li></ul> <!--for paginate posts--> <hr/> <p><strong><em> Сподобалася стаття? Ви можете <a href="#comments"> залишити відгук </a> або <a href = "http://easy-code.com.ua/feed/" > підписатися на RSS </a>, щоб автоматично отримувати інформацію про нові статтях. </em></strong></p> <!--Post Meta--> <div class="post-meta"> <strong>Метки: </strong><a href="http://easy-code.com.ua/tag/runat/" rel="tag">runat=</a>, <a href="http://easy-code.com.ua/tag/9695/" rel="tag">       </a>, <a href="http://easy-code.com.ua/tag/9696/" rel="tag">               </a>, <a href="http://easy-code.com.ua/tag/elementiv/" rel="tag">елементів</a>, <a href="http://easy-code.com.ua/tag/server/" rel="tag">сервер</a>, <a href="http://easy-code.com.ua/tag/storinki/" rel="tag">сторінки</a>, <a href="http://easy-code.com.ua/tag/upravlinnya/" rel="tag">управління</a><br /> <strong>Рубрики:</strong> <a href="http://easy-code.com.ua/category/dokumentaciya/" rel="category tag">Документація</a> </div> <!--include comments template--> <div id="comments-wrap"> <p>Коментарів поки що немає.</p> <!-- <p><a href="http://easy-code.com.ua/2012/08/asp-net-lekciya-4-serverni-elementi-upravlinnya-prodovzhennya-isxodniki-dokumentaciya-dokumentaciya-programuvannya-statti/feed/">RSS-стрічка коментарів.</a> <a href="http://easy-code.com.ua/2012/08/asp-net-lekciya-4-serverni-elementi-upravlinnya-prodovzhennya-isxodniki-dokumentaciya-dokumentaciya-programuvannya-statti/trackback/" rel="trackback">Адреса для трекбек</a> </p> --> <h3 class="postcomment">Ваш отзыв</h3> <p>Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> </code></p> <form action="http://easy-code.com.ua/wp-comments-post.php" method="post" id="commentform"> <p> <input type="text" name="author" id="author" class="textarea" value="" size="28" tabindex="1" /> <label for="author">Им'я</label> * </p> <p> <input type="text" name="email" id="email" value="" size="28" tabindex="2" /> <label for="email">E-mail</label> * </p> <p> <input type="text" name="url" id="url" value="" size="28" tabindex="3" /> <label for="url">Сайт</label> </p> <p> <label for="comment">Повідомлення</label> <br /> <textarea name="comment" id="comment" cols="60" rows="10" tabindex="4"></textarea> </p> <p> <input name="submit" id="submit" type="submit" tabindex="5" value="відправити" /> <input type="hidden" name="comment_post_ID" value="7007" /> <input type="hidden" name="redirect_to" value="/2012/08/asp-net-lekciya-4-serverni-elementi-upravlinnya-prodovzhennya-isxodniki-dokumentaciya-dokumentaciya-programuvannya-statti/" /> </p> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="cc95d5caeb" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="177"/></p></form> </div> <!--do not delete--> <!--single.php end--> </div> <!--include sidebar--> <!--sidebar.php--> <div id="sidebar"> <div class="sidebar-rss"> <h3>Подписка через RSS</h3> <p><a href="http://easy-code.com.ua/feed/"><img src="http://easy-code.com.ua/wp-content/themes/elegantblue/images/rss.jpg" alt="Подписка на RSS" ></img></a>Якщо вам сподобалася інформація на нашому сайті, ви можете підписатися на оновлення через RSS.</p> </div> <BR> <div class="something"> <a href='http://easy-code.com.ua/tag/download/' class='tag-link-563 tag-link-position-1' title='648 topics' style='font-size: 12.328358208955pt;'>Download</a> <a href='http://easy-code.com.ua/tag/microsoft/' class='tag-link-66 tag-link-position-2' title='772 topics' style='font-size: 13.522388059701pt;'>Microsoft</a> <a href='http://easy-code.com.ua/tag/oracle/' class='tag-link-18322 tag-link-position-3' title='357 topics' style='font-size: 8.4477611940299pt;'>Oracle</a> <a href='http://easy-code.com.ua/tag/windows/' class='tag-link-18319 tag-link-position-4' title='1,383 topics' style='font-size: 17.253731343284pt;'>Windows</a> <a href='http://easy-code.com.ua/tag/internet/' class='tag-link-132 tag-link-position-5' title='366 topics' style='font-size: 8.5970149253731pt;'>Інтернет</a> <a href='http://easy-code.com.ua/tag/merezhi/' class='tag-link-143 tag-link-position-6' title='438 topics' style='font-size: 9.7910447761194pt;'>Мережі</a> <a href='http://easy-code.com.ua/tag/modeli/' class='tag-link-530 tag-link-position-7' title='360 topics' style='font-size: 8.5970149253731pt;'>моделі</a> <a href='http://easy-code.com.ua/tag/mozhete/' class='tag-link-3 tag-link-position-8' title='569 topics' style='font-size: 11.582089552239pt;'>можете</a> <a href='http://easy-code.com.ua/tag/mozhut/' class='tag-link-311 tag-link-position-9' title='384 topics' style='font-size: 9.044776119403pt;'>можуть</a> <a href='http://easy-code.com.ua/tag/dopomogoyu/' class='tag-link-273 tag-link-position-10' title='731 topics' style='font-size: 13.074626865672pt;'>допомогою</a> <a href='http://easy-code.com.ua/tag/dozvolyaye/' class='tag-link-542 tag-link-position-11' title='664 topics' style='font-size: 12.477611940299pt;'>дозволяє</a> <a href='http://easy-code.com.ua/tag/kompani%d1%97/' class='tag-link-554 tag-link-position-12' title='546 topics' style='font-size: 11.283582089552pt;'>компанії</a> <a href='http://easy-code.com.ua/tag/koristuvachiv/' class='tag-link-137 tag-link-position-13' title='337 topics' style='font-size: 8.1492537313433pt;'>користувачів</a> <a href='http://easy-code.com.ua/tag/potribno/' class='tag-link-18 tag-link-position-14' title='566 topics' style='font-size: 11.432835820896pt;'>потрібно</a> <a href='http://easy-code.com.ua/tag/programi/' class='tag-link-387 tag-link-position-15' title='1,547 topics' style='font-size: 18pt;'>програми</a> <a href='http://easy-code.com.ua/tag/prosto/' class='tag-link-99 tag-link-position-16' title='328 topics' style='font-size: 8pt;'>просто</a> <a href='http://easy-code.com.ua/tag/vikoristannya/' class='tag-link-690 tag-link-position-17' title='368 topics' style='font-size: 8.7462686567164pt;'>використання</a> <a href='http://easy-code.com.ua/tag/vikoristovuvati/' class='tag-link-890 tag-link-position-18' title='427 topics' style='font-size: 9.6417910447761pt;'>використовувати</a> <a href='http://easy-code.com.ua/tag/znachennya/' class='tag-link-198 tag-link-position-19' title='1,003 topics' style='font-size: 15.164179104478pt;'>значення</a> <a href='http://easy-code.com.ua/tag/roboti/' class='tag-link-123 tag-link-position-20' title='1,104 topics' style='font-size: 15.761194029851pt;'>роботи</a> <a href='http://easy-code.com.ua/tag/rozrobki/' class='tag-link-1235 tag-link-position-21' title='328 topics' style='font-size: 8pt;'>розробки</a> <a href='http://easy-code.com.ua/tag/sistemi/' class='tag-link-476 tag-link-position-22' title='1,131 topics' style='font-size: 15.910447761194pt;'>системи</a> <a href='http://easy-code.com.ua/tag/upravlinnya/' class='tag-link-556 tag-link-position-23' title='760 topics' style='font-size: 13.373134328358pt;'>управління</a> <a href='http://easy-code.com.ua/tag/server/' class='tag-link-197 tag-link-position-24' title='650 topics' style='font-size: 12.328358208955pt;'>сервер</a> <a href='http://easy-code.com.ua/tag/stvorennya/' class='tag-link-439 tag-link-position-25' title='460 topics' style='font-size: 10.089552238806pt;'>створення</a> <a href='http://easy-code.com.ua/tag/tablici/' class='tag-link-496 tag-link-position-26' title='469 topics' style='font-size: 10.238805970149pt;'>таблиці</a> <a href='http://easy-code.com.ua/tag/tilki/' class='tag-link-6 tag-link-position-27' title='1,295 topics' style='font-size: 16.805970149254pt;'>тільки</a> <a href='http://easy-code.com.ua/tag/fajliv/' class='tag-link-293 tag-link-position-28' title='410 topics' style='font-size: 9.3432835820896pt;'>файлів</a> <a href='http://easy-code.com.ua/tag/funkci%d1%97/' class='tag-link-218 tag-link-position-29' title='439 topics' style='font-size: 9.7910447761194pt;'>функції</a> <a href='http://easy-code.com.ua/tag/informaci%d1%97/' class='tag-link-24 tag-link-position-30' title='368 topics' style='font-size: 8.7462686567164pt;'>інформації</a></div> <!--l_sidebar.php--> <div id="l_sidebar"> <ul> <br> <!--favorite posts--> <li> <h2>Нове на сайті</h2> <ul> <li><a href='http://easy-code.com.ua/2015/11/keruyuchi-klavishi-i-menyu-informix/'>Керуючі клавіші і меню INFORMIХ</a></li> <li><a href='http://easy-code.com.ua/2015/10/vipushheno-reliz-fastreport-fmx/'>Випущено реліз FastReport FMX</a></li> <li><a href='http://easy-code.com.ua/2015/10/oracle/'>Oracle</a></li> <li><a href='http://easy-code.com.ua/2015/09/func-hgi-35i-vertolit-z-keruvannyam-vid-iphone/'>Func HGI-35i: вертоліт з керуванням від iPhone</a></li> <li><a href='http://easy-code.com.ua/2015/08/faq-po-grafiku-i-animaciyu-dlya-web/'>FAQ по графіку і анімацію для Web</a></li> <li><a href='http://easy-code.com.ua/2015/07/funkciya-viznachennya-kilkosti-robochix-dniv/'>Функція визначення кількості робочих днів</a></li> <li><a href='http://easy-code.com.ua/2015/07/inshi-mozhlivosti-obyednannya-fajliv/'>Інші можливості об’єднання файлів</a></li> <li><a href='http://easy-code.com.ua/2015/07/oglyad-navushnikiv-z-aktivnim-shumozaglushennyam-asus-nc1/'>Огляд навушників з активним шумозаглушенням ASUS NC1</a></li> <li><a href='http://easy-code.com.ua/2015/06/net-service-oriented-architecture-soa/'>.NET: Service Oriented Architecture (SOA)</a></li> <li><a href='http://easy-code.com.ua/2015/06/oglyad-behold-betab-7004/'>Огляд Behold BeTAB 7004</a></li> </ul> </li> <li> <h2>Реклама</h2> <ul> <div class="adcontentcen1"> <!-- Sidebar 160x600 #956693 --> <script>(function(e){var t="DIV_DA_"+e+"_"+parseInt(Math.random()*1e3); document.write('<div id="'+t+'" class="directadvert-block directadvert-block-'+e+'"></div>'); if("undefined"===typeof loaded_blocks_directadvert){loaded_blocks_directadvert=[]; function n(){var e=loaded_blocks_directadvert.shift(); var t=e.adp_id; var r=e.div; var i=document.createElement("script"); i.type="text/javascript"; i.async=true; i.charset="windows-1251"; i.src="//code.directadvert.ru/data/"+t+".js?async=1&div="+r+"&t="+Math.random(); var s=document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]; s.appendChild(i); var o=setInterval(function(){if(document.getElementById(r).innerHTML&&loaded_blocks_directadvert.length){n(); clearInterval(o)}},50)} setTimeout(n)}loaded_blocks_directadvert.push({adp_id:e,div:t})})(956693)</script> </div> </ul> </li> </ul> </div> <!--l_sidebar.php end--> <!--r_sidebar.php--> <div id="r_sidebar"> <ul> <br> <li> <h2>Популярне</h2> <ul> <!-- 2017-08-22 18:55:04 --> <li><a href="http://easy-code.com.ua/2012/09/yak-vidaliti-numeraciyu-storinok-ms-office-programni-kerivnictva-statti/">Як видалити нумерацію сторінок, MS Office, Програмні керівництва, статті (8)</a></li> <li><a href="http://easy-code.com.ua/2011/01/riznovidi-printeriv-zvichajni-ta-nezvichajni-printeri/">Різновиди принтерів. Звичайні та незвичайні принтери (5)</a></li> <li><a href="http://easy-code.com.ua/2011/02/ustanovka-movnix-paketiv-windows-7-vruchnu/">Установка мовних пакетів Windows 7 вручну (8)</a></li> <li><a href="http://easy-code.com.ua/2010/11/velika-kognitivna-revolyuciya/">Велика когнітивна революція (11)</a></li> <li><a href="http://easy-code.com.ua/2012/08/nalashtuvannya-ekrannix-zastavok-v-windows-7-za-dopomogoyu-reyestru-windows-operacijni-sistemi-statti/">Налаштування екранних заставок в Windows 7 за допомогою реєстру, Windows, Операційні системи, статті (13)</a></li> <li><a href="http://easy-code.com.ua/2012/08/suputnikovij-internet-ta-telebachennya-na-noutbuci-za-dopomogoyu-prof-dvb-s-1100-usb-gadzheti-oglyadi/">Супутниковий інтернет та телебачення на ноутбуці за допомогою Prof DVB-S 1100 USB, Гаджети, огляди (9)</a></li> <li><a href="http://easy-code.com.ua/2014/11/pereklad-pdf-dokumentiv-za-dopomogoyu-google-translate/">Переклад PDF-документів за допомогою Google Translate (10)</a></li> <li><a href="http://easy-code.com.ua/2014/07/kalkulyator-teplotexnichnij-rozraxunok/">Калькулятор «Теплотехнічний розрахунок» (19)</a></li> <li><a href="http://easy-code.com.ua/2012/06/formatuvannya-abzaciv-u-word-2010-ms-office-programni-kerivnictva-statti/">Форматування абзаців у Word 2010, MS Office, Програмні керівництва, статті (29)</a></li> <li><a href="http://easy-code.com.ua/2012/08/gibernaciya-son-i-gibridnij-splyachij-rezhim-v-windows-7-pitannya-i-vidpovidi-windows-operacijni-sistemi-statti/">Гібернація, сон і гібридний сплячий режим в Windows 7 – питання і відповіді, Windows, Операційні системи, статті (11)</a></li> <!-- 2017-08-22 18:55:04 --></ul> </li> </ul> </div> <!--r_sidebar.php end--> </div> <!--sidebar.php end--><!--include footer--> </div> <div id="footer"> <p> При використанні матеріалів даного сайту пряме і явне посилання на сайт <a href="http://www.easy-code.com.ua/"> www.easy-code.com.ua </a> є обов'язковим. </p> <!--footer.php--> <div id="footer-wrap"> <noindex> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t19.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> <!-- Yandex.Metrika counter --> <div style="display:none;"><script type="text/javascript"> (function(w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter10604395 = new Ya.Metrika({id:10604395, enableAll: true}); } catch(e) { } }); })(window, "yandex_metrika_callbacks"); </script></div> <script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script> <noscript><div><img src="//mc.yandex.ru/watch/10604395" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'ru'} </script> </noindex> <BR><strong>ЕasyСode</strong> <!--necessary--> <script type='text/javascript' src='http://easy-code.com.ua/wp-content/plugins/akismet/_inc/form.js?ver=3.3'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-includes/js/wp-embed.min.js?ver=4.7.5'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.5.8.2'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.3.2'></script> <script type='text/javascript' src='http://easy-code.com.ua/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.12'></script> <script type="text/javascript"> jQuery(document).on('ready post-load', function(){ jQuery('.nofancybox,a.pin-it-button,a[href*="pinterest.com/pin/create/button"]').addClass('nolightbox'); }); jQuery(document).on('ready post-load',easy_fancybox_handler); jQuery(document).on('ready',easy_fancybox_auto);</script> </div> </div> <div class="soc-buttons"> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter"></div> </div> <script>!window.jQuery && document.write('<script src="http://yastatic.net/jquery/2.1.3/jquery.min.js"><\/script>');</script> <script src="http://easy-code.com.ua/wp-content/themes/elegantblue/js/jquery.hc-sticky.min.js"></script> <script> jQuery(document).ready(function($){ $('.soc-buttons').hcSticky({ top: 25, bottomEnd: 90, wrapperClassName: 'sidebar-sticky2', noContainer: false }); }); </script> <script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script> </body> </html>