tag:blogger.com,1999:blog-374301992011-07-29T11:14:21.363+03:00Easy Web DevelopmentASP.NET, XML, HTML, CSS, JavaScript.
Free to use and easy to understand asp.net, css, ajax, javascript sample code blocks.Cnoreply@blogger.comBlogger271100tag:blogger.com,1999:blog-37430199.post-34036714664343442912008-06-22T01:48:00.005+03:002008-06-22T02:04:00.975+03:00The new JavaScript Framework : JUNELong time no see, but I, at least, have a good reason: I've been working on my new JavaScript Framework: JUNE.It's using the Object Literal Notation and the Module pattern. It has great support for Event handling, DOM manipulation and AJAX.June Framework. Helps you code JavaScript better. Really.That's because it doesn't add a layer of sugar on top of JavaScript to make writing JavaScript like Cnoreply@blogger.comtag:blogger.com,1999:blog-37430199.post-19889757558413940152007-07-14T00:39:00.001+03:002007-07-14T01:07:11.427+03:00CSS tabbed menu with submenusThe CSS styles:/*** GLOBAL ***/HTML {cursor: default;}/*** MENU ***/DIV#MenuManagerDiv {width: auto !important;height: auto !important;text-align: left !important;vertical-align: top !important;margin: 0px 0px 0px 0px; /* T R B L */padding: 0px 0px 0px 0px; /* T R B L */}UL.MenuList {display: block !important;list-style-type: none;margin: 0px 0px 0px 0px; /* T R B L */padding: 0px 0px 0px 0px; /*Cnoreply@blogger.comtag:blogger.com,1999:blog-37430199.post-54416924067081749342007-05-04T12:50:00.000+03:002007-05-04T12:55:59.301+03:00Really easy CSS MenuWhen you start creating your website your first thought when it comes to the menu is to use a table.Well, you can create a table for the menu, there's nothing wrong with that, but using tables isn't always the best choise.So, this is an example where I'm using an unordered list (ul), to create my menu: <div id="MenuListContainer"><ul><li><a href="#">Home Page</a></li><li>|</li><li><a href="#">Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-46634397621434743382007-05-02T10:01:00.000+03:002007-05-02T10:21:35.394+03:00Light Up the WebLast night I watched Scott Guthrie (General Manager @ Microsoft) and Ray Ozzie (Chief Software Architect @ Microsoft) presenting Silverlight.That was a 2 & 1/5 hours of interesting material about this new technology that Microsoft just released."In an address from Las Vegas at the MIX07 Web conference, Chief Software Architect Ray Ozzie and Developer division General Manager Scott Guthrie will Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-13523538359728136892007-05-01T02:24:00.000+03:002007-05-01T02:35:36.998+03:00Transforming a Div into a TableI've seen a lot of people debating about tables and divs. Some of them are saying to use tables and not divs and vice-versa.Now, I'm showing you an example of how you can transform a div into a table.Note that this example doesn't work in IE7 (IE7 is messing it badly), but it works in Firefox just great.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-9833658221792330342007-04-29T17:10:00.000+03:002007-04-29T17:12:56.408+03:00Display UTC TimeDisplay UTC Time<%@ Page Language="VB" %><script runat="server">Private Sub UpdateTime()Dim culture As System.Globalization.CultureInfo = System.Globalization.CultureInfo.GetCultureInfo(1033)Dim currentDateTime As DateTime = DateTime.UtcNowMe.DisplayTimeLabel.Text = String.Format(culture, "{1}", Environment.NewLine, _currentDateTime.ToString("dddd, dd MMMM yyyy, hh:mm", culture))End SubProtected Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-55696730733309285942007-04-25T12:21:00.000+03:002007-04-25T12:49:25.881+03:00I have launched my web siteYeap!This is true!Finally, I've launched my web site late last night.I've worked a lot on this one and I really would appreciate any feedback I'll get from you!I've tested with IE7 and FF and it worked just great, but who knows...maybe there is something that I've misspelled or maybe I have some problem with page layout on other browsers and other platforms.This is what I got:- OS = Windows XP Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-18796334079733321492007-04-23T23:39:00.000+03:002007-04-24T01:23:35.754+03:00Crawling your competitor's web siteHave a quick look inside your competitor's web site.Retrieve all the content from the head tag and analize it.The asp.net code:<%@ Page Language="VB" AutoEventWireup="false" ValidateRequest="false" %><%@ Import Namespace="System.Net" %><%@ Import Namespace="System.IO" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><scriptCnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-80240878722110524772007-04-21T09:43:00.001+03:002007-04-21T09:59:25.849+03:00Make link from a span<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script type="text/javascript">//// Handling MouseOver & MouseOut Eventsvar elementId;var StateValue = false;function isChanged(/*As String*/ elementID, /*As Boolean*/ stateValue){elementId = document.getElementById(elementID);if (StateValue == false) // mouse is over{StateValue = true;// set new Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-66316350932168215352007-04-18T04:10:00.000+03:002007-04-18T04:25:16.907+03:00FileUpload ControlBefore start using this code:Create a folder called UploadFiles at the root of your web site. This is where you'll upload your files.Run this page in a web browser to find out what's your MaxRequestLength value. The code will be executed on page load event and the result will be displayed when the page loads completely.MaxRequestLength value is the maximum size for a file to be uploaded Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-12937720277465718922007-04-18T02:37:00.000+03:002007-04-19T18:27:01.308+03:00Browser RedirectsImplementing browser redirectsUsing meta refresh:<meta http-equiv="refresh" content="0; url=http://jasp-costin.blogspot.com">Using JavaScript:<script type="text/javascript"><!--function NavigateAway(){ window.location.href = "http://jasp-costin.blogspot.com";}//--></script><body onload="NavigateAway();">.....</body>Using ASP.NETProtected Overrides Sub OnLoad(ByVal e As System.EventArgs)Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-18677460446246446342007-04-16T14:09:00.000+03:002007-04-20T01:19:36.534+03:00View last modified date<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script type="text/javascript">////// VIEW LAST MODIFIED DATEfunction getLastDate(/*STRING*/ id){var elementId = document.getElementById(id); var m_lastDate = document.lastModified;elementId.innerHTML = m_lastDate;}</script></head><body onload="getLastDate('Span1');"><span id="Span1"></span></body></html>Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-53227011694986445062007-04-16T14:07:00.002+03:002007-04-17T14:58:07.975+03:00Set As Home Page<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script type="text/javascript">//// MAKE HOME-PAGE//function makeHomePage(/*STRING*/ elementId){TheLink = document.getElementById(elementId);TheLink.style.behavior='url(#default#homepage)';TheLink.setHomePage('http://jasp-costin.blogspot.com');}</script></head><body><span id="MakeHomePage_Span" onclick="makeHomePage(Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-1964595738063940662007-04-16T14:07:00.001+03:002007-04-19T18:23:45.885+03:00Open Popup Window<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script type="text/javascript"><!--function openWindow(){// The complete url to the html page you want to openvar streamUrl = "http://jasp-costin.blogspot.com";var popUpWindow;// For this popup title: use only one word (e.g "Title").// Do not split your title like this (e.g "My Title") or you'll get an exceptionvar Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-19625401515858732082007-04-16T14:05:00.000+03:002007-04-21T09:41:29.942+03:00Display Current Date<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script type="text/javascript">//// DISPLAY DATE//function GetCurrentDate(){ var months = new Array(13);months[1]= "January";months[2]= "February";months[3]= "March";months[4]= "April";months[5]= "May";months[6]= "June";months[7]= "July";months[8]= "August";months[9]= "September";months[10]= "October";months[11]= "NovemberCnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-61453369252961707802007-04-16T14:01:00.000+03:002007-04-30T18:37:16.822+03:00Add Page To FavoritesThis script will help you to add a given page to favorites.It's quite small, simple and easy to understand.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script type="text/javascript">//// ADD THIS PAGE TO FAVORITES//function addPageToFav(/*STRING*/ title, /*STRING*/ url ){if (document.all)window.external.AddFavorite(url, title);else if (window.sidebar)Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-79744240071407569112007-04-16T12:41:00.000+03:002007-04-18T04:39:51.049+03:00DropDown navigation menuThe code for aspx page<%@ Page Language="VB" %><script runat="server">Protected Sub SelectionDropDownList_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) _Handles SelectionDropDownList.SelectedIndexChangedIf Not (SelectionDropDownList.SelectedIndex = 0) ThenPage.Response.Redirect(Me.SelectionDropDownList.SelectedItem.Value)End IfEnd Sub</script><!DOCTYPE html PUBLIC "-//Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-50689023240310410192007-04-13T13:20:00.000+03:002007-04-18T04:40:31.663+03:00How to send an e-mail using ASP.NET 2.0This page I use to send e-mails and offers you the possibility to attach a file to your message and also you can specify how to send it (as HTML or as plain text)==================================================1 <%@ Page Language="VB" ValidateRequest="false" %>2 3 <%@ Import Namespace="System.Net.Mail" %>4 <%@ Import Namespace="System.Net.Mail.SmtpClient" %>5 <%@ Import Namespace="System.IO" %>Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-56027945162158175062006-11-24T23:17:00.000+02:002006-11-24T23:21:19.818+02:00Cum sa adaugam si apoi sa stergem elemente create dinamicIn acest tutorial va voi arata cum sa adaugati si cum sa stergeti un paragraf pe care l-ati adaugat in pagina in mod dinamic.Pentru acest lucru, vom crea un document ".html" si il vom denumi "AddRemElements".Apoi vom adauga un element TextArea si doua hiperlink-uri.In codul sursa, vom adauga urmatorul cod Javascript in tag-ul "head" al paginii:<script type="text/javascript" language="javascript">Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-64453326575242608132006-11-22T10:27:00.000+02:002006-11-22T10:29:20.863+02:00Sa schimbam culoarea paragrafelorCream un document html pe care il vom numi changeTagColor.htm.In tag-ul "head" al paginii, vom introduce urmatorul cod javascript:<script type="text/javascript"><!--function changeTagColor(){//cream o variabila numita "tagList" care va cauta in document toate elementele"p"var tagList = document.all.tags("p");//aici vom parcurge toate elementele "p" din documentfor (var i=0; i < tagList.length; i+Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-86340140031588484622006-11-14T14:46:00.000+02:002006-11-14T15:44:35.683+02:00Cum sa afisam un ceas intr-o pagina webPentru a afisa un ceas in tr-o pagina html nu avem nevoie decat de un pic de cod javascript.Astfel, sa cream un document html pe care sa-l numim "time.htm".In tag-ul "head" al paginii vom insera urmatorul cod javascript:<script language="javascript" type="text/javascript"><!--function startClock() {window.setInterval("startTick()", 1000);startTick();}function startTick(){var d = Date();var time =Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-91670750370234357182006-11-13T12:38:00.000+02:002006-11-13T12:41:06.626+02:00AJAX si XMLHttpRequestPentru a putea face o cerere catre server de pe calculatorul personal, intai si intai, trebuie sa vedem pe ce partitie este instalat sistemul de operare (de exemplu, la mine este C:\Windows).Verificati daca aveti folderul "inetpub" pe partitia "C". Daca exista, deschideti-l si uitati-va dupa un alt folder, numit "wwwroot".Daca si acesta exista, atunci creati un nou folder, numit "projects".Calea Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-79495752342242306052006-11-13T12:10:00.000+02:002006-11-14T15:45:41.777+02:00Cum sa stergem un fisier cookie pe care l-am creatAcum vom sterge fisierul cookie creat anterior.Pentru acest lucru vom crea un document html pe care il vom numi "deleteCookies.html"In tag-ul "head" al paginii vom introduce urmatorul cod javascript:<script language="javascript"><!--// definim variabile globale pentru a avea un cod mai lizibilvar thisCookie;var expireDate = new Date;var i;var cookieName;var xElement;// cream functia cu care vom Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-14326706035349851152006-11-13T11:27:00.000+02:002006-11-14T15:46:04.073+02:00Cookies, anyone ?! - Cum sa cream un fisier cookie.Pentru a crea un fisier cookie avem nevoie doar de o pagina html.Pentru aceasta, vom crea un document html pe care il vom numi "index.html".In codul sursa al acestei pagini vom introduce urmatoarele:- o portiune de cod javascript- un element "div" in care sa afisam continutul fisierului cookie pe care il vom crea.Sa incepem !Mai intai, vom insera codul javascript in tag-ul "head" al paginii:<Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-28602978793025375852006-11-12T11:59:00.000+02:002006-11-14T15:46:21.407+02:00Crearea unui banner alternantPentru a crea un banner alternant, avem nevoie, in primul rand, de cateva imagini.Asadar, sa cream un folder pe care o sa-l numim Project in care vom stoca imaginile si un document html.Ideal ar fi ca imaginile sa aiba aceleasi dimensiuni, deoarece nu dorim sa redimensionam continutul paginii in cazul in care una din imagini este mai mare sau mai mica decat celelalte. Bun. Acum ca avem imaginile Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-84881456894165781602006-11-11T02:44:00.000+02:002006-11-14T15:48:12.617+02:00Afisarea continutului unui fisier xml intr-o pagina html [partea a doua]Acum vom afisa in pagina default.html un continut xml mai bogat.Pentru asta, vom crea urmatoarele:un document xml pe care il vom numi persoane.xmlun document html pe care il vom numi default.htmlDeschidem autori.xml si introducem urmatoarele date:<?xml version="1.0" encoding="utf-8" ?><persoane><persoana1><nume>Trifan</nume><prenume>Costin</prenume><varsta>28</varsta><tara>Romania</tara></Cnoreply@blogger.com0tag:blogger.com,1999:blog-37430199.post-87583644325578046202006-11-10T20:45:00.000+02:002006-11-14T15:48:27.591+02:00Afisarea continutului unui fisier xml intr-o pagina html [partea intai]Pentru acest lucru avem nevoie de un fisier xml pe care il voi numi "cars.xml" sio pagina html pe care o voi numi "default.html".cars.xml va contine urmatorul cod:<?xml version="1.0" encoding="utf-8" ?><cars><car1><model>Suzuki</model><type>Coupe</type><color>Red</color><year>2005</year></car1></cars>In tag-ul "body" din pagina default.html, importam fisierul cars.xml:<body><xml id="auto" src="Cnoreply@blogger.com0