Testa dina webbsidor i olika webbläsare

by Reager 12. July 2009 19:00

Ett stort gissel för oss webbutvecklare är alla de olika varianter av webbläsare som finns ute på marknaden och skillnaderna i renderingen av html-koden och exekveringen av javascript dem emellan. Detta gör att man oftast måste testa sina sidor i de vanligaste webbläsarna innan man publicerar sidan för att försäkra sig om att sidan ser likadan ut i alla webbläsare.

Problemet här är inte Firefox, Safari eller Chrome, utan att Internet Explorer finns i olika versioner och användarna av dessa inte brukar vara de snabbaste att uppdatera vilket gör att många tyvärr fortfarande sitter med IE6 trots att IE8 finns ute på marknaden. Svårigheten här är att testa i IE utan att ha flera datorer, då det inte går, i varje fall inte utan att hacka runt lite, att köra flera versioner av IE på en dator och det då inte går att garantera att sidorna renderas likadant i en ohackad IE6.

Lösningen på detta problem stavas VPC, Virtual PC, vilket är ett verktyg som tillåter oss att köra virtuella kopior av Windows med olika versioner av Internet Explorer på. Det bästa av allt är  att det är Microsoft som står för dessa så vi behöver inte dra ut på Piratebay för att hitta dessa, utan de kan laddas hem helt lagligt från Microsofts egna hemsida.

Programmet Virtual PC 2007 hittar du på länken nedan

Virtual PC 2007

och för att ladda ner filerna med IE6, IE7 samt IE8 på Windows XP och Windows Vista hittar du här

Internet Explorer Application Compatibility VPC Image

De övriga webbläsarena hittar du här

Firefox
Safari
Chrome
Opera

Lycka till med webbutvecklandet

Tags:

Allmänt | Tips&Trix

Färga kod i dina blogginlägg

by Reager 11. July 2009 17:38

Om du liksom jag brukar posta inlägg med kod i så finns det många olika sätt för att få färg på denna kod. Efter att ha provat flera olika, t.ex. först posta koden på pastebin och sedan kopiera in koden i mitt blogginlägg, kopiera koden från Visual Studio m.fl. så började jag använda Windows Live Writer tillsammans med en plugin som heter "Insert Code for Windows Live Writer". Denna plugin gör det extremt enkelt att posta inlägg med färgad kod. Exempel på detta kan du se i senare inlägg på denna blogg.

Funktioner som denna plugin har är

Syntax highlighting för följande språk:

  • C#
  • Javascript
  • Html
  • TSQL
  • MSH
  • Visual Basic

Det går även att få kodraderna numrerade, dessvärre så går det inte att kopiera koden utan att radnumrerna följer med vilket jag anser är denna plugin:s största brist. Det går även att få kodraderna med alternerande bakgrund samt välja att inte infoga css:en direkt i koden utan lägga den i ett externt stylesheet istället.

Du hittar denna excellenta plugin på följande adress: http://gallery.live.com/liveItemDetail.aspx?li=1f57bd9b-a692-4593-9e9e-e2962d9c0eee&bt=9&pl=8

Denna rekommenderas verkligen för dig som postar kod på din blogg.

Tags: , , , , ,

Artikel | Tips&Trix | Allmänt

Komma åt parent repater från nested repeater

by Reager 22. June 2009 14:19

Rubriken kanske inte blev helt vacker, det är svårt att få vissa saker att låta fint när man ska skriva på svenska. Det jag kommer att visa är i varje fall hur du från en nästlad repeater kommer åt värden från förälder-repeatern.

Det hela är egentligen väldigt enkelt, det enda du behöver göra är följande:

<%#DataBinder.Eval(DataBinder.Eval(Container,"Parent.Parent.DataItem"),"Ref")%> 

Ref är i mitt exempel en property i den collection som jag band till min föräldra-repeater.

Tags: , ,

ASP.NET | Tips&Trix

Radnummer i gridview

by Reager 29. August 2007 22:45

Det har varit lite dåligt med uppdateringar på sistone, men här kommer iallafall ett litet tips. Om du skulle behöva radnummer i din gridview så kan du göra som jag ska visa nu. Börja med att skapa ett webbprojekt och dra ut en gridview. I denna ska vi sedan skapa en asp:TemplateField som vi gör en ItemTemplate i. Se exempel nedan.

<asp:GridView ID="gwRowNum" runat="server"> 
        <Columns> 
            <asp:TemplateField HeaderText="Radnummer"> 
                <ItemTemplate> 
                     <%# Container.DataItemIndex+1 %>             
                </ItemTemplate>             
            </asp:TemplateField> 
        </Columns> 
</asp:GridView> 

I nästa steg så ska vi bara skapa en test-datakälla, som blir en arraylist i detta fall. Gå till kodläget och inkludera System.Collections genom att ange using System.Collections; högst upp på kod-sidan. Sedan i Page_Load anger du följande kod för att skapa en ArrayList och sätta den som datasource för att som sista steg binda datan till gridview:n.

ArrayList arrObjects = new ArrayList(); 
arrObjects.Add("Reager"); 
arrObjects.Add("rokkar"); 
arrObjects.Add("som"); 
arrObjects.Add("vanligt"); 
gwRowNum.DataSource = arrObjects; 
gwRowNum.DataBind(); 

Hoppas du får användning för detta tips. Mer kommer när jag får tid över.

Tags: , , , , ,

ASP.NET | C# | Tips&Trix

Skicka mail med .NET

by Reager 12. August 2007 21:28

Någon som i gamla ASP krävde speciella komponenter och en del krångel är nu hur enkelt som helst i .NET, och det jag pratar om är att skicka mail. Börja med att inkludera namespacet System.Net.Mail genom att placera följande kodrad högst upp på sidan.

  1. using System.Net.Mail

När detta är gjort så krävs det endast två rader kod för att skicka ett enkelt mail. Se exempel nedan. Lägg denna kod i t.ex. ett click-event till en knapp eller var du nu tycker att det passar för dig.

  1. SmtpClient smtp = new SmtpClient("min.smtp.se");
  2. smtp.Send(new MailMessage("from@mail.com", "to@mail.com", "Ämne", "Meddelande"));

Vill du läsa mer om detta rekommenderar jag följande länk: http://msdn2.microsoft.com/en-us/library/system.net.mail.aspx

Hoppas du får nytta av detta tips.

Tags: , , ,

ASP.NET | C# | Tips&Trix

Behåll scroller-position vid postback

by Reager 7. August 2007 00:00

Det första .NET-relaterade inlägget på får bli ett litet tips, med vilket du
behåller rullningslistens position vid en postback.

För att få till detta sätter du egenskapen MaintainScrollPositionOnPostback till true i Page-direktivet. Se exempel nedan.

  1. <%@ Page Language="C#" MasterPageFile="~/MasterPage.master" Title="Ett litet tips" MaintainScrollPositionOnPostback="true"%>

Det var det första i raden av många tips&trix som är tänka att dyka upp här.

Tags: ,

Artikel | Tips&Trix

Powered by BlogEngine.NET 1.5.0.7
Theme by Mads Kristensen

RecentComments

Comment RSS