Prawo w sieci - start witryny
Rzetelny i skuteczny monitoring sieci mający na celu ochronę praw autorskich.
W projekcie wykorzystano: XHTML 1.1, CSS, PHP OOP, XML
Wykonane dla: Promatek Studio Interaktywne
Strona przetestowana została na następujących przeglądarkach: FF 3.5.6, FF 3.6, Opera 9.56, Opera 10.10, Safari 4, Safari 3, Chrome 2, Chrome 3, IE7, IE8.
ASP .NET i jQuery Ajax - implementacja i zastosowanie
W pierwszy moim artykule po dłuższej nieobecności, postanowiłem w miarę krótko opisać sposób, w jaki można wykorzystasć AJAX-a na stronie www w technologii ASP .NET.
Tradycyjnie do asynchronicznej komunikacji uzytkownika z serwerem wykorzystam bibliotekę jQuery Ajax, którą pobrać można ze strony http://jquery.com/. Na początek utworzony zostanie plik strony z formularzem, w moim przypadku będzie nim Default.aspx.
|
<form action="" method="post" runat="server"> |
Dodatkowo do pliku Default.aspx dołaczamy bilibotekę jQuery oraz JSON, jak poniżej:
|
<script type="text/javascript" src="jquery-1.4.2.min.js"></script> |
Dla tak przygotowanej strony, pozostaje dołączyć funkcję wykonującą zapytanie ajaxowe. W tym celu, pod powyżej dołaczonymi biblitekami, umieszczamy kod:
| <script type="text/javascript"> $(document).ready(function() { $("#info").html("Trwa wysyłanie"); $.ajax({ type: "POST", cache: true, async: false, url: "WebMethods.aspx/sendConfirm", data: "{email:'" + $("#email").val() + "'}", contentType: "application/json; charset=utf-8", dataType: "json", beforeSend: function() { }, success: function(msg) { $("#info").html(msg.d[0].statement); if (msg.d[0].status === true) { } }, error: function(msg) { } }); }); </script> |
Powyższy kod wywołuję metodą sendConfirm, zawartą w pliku WebMethods.aspx. Jednym z parametrów wywołania metody ajax jest data umożliwiająca przesłanie danych do wywoływanej metody.
Plik, który wykona zapytanie, nazwany został przeze mnie WebMethods.aspx. Zmian dokonujemy w kodzie C#, w tym przypadku jest to plik WebMethods.aspx.cs. Umieszczamy w nim kod metody:
| [WebMethod] public static confirm[] sendConfirm(string email) { List<confirm> conf = new List<confirm>(); confirm conf1 = new confirm(); conf1.statement = "Zapytanie wykonane poprawnie"; conf1.status = true; conf.Add(conf1); return conf.ToArray(); } |
sendConfirm jako parametr przyjmuje adres email, zmienna o takiej samej nazwie, jak ta przesłana przy zapytaniu ajax. Po wykonaniu dowolnych niemalże operacji, zwracam tablice z wynikami, tj. statusem wykonania operacji oraz komunikatem.
Wracając zatem do metody wywołującej ajaxa, do otrzymanych danych zwrotnych, odnosimy się poprzez msg.d[0].statement oraz msg.d[0].status, co w tym momencie możemy wyświetlić w dowolnym miejscu na stronie.
Akademia Orange
Strona, której jestem współtwórcą, powstała na potrzeby Fundacji Orange, promującej nowoczesną edukację dzieci i młodzieży.
W projekcie wykorzystano: XHTML 1.1, CSS, JS, MySQL
Wykonane dla: Promatek Studio Interaktywne, Fundacja Orange
Na uwagę zasługują: zmieniające się rotacyjnie bannery, scroller projektów na stronie głównej i w wyborze kategorii, implementacja Facebook-a, Twitter-a, Blip-a, geolokalizacja z wykorzytaniem Google Maps, umieszczanie materiałów, grafik, prezentacji, dokumentów, filmów, itp, na zewnętrznych serwisach, jak np. youtube.com, vimeo.com, scribd.com. flickr.com, i wiele więcej.
Strona przetestowana została na następujących przeglądarkach: FF 3.5.6, FF 3.6, Opera 9.56, Opera 10.10, Safari 4, Safari 3, Chrome 2, Chrome 3, IE7, IE8.
Produkt 3D
Strona poświęcona grafice trójwymiarowej firmy Promatek Studio Interaktywne.
W projekcie wykorzystano: XHTML 1.1, CSS, MySQL, JS.
Na uwagę zasługują podpowiedzi w formie dymków stworzone z wykorzystaniem jQuery Tooltip oraz mapa Google ze statycznie dodanym punktem i informacją o zaznaczonym miejscu.
Wykonane dla: Promatek Studio Interaktywne
Strona jest zgodna ze specyfikacją W3C. Przetestowana została na następujących przeglądarkach: FF 3.5.6, FF 3.6, Opera 9.56, Opera 10.10, Safari 4, Safari 3, Chrome 2, Chrome 3, IE6, IE7, IE8.
Vasco Doors
Prezentacja internetowa producenta najwyższej jakości drzwi wewnątrzlokalowych.
W projekcie wykorzystano: XHTML 1.0, CSS, ASP .NET, MSSQL, JS.
Więcej informacji oraz screenów znaleźć można w dziale Portfolio www.
Zleceniodawca: CybNet
Strona jest zgodna ze specyfikacją W3C. Przetestowana została na następujących przeglądarkach: FF 3.5.6, FF 3.6, Opera 10.10, Safari 4, Chrome 3, Chrome 4, IE 6, IE 7, IE 8, Flock 2.5.3.
