Tankar

De viktigaste tankarna inför detta arbete var att göra en kassa i ett steg som på ett tydligt sätt guidar beställaren genom informationen som vi behöver för att kunna behandla deras beställning. En annan viktig punkt var att beställaren skulle få ett total pris direkt i kassan, det var även viktigt att få med vad frakten kommer att kosta. Anledningen till att vi vill ha med frakt och totalpris i kassan är för att ta bort ett orosmoment för beställaren som annars kan leda till en tappad beställning. Den andra anledning är att du som säljare är tvungen att redovisa vad frakten kommer att kosta innan du skickar varan till kunden och då är det ju lika bra att göra det så fort som möjligt i processen.

Framtid

Även om denna versionen precis är lanserad så finns det förbättringar kvar som jag skulle vilja göra. Skriver denna del lite som en todo-lista inför framtiden, kanske blir allt verklighet lite snabbare när det står här istället för på en post-it?

Först och främst så ska uträkningen av pris och frakt fungera även för besökare som surfar utan Javascript. Här har jag inte så höga krav mer än att det överhuvudtaget fungerar då 99% av besökarna till sidan har Javascript aktiverat.

Nästa puck är att spara varukorgen i en cookie så att all information finns kvar om man väljer att lämna sidan eller surfa vidare till en annan sida. En del i detta är även att göra så att beställ knapparna från produktsidorna lägger till i varukorgen istället för att bara länka till kassan.

Sist på listan blir att pris uträkningen ska ta hänsyn till vår mängdrabatt vilket inte sker i dagsläget.

Feedback

Det skulle vara väldigt värdefullt och intressant med feedback från någon utestående som kan titta på detta med ”färska” ögon, det är som bekant lätt att bli hemmablind och tycka att allt är frid och fröjd fast det finns förbättringar att göra. Så kom gärna med feedback i kommentarerna, allt är av intresse.

Lotus har under en längre tid varit i behov av att förnya sitt formspråk då Lotus Elise looken inte känns helt fräsch längre. Lotus Elite är det första konceptet som visar hur framtidens Lotus bilar kommer att se ut, och vilken lysande framtid Lotus ser ut att gå mot. Som ni förstår så är jag helt såld på denna bilen och om Lotus skulle släppa denna bilen idag skulle den absolut vara ett intressant alternativ till en Ferrari. Tyvärr kommer inte Lotus Elite att börja produceras förrän våren 2014.

Lotus är ju framförallt kända för sina små och spartanskt utrustade tvåsitsiga sportbilar (läs Elise) som genom lätt vikt inte behöver så kraftfull motor för att vara riktigt snabba. Lotus Elite är ett steg bort från denna filosofi då bilen väger hela 1 650 kg, kanske inte jätte mycket men klart mer än de ca 900 kg som Lotus Elise väger. Motorn på 620 hk är även den klart kraftfullare än vad Lotus normalt brukar använda.

Igår släppte DC Shoes den tredje gymkhana videon med Ken Block, ni som har sett de två tidigare gymkhana videorna vet att detta är en video man måste se om man gillar bilar.

För dig som inte har sett Gymkhana 2 än så bör du genast klicka på länken och spana in en riktigt grym video med massor av snygga stunts.

För att ge detta inlägg ett inslag av allmänbildning så inkluderar jag en kort beskrivning av vad gymkhana är från Wikipedia.

Gymkhana events are time and/or speed events in an automobile. These can feature obstacles such as cones, tires, and barrels. The driver must maneuver through a predetermined ”track” performing many different driving techniques. What separates gymkhana from traditional autocross events is that the gymkhana requires drivers to perform reversals, 180 degree spins, 360 degree spins, parking boxes, figure 8s and other advanced skills. Drifting is also encouraged where helpful or necessary. Essentially, a gymkhana is any event featuring a starting point, a finish line and some sort of ”obstacle” to get through, around, or by, all within a time limit.

Lampan på bilden heter Fragment light och är tillverkad av återvunnet träd. Den är gjord av en duo som kallar sig Anzfer Farms. Denna och ett gäng liknande lampor går att köpa genom kontakta Jonathan eller Joseph som är killarna bakom Anzfer Farms.

Eller om du bor nära havet så är det bara att knalla ner till stranden och se om det finns någon snygg bit trä som skulle bli din egna unika lampa.

På tisdag 14:00 kommer Bentley att släppa nästa generation Continental GT för världen via ett internet event som kommer att sändas på www.ContinentalGT.com

( 31 August 2010. Crewe, England) Bentley will reveal its new and compelling vision of the Continental GT next month with a unique internet reveal. The studio lights are switched-on and the cameras will start rolling at 1500 British Summer Time on Tuesday 7 September.

Kan tyvärr även vara så att det bara är ett koncept vi kommer att få se, men hoppas på att det är en färdig bil vi kommer att få se. Den förra generationen släpptes redan 2003 så det passar ganska bra i tiden med en ny generation nu. Det faktum att Bentley även har släppt ett gäng begränsade upplagor av Continental GT på senare tid skvallrar om att bilen sjunger på sista versen.

Updatering

Nu har Bentley släppt bilen och vi kan konstatera att det var en färdig bil som visades dock skulle jag inte kalla detta för en ny generation utan snarare för en facelift. Men man ska ju inte fixa något som inte är trasigt och designen från 2003 fungerar extremt bra även idag och därför har man inte gjort några större ändringar. Hoppa till galleriet 2011 Bentley Continental GT på Carvenom för att spana in alla bilder på läckerheten.

Anledningen till att vi behöver veta om det är ett Ajax anrop eller inte är att det avgör vad vi ska returnera till webbläsaren. Vid ett Ajax anrop vill man oftast returnera JSON och vid ett vanligt anrop är det antigen html eller en Location header som gäller.

I början löste jag detta problem genom att alltid skicka med fältet ajax med värdet true från alla Ajax anrop som jag gjorde. Detta fungerar kanon och är enkelt att kontrollera på servern i get eller post variabeln. Denna lösning är dock helt onödigt då jQuery och de flesta andra JavaScript ramverk redan skickar med information som vi kan använda för att detektera om det är ett Ajax anrop.

Ungefär såhär kan ett typiskt Ajax anrop se ut om man kör print_r($_SERVER) i php, jag har dock plockat bort ett gäng värden för att spara utrymme.

[HTTP_HOST] => www.wee.se
[HTTP_USER_AGENT] => Mozilla/5.0 (Windows; U; Windows NT 6.1; sv-SE; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8
[HTTP_ACCEPT] => */*
[HTTP_ACCEPT_LANGUAGE] => sv-se,sv;q=0.8,en-us;q=0.5,en;q=0.3
[HTTP_ACCEPT_ENCODING] => gzip,deflate
[HTTP_ACCEPT_CHARSET] => ISO-8859-1,utf-8;q=0.7,*;q=0.7
[HTTP_KEEP_ALIVE] => 115
[HTTP_CONNECTION] => keep-alive
[CONTENT_TYPE] => application/x-www-form-urlencoded
[HTTP_X_REQUESTED_WITH] => XMLHttpRequest
[HTTP_REFERER] => http://www.wee.se/

Det som är värt att lägga märke till här är nyckeln som heter HTTP_X_REQUESTED_WITH som har värdet XMLHttpRequest, det är nämligen denna header med detta värde som jQuery skickar med Ajax anrop för att berätta att det är just ett Ajax anrop.

Nu när vi vet detta är det enkelt att skriva en php funktion som du sedan kan använda för att kolla om det är ett Ajax anrop eller inte.

function isAjax()
{
return @ $_SERVER['HTTP_X_REQUESTED_WITH'] === 'XMLHttpRequest';
}

Jag hoppas att detta enkla tips hjälper någon att skriva lite bättre Ajax applikationer, som vanligt så tar jag gärna emot synpunkter och förslag i kommentarerna.

Men denna artikel ska handla om jQuerys olika funktioner för att navigera upp genom DOM trädet och skillnaden mellan dessa. De tre funktioner som jag kommer att gå igenom är Parent(), Parents() och Closest().

Parent(selektor)

Om du har ett jQuery objekt som representerar ett antal DOM element och använder Parent() utan någon selektor så får du tillbaka ett nytt jQuery objekt som innehåller de direkta föräldrarna till dina tidigare DOM element. Om du skickar med en selektor så kommer föräldrarna att testas mot denna selektor och endast de element som matchar kommer att returneras.

Parent() kollar alltså enbart en nivå upp i DOM:en för att hitta något att returnera.

Parents(selektor)

Parents() kan man säga är den kraftfulle storebrodern till Parent() då den fungerar på precis samma sätt men med den avgörande skillnaden att den returnerar alla stamfäder till det eller de DOM element som den körs på. Precis som med Parent() så kommer alla DOM element att testas mot den eventuella selektorn och bara de element som matchar  returneras.

Parents() går alltså upp genom alla stamfäder i DOM trädet för att hitta element att returnera.

Closest(selektor)

Closest() kan bäst beskrivas som en hybrid mellan Parent() och Parents() då den fungerar lite som båda fast med en egenhet som är viktig att känna till.

Precis som Parents() så går Closest() upp för DOM trädet via alla stamfäder men stannar vid första DOM elementet som matchar selektorn och returnerar detta element. Så precis som Parent() så returnerar Closest() endast ett DOM element per DOM element i det ursprungliga jQuery objektet.

Den unika egenheten med Closest() är att den börjat titta på det DOM element som sökningen görs från, detta innebär att om det DOM element du söker från matchar selektorn så kommer du att få tillbaka samma element som du började med. Denna egenhet kan ge förvirrande resultat om man inte har koll.

Slutsatser

Tänkte avsluta med en personlig reflektion över dessa tre funktioner. Closest() är den funktion du kommer att ha störst användning av och det beror på att den gör det du oftast kommer att behöva. Jag tänker ofta att jag ska använda Parent() eftersom det är föräldern jag är ute efter, men av erfarenhet så vet jag att detta är en stor felkälla när man gör ändringar i html strukturen senare. Mer felsäkert är att använda Closest() och en selektor som berättar vad du letar efter, då kan du lägga till ett nytt element mellan det du söker från och det du söker efter utan att din kod slutar fungera.

Parents() har jag nog aldrig haft någon direkt användning av men kan tänka mig att vid nästlade strukturer så kan den tillsammans med en selektor vara användbar.

Lämna gärna en kommentar, fråga eller fundering i kommentarerna så ska jag försöka svara något vettigt.

Men sedan en tid tillbaka har jag varit väldigt sugen att ge bloggandet ett nytt försök och denna gång försöka få lite flytt i skrivandet. Denna blogg kommer antagligen aldrig att uppdateras dagligen men med lite tur så kan det kanske bli ett inlägg i veckan. Istället för att satsa på en stor mängd inlägg så är min tanke att skriva om sådant som verkligen intresserar mig och satsa på att det jag skriver är bra och intressant för mer än mig.

Sidan kommer framför allt att handla om webbutveckling, bilar,  film och tv, fiske och design då detta är ämnen som intresserar mig. Sen kommer det säkert att bli lite av varje som inte passar in under dessa kategorier, men det ser jag som en bonus!