Spejlkirken, der fanger lyset fra himlen over Aarhus:

Himlen over Aarhus

Aarhus havn og aarhusianerne reflekteret i spejlkirken:

Aarhus reflekteret i spejlkirke

Et snævert udsyn over Aarhusbugten:

Aarhusbugten set gennem skulptur

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Sitet indeholder pt:

• To company og business navnegeneratorer
• En brand generator
• To code name and project name generators.

Websitet har kørt nogle måneder nu, hvor jeg langsomt har tilføjet nye business name generators, hen ad vejen. De er nu indekseret af Google og de første besøgende er begyndt at dukke op.

Besøgende på projektet

Idéen har bare været at siden lige skulle ligge og “modne” lidt og opbygge lidt Google trust på den konto. Og når tiden så er inde, har jeg efterhånden selv ret gode muligheder for at lave kvalitetslink. Men først vil jeg lige vente og se, hvad jeg rankere bedst på “out of the box”, og hvilke søge ord, der så vil være mest lukrative at arbejde videre med.

Besøgstallene er bestemt ikke prangende endnu, og i første omgang sigter jeg mod at få 500 besøgende om dagen. Men i modsætning til mit første navnegenerator projekt har jeg heller ikke gjort ret meget ud af linkbuildingen til nu.

Sitet er hovedsageligt baseret på on page søgeordsoptimering med mine sædvanlige lange tekster.   Brugerne gider dem selvfølgelig ikke, så de lange forklaringer er mest til at kunne hitte på nogle long tail søgninger hos Google. Og når de første besøgende begynder at dukker op giver det et rat godt billede af hvilke søgeord, det bedst kan betale sig at optimere på.

Helt konkret har besøgstallet de sidste 14 ligget lige over 100 daglige besøg. Men tendensen er hastigt opadgående. Håber at nå målsætningen på de 500 daglige i løbet af året.

Populære navnegenerator

De mest populære navnegenerator er har fra starten af været company name generator og brand name generator. En overraskelse for company names, da konkurrencen er temmelig stor på området. Mere forventeligt at brand name generatoren klarer sig godt fra starten, da konkurrencen for random brands er betydelig mindre.

Men Google eksperimenterer jo heftigt med deres rankering i de forskellige lande og regioner. Og det er ganske givet med til at få de første besøgende ind på sitet  her i starten. Ellers kommer flertallet af de første besøgende fra long tail søgninger.

Forretningsdelen i projektet

Websitet er en direkte udløber af mit online name generator projekt, hvor jeg har gået efter den mest lukrative del af navnegeneratorerne, nemlig de business orienterede. Disse navnegeneratorer har vist sig at have både de højeste clickthrough rater, de højeste klik priser, og de brugere, der bliver længst tid på sitet.

Jeg har endnu ikke sat adsense på hjemmesiden, da der foreløbig ikke er besøgende nok til at genere nogen reel adsense indtjening. Min filosofi er at vente så længe som muligt med den del. Jeg tror nemlig på, at det er lettere at få backlinks, når, der ikke er reklamer på sitet.

Med 500 daglige besøgende kan den arbejdsmæssige investering være tjent ind i løbet af 2-3 år lidt afhængigt af hvor meget fremtidigt arbejde,  jeg skal ligge i at hive besøgstallene op.

Teknikken

Jeg har kunnet holde udviklingstiden betragteligt nede ved at genbruge en mængde elementer fra mine andre navne generatorer. Det gælder hovedparten af både JavaScript programmeringen, php’en og HTML’en. Designet er meget lig mone inline genrators. Det skyldes dels at brugergrænsefladen fungerer rigtig godt og dels manglende kreativt talent og fantasi.

Hovedparten af arbejdet har bestået i at skrive de lange tekster til de enkelte navnegeneratorer.

Fremtidig udvikling

Jeg vil i løbet af det næste halve år udvide antallet af navnegeneratorer med blandt andet en domænne navnegenerator og en produkt navnegenerator. Derudover skal sitet have en tekstopdatering og optimering af tekster, og ellers er tanken bare at sitet mere eller mindre skal ligge og passe sig selv, og forhåbentlig på sigt give en næsten passiv indkomst.

Samarbejde

Og som sædvanlig. Ligger du inde med et website, og kunne tænke dig et hurtigt samarbejde med nogle kvalitets tekst links så kontakt mig endelig. Jeg har efterhånden en del websites og gode linkmuligheder i baghånden.

Related posts:

1. Cool names, company names og målrettet forretning Mit cool names projekt er ved at være 2½ år...

Related posts brought to you by Yet Another Related Posts Plugin.

I første omgang lykkes det at opnå et rimeligt resultat med at bruge padding-bottom for at få hævet teksten på knappen op. Desværre ødelagde denne Firefox løsning til gengæld oplevelsen i både Chrome og alle alle IE browserne. Og løsningen endte i bedste fald i et kompromis, hvor teksten sad en smule for højt i IE og Chrome og en smule for lavt  i Firefox.

En grundig søgning på “vertical alignment input button” viste, at problemet var velkendt, og jeg fandt dette gode fix på stackoverflow: Fix af bug med vertical alignment på input submit element:

input::-moz-focus-inner {/*Remove button padding in FF*/
    border: 0;
    padding: 0;
}

I mit tilfælde var det border propertien, der løste problemet. Og linjen med padding kunne fjernes, da jeg havde fjernet eksisterende padding på knappen for at få visningen så ensartet som muligt i de forskellige browsere.

Fikset med moz-focus-inner  har dog den bivirkning at den stiplede linje i Firefox, der viser at knappen er aktiv forsvinder. Dette kan give problemer for brugere, der navigerer et website med tastaturet.

Browsernes forskellige default rendering af tekst og padding på knapper kan i det hele taget give problemer. En anden kendt bug er de meget brede knapper i Internet Explorer 7. Dette problem kan løses med følgende følgende bug fix: problemer med padding på knapper i IE.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Den primære målsætning har været at få mange besøgende og sidevisninger. Med lige over 7000 daglige besøg må dette mål siges at være opfyldt nu.Derudover har jeg også haft den lidt mere diffuse målsætning at kunne tjene nogle penge på at generere navne på nettet. At skabe en god forretning med adsense. Indgangsvinklen har været den lidt overordnede teori, at mange besøgende giver grundlag for at tjene penge. Dette er til dels også lykkedes da 2011 tegner til at kunne giver et mindre overskud, hvis jeg kan fastholde de gode besøgstal.

Statistikker og kanaldata fra Adsense afslører dog hurtigt at besøgende ikke blot er besøgende. Indtjeningen er endog meget forskellig fra side til side. Derfor er det naturligt i den videre forretningsudvikling at fokusere på at optimere de mest rentable sider og søgeord, fremfor en  udelukkende at gå efter de høje besøgstal.

Hvis man kigge på projektet helt konkret er billedet tydeligt. Indtjeningen er størst på de forretnings-relaterede navnegeneratorer. 3 forhold gør sig gældende.

• Besøgende de kommer ind på forretnings-orienterede relaterede søgninger har flere sidevisninger.
• De forretnings-orienterede navnegeneratorer har en langt  højere click through rate.
• Klik-prisen på de forretnings-relaterede sider og søgninger er generelt højere.

Disse 3 forhold gør tilsammen at indtjeningen på disse sider er langt højere end på de andre typer af navnegeneratorer på mit website.

Company name generator

Min company name generator, er et godt eksempel på ovenstående. Company name generatoren er målrettet et business segment, og generer navne, der kan bruges som forretningsnavne og domænenavne. Adsense reklamerne er godt betalte og samtidig er click through raten rigtig høj.

Desværre ligger jeg på søgninger på company name generator lige omkring nummer 10 på Google. Der er  for lavt, til at sikre en sikker strøm af besøgende. Nogle gange ryger jeg om på side 2 og besøgstallet falder. Andre gange ryger jeg lige et par pladser op, hvilket selvfølgelig resultere i en øjeblikkelig stigning. Både på besøgstal, og den medfølgende indtjening.

Så en årets højeste prioriteter er, at styrke min position på søgninger på company name generator.Nu er det sjældendt  nok at rankere godt på et enkelt søgestreng, men når man rankere godt på sine primære søgestreng følger der som regel en masse long tail søgninger med i købet. Dette blogindlæg er selvfølgelig en del af arbejdet. Det giver lidt ekstra linkjuice, og derudover forsøger jeg også målrettet at skaffe linkjuice fra forskellige andre steder.

Andre forretnings-relaterede navnegeneratorer

Mine andre navnegeneratorer, der kan karakteriseres som forretnings-relaterede laver business names, product names og brands, project og code names. Alle disse navnegeneratorer klarer sig pænt i Google, takket være en målrettet indsats sidste og forrige år. De kræver derfor ikke den store opmærksomhed i år, men det er klart at der skal holdes øje med dem og justeres hen ad vejen. Det er trods alt lettere at vedligholde en god position i Google, end at opnå stigninger.  Click through raten på disse er også pænt høj, men betalingen pr. klik er en smule lavere end på  company name generatoren.

De øvrige navnegenratorer

Nogle af mine mest besøgte navnegeneratorer er desværre også nogle af de mindst rentable.  Folk der er på jagt efter fantasy names er tilsyneladende mindre villige til at klikke på reklamer og prisen pr. klik er også generelt lavere. Det er selvfølgelig også en medvirkende årsag, til at jeg har kunnet rankere godt med flere af mine fantasy generatorer. Konkurrencen har simpelthen været mindre, fordi markedet for fantasy relaterede søgestrenge ikke har så attraktive for annoncørerne.

Endelig er der hele nickname segmentet, der ligger sig midt imellem forretnings og fantasy området. her findes der også nogle potentielt gode forretningsmuligheder, som jeg også har et øje på.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Den gamle IE begrundelse for ikke at kunne tilføje class attributten til DOM elementer gennem setAttribute i IE 6 og IE7, var at class er et reserveret ord i JavaScript.

Tilføje class attribute i Internet Explorer

Hvis man vil tilføje en class attribute i  IE6 0g IE7  kan man i stedet bruge:

element.setAttribute(‘className’,'minklasse’);

Denne løsning giver dog ekstra arbejde, da du så skal til at detektere, hvilken browsere, der besøger dit website, da ovenstående ikke giver nogen mening i hverken Firefox eller IE8. Der vil du få en attribut ved navn ‘className’ og værdien ‘minklasse’.

I stedet kan du bruge:

element.className = ‘minKlasse’;

Den hæfter class atributten på elementet, og samtidig med at den navngiver den. Og det virker cross browser.

Style attribute i Internet Explorer

Jeg kender ikke begrundelsen for, hvorfor man ikke kan bruge style attributten. Men hvis du har brug for at tilføje en inline style med native JavaScript, kan du i stedet bruge .style syntaksen:

element.style.cssText = styleText

eller mere konkret:

element.style.backgroundColor = “#333333”;

Dnne metode vorker også på tværs af alle browsere. Du kan se en diskussion af emnet her:

http://www.quirksmode.org/bugreports/archives/2005/03/setAttribute_does_not_work_in_IE_when_used_with_th.html

Add class og add style i jQuery

Hvis man bruger et JavaScript library vil dette selvfølgelig håndtere browser forskelligheder for dig. I jQuery bruges .addClass(“min klasse”) for at tilføje class’es og css metoden .css( “display”, “none “) for at tilføje styles.

Hvorfor så bøvle med det selv, når f.eks. jQuery fikser det så let? Hvis man kun skal bruge en enkelt eller 2 metoder fra jQuery kan man spare rigtig mange kilobyte og ikke mindst et ekstra http-request ved at gøre tingene selv. Og så er det da også meget sjovere.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Marselisborg skov

Det første billede er fra Storskoven i Marselisborg skov. Det er taget d. 23 oktober. På det tidspunkt er bøgene midt inde i skoven, stadig meget grønne. Billedet er taget på vej fra Hørhaven op mod Søsterhøj senderen. Et sted hvor skovbunden er kuperet og åben under de gamle bøgetræer. Et meget fotogent sted i Marselisborg skoven hele året rundt.

Hestehave skov. Den midterste Thorsmølle sø

Dagen efter var jeg ved Thorsmølle Søerne i den del af Marsellisborg skov, der kaldes Kalø Hestehave Skov. Billedet er fra d. 24. oktober, og grunden til at bøgene her har meget mere farve er at de står åbnet og derfor mere udsat. De er allerede flere gange blevet berørt af de første gange nattefrost.

Marselisborg Skov. Thorsmølle bakken

Sidste billede fra Efteråret i Århus-skovene er fra d. 30 oktober. Det er taget på bakken bag ved Thors Mølle Restauranten. Den ekste uge har givet fulde blus på efterårsfarverne på  bøgetræerne. Alle bøgene var gule, og der var langt imellem de grønne blade.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Første gang blev buggen løst af en kollega, som siden glemte, hvad hans løsning var. Så da buggen dukkede op igen, måtte vi starte forfra. Forrige gang fik jeg aldrig ram på buggen, og da tekstgentagelserne kun optrådte i IE6 under helt bestemte forhold blev problemet  tilsidesat.

I dag dukkede buggen så op igen, i forbindelse med flytningen af et tekst element. Denne gang i IE7 hvor de sidste 3 characters i en bestemt streng blev gentaget uden for flowet og samtidig forstyrrede det øvrige flow på siden. Den gentagne tekst var kun synlig i visse situationer (helt konkret når man for søgte at se sin kurv, uden at der var andet indhold mellem kurven og sidens footer), men til gengæld fuldstændig konsistent i disse tilfælde.

En hurtig søgning afslørede at buggen kaldes ghost bug på engelsk. Der var dog mindre enighed, om hvordan ghost buggen fikses.  Her er et par af de nævnte forslag:

• Tjek at siden har en korrekt doctype declaration
• Forsøg at fjerne floats
• Undgå floats og width på 100% sammen
• Eksperimentér med fast højde på elementet og owerflow hidden

Ingen af disse forslag løste dog vores ghost bug.

Fix af ghost buggen

Mange af IE bugs skyldes eller fremprovokeres af brug af floats, så den løsning lå jo lige for. Desværre hjalp det ikke at fjerne floats på hverken elementet eller parent elementer, der også havde floats. Næste forsøg gik så på at se på både floats og widts i forældre elementerne. Og her dukkede løsningen op. Et div element 2 niveauer oppe havde en float left kombineret med en width på 100%. Ved at nedsætte width på dette element til 99.8% fik jeg has på ghost buggen.

Det kan synes ulogisk at vi først floater elementer for bagefter at give dem en width på 100%. Det skyldes, at hvis du har mange floatede div elementer inden i hinanden, og f.eks. kun den inderste div indeholder tekst. Så vil den yderste div ikke have samme højde som det indhold der vises på skærmen. Populært sagt så kollapser div-tagget. Dette giver problemer med f.eks. margin-top/padding-top på de efterfølgende elementer selv om man har clearet den ovenstående blok. Men det var et sidespring.

Fix af div tags der kollapser

Mødte endnu en ghostbug og fandt derfor et par nye metoder til at undgå at div’er der indeholder floatede div’er kollapser, hvis ikke parent div-tagget ikke også er floatet.

Man kan f.eks. give det kollapsede parent div-tag en overflow: auto eller hidden. Eller man kan give det en display:table.

Artikel om hvordan undgå div-tags der kollapser.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

En navnegenerator er god at starte med, hvis man vil lege med programmering. Man kommer hurtigt i gang med at kode, får et brugbart og sjovt resultat, samtidig med at man arbejde med nogle basale ting indenfor programmering. Navnegeneratoren er meget simpel, så den er let at eksperimentere og arbejde videre med.

Navnegeneratoren er skrevet i JavaScript, og kan derfor afvikles i en browser. For et live eksempel se f.eks. min business name generator.

Navnegenerator script

Her er først navnegenerator scriptet i sin helhed:

function generator(){
// Tilføj dine egne ord. Vær omhyggelig med at overholde syntaksen.
var adjectives = ["Cool","Masked","Bloody","Lame"]
var animals = ["Hamster","Moose","Lama","Duck"]

// Tilfældige tal genereres
var randomNumber1 = parseInt(Math.random() * adjectives.length);
var randomNumber2 = parseInt(Math.random() * animals.length);
var name = adjectives[randomNumber1] + ” ” + animals[randomNumber2];

alert(name); //Slet eller udkommentér denne linje, når nedenstående virker.

//Hvis der allerede er et navn bliver det fjernet
if(document.getElementById(“result”)){
document.getElementById(“placeholder”).removeChild(document.getElementById(“result”));
}
// Et div element bliver lavet for at kunne vise det genererede navn.
//Navnet tilføjes en tekst-node. Tekstnoden tilføjes til pladsholderen.
var element = document.createElement(“div”);
element.setAttribute(“id”, “result”);
element.appendChild(document.createTextNode(name));
document.getElementById(“placeholder”).appendChild(element);
}

Men lad os pille koden fra hinanden og se på de enkelte dele hver for sig

Navne og ordlister

Det vigtigste element i en navnegenerator er selvfølgelig ordlisterne. Det er ud fra disse lister af ord, at navnene genereres. Jo flere ord eller navne du tilføjer til ordlisterne, des større variation i det endelige navn. Ordlisterne gemmes i Arrays. Arrays er kort fortalt variabler, der kan indeholde mange elementer. I vores tilfælde er disse elementer ord.

var adjectives = ["cool","masked","bloody","lame"];
var animals = ["hamster","moose","lama","duck"];

For at  hente data ud array’et bruger vi  array-navnet med en tæller i en firkant-parentes som parameter. I programmering tæller man næsten altid fra nul.

Så adjectives[0] returner cool og animals[1] giver moose.

Tilfældige navne

For at vælge tilfældige navne og ord fra ordlisterne bruger vi JavaScripts indbyggede random funktion. Math.random giver os  tilfældige tal mellem 0 og 0.9999999999999.

I vores tilfælde skal vi bruge et tilfældigt tal mellem 0 og 3, da vi har 4 elementer i hvert array. Derfor ganger vi random funktionens tal med 4. Resultatet er et tal mellem o og 3.9999999999996. Men i stedet for selv at skulle tælle antallet af elementer i array’et,  får vi JavaScript til at gøre det med lenght-funktionen.

Endelig bruger vi JavaScript funktionen parseInt() til at runde vores tal ned til det heltal (integer), vi skal bruge til at hente navnene ud af vores 2 arrays.

Det lyder måske en smule kompliceret, men kodemæssigt, er det ret simpelt.

randomNumber1 = parseInt(Math.random() * adjectives.length);
randomNumber2 = parseInt(Math.random() * animals.length);

Visning af navnet

Den simpleste metode til at vise navne generatorens resultat er med alert funktionen. Jeg bruger dog udelukkende alert() til at tjekke det genererede navn, fordi en alert box er meget irriterende at bruge i længden.

I stedet vil vi bruge 7 ekstra linjer på at integrere, dit tilfældige navn i websiden på en mere naturlig måde.

Inden vi går i gang, skal du lave et tomt div-tag i din HTML side, der hvor du gerne vil have dit tilfældige navn vist.  Dette div tag fungerer som en pladsholder for det genererede navn:

<div id=”placeholder”></div>

Og her er de 7 linjer ekstra kode, der skriver resultatet på websiden:

if(document.getElementById(“result”)){
document.getElementById(“placeholder”).removeChild(document.getElementById(“result”));
}

element = document.createElement(“div”);
element.setAttribute(“id”, “result”);
element.appendChild(document.createTextNode(name));
document.getElementById(“placeholder”).appendChild(element);

I denne kodeblok sker følgende:

1. Der tjekkes om der allerede findes et resultat (navn). Hvis ja, bliver det fjernet fra placeholderen
2. Så bliver der skrevet et nyt div element med id’en result, til at vise det nye resultat
3. Navnet bliver tilføjet div tagget som en text node.
4. Tilsidst bliver elementet (div-tag med indeholdende text node) hæftet på placeholderen i HTML’en.

Når denne del fungerer, kan du fjerne alert funktionen fra scriptet, da navnet nu bliver skrevet direkte i HTML’en.

Sæt navnegeneratoren sammen

Scriptet kan du enten inkludere i toppen af dit HTML dokument eller placere i et eksternt script. Så er generator funktionen klar til at blive kaldt fra din HTML side.

Jeg kalder altid scriptet 2 steder. Første gang med en onload event i body tagget. Så bliver navne generator koden afviklet, når siden loader første gang.

<body onload=”generator()”>

Jeg kalder selvfølgelig også generator-funktionen fra en knap, så man kan lave nye navne med et klik.

<input type=”button” value=”Generér navn” onclick=”generator()” />

Lav din egen navne generator

Med scriptet er det let at lave din egen personlige  navne generator. Valget af ord i ordlisterne afgør om din navne generator laver babynavne, piratnavne, kodenavne eller noget helt fjerde.

Generatoren kan selvfølgelig også bruges til andre ting. Hvad med at lave en slogan-generator, avisoverskrifter  eller besynderlige lovforslag fra Dansk Folkeparti? Kun din fantasi sætter grænserne.

Smid endelig en kommentar og et link, hvis du får bakset en sjov eller interessant navne generator sammen.

Navnegenerator ressourcer

Se alle mine egne navnegeneratorer. Pt har jeg 18 forskellige navnegeneratorer til inspiration.

Du kan finde et fikst og færdigt  navnegenerator-script til download på min officielle name generator blog. Scriptet er grundigt kommenteret på engelsk og sammen med denne tutorial, er det super nemt at komme i gang med at kode selv.

Endelig kan mit blogindlæg How to make a  name generator måske også hjælpe.

JavaScript på w3schools er et godt sted, hvis du skal bruge hjælp til javascript.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Her nogle billeder af de klassiske biler fra for-træningen fredag aften.  Først aftenens bedste foto: Full speed ned af Carl Nielsensvej.

Full speed classic race aarhus

Raceofficials med grønt flag og en rød klassiker racende  forbi.

Green flag

Så er vi nået ned til chikanen i bunden af Oddervej. Fed lyd op af bakken og masser af dækhvin ud af svinget

Ræs på Oddervej. Klassiske racerbiler Århus.

Med Århusbugten i baggrunden.

Classic race Århus 2010.

Endelig en klassisk mini cooper i close race med en anden gammel spand.

Mini i close race

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Denne guide til bebugge rettet mod begyndere i programmering.

Jeg vil give konkrete  tips og  idéer samlet i 3 simple trin.  Jeg bruger PHP og JavaScript eksempler, men metoderne til at debugge er universelle, og kan bruges i forbindelse med alle programmeringssprog. 

Baggrunden er, at jeg i forbindelse med mit  gæstebogs script får en del henvendelser om hjælp.

Basal debugging

Basalt set handler debugging om at isolere problemer. Det gør man ved at skille tingene ad og undersøge de enkelte dele. Virker hver enkelt del, som vi forventer?

3 simple trin til debugging

1. Tjek, dobbelt tjek og triple tjek
2. Skriv variabler ud
3. Skil koden ad

1. Tjek  - dobbelt tjek - triple tjek

Start med at tjekke og dobbelt tjekke alle indtastninger, parenteser, tegn etc. Er  variabelnavne identiske?  Er  funktionskald og navne er stavet rigtigt?  Er syntaksen korrekt?  Når det er gjort, så tjek det hele en gang til…

2. Skriv dine variabler ud

Næste trin er at skrive dine variabler ud. Og fylde en masse print statements i din kode. Så kan du se hvilke værdier dine variabler har og hvor meget af koden, der bliver afviklet. Brug f.eks. echo i PHP og alert() i JavasScript:

PHP eksempel:

$brugernavn = $_GET['brugernavn'];
echo $brugernavn;

if($brugernavn == “”){
echo ‘test1′;
do something…
echo ‘test2′;
}else{
do something else …
echo ‘test3′;
}

JavaScript eksempel:

var brugernavn = document.getElementById(‘brugernavn’).value;

alert(brugernavn);

if(brugernavn.length() < 3){
do something …
alert(‘test1′);
}else if{
alert(‘test2′);
do something else …
alert(‘test3′);
}

Super debug metode til at finde ud af, hvor langt du kommer i afviklingen af koden, før det går galt. Bliver koden i  kodeblokkene afviklet, som du forventer?

Hardcode dine variabler

Du kan også prøve at hardcode dine variabler i stedet for at hente dem med dit script.

$brugernavn = “Nikolaj”;

Det er en god metode til at isolere og  afdække, om det er når du henter data eller behandler data, at du får fejl.

3. Skil koden ad og simplificér den

Prøv at pille koden fra hinanden og gør den enkel,  så du kan tjekke de enkelte dele. Prøv f.eks.

if(2 == 2){…

frem for:

if(strlen(trim($_GET['brugernavn'])) > 0 ){…

Så får du debugget om det er dine kodeblokke eller det er de betingelser, du har sat op i if-sætningerne,  der er problemer med.

På samme måde kan du pille kodeblokke helt ud af for-løkker etc. Eller du kan simplificere dem ved at hardcode tallene i løkken som f.eks.:

for(i=0; i<5; i++;) {…

Bonus tips

2 almindelige syntaks fejl

Her er 2 meget almindelige fejl, hvor fejlmeddelelserne ikke umiddelbart afslører problemet.

PHP eksempel:

Parse error: parse error, expecting `’,” or `’;” in C:\wamp\www\test\minSide.php  on line 13

Denne PHP parse error opstår, når du ikke har afsluttet den foregående linje med et semikolon.

JavaScript eksempel:

minFunktion is not defined

Denne JavaScript fejl optræder , når du forsøger at kalde en tidligere defineret funktion. Funktionen kan sagtens være defineret, men  indeholder ´f.eks. en syntaks fejl som en krølle-parantes/tuborg-parantes for meget eller for lidt.

Google din fejlmeddelelser

Du er helt sikkert ikke den første der har problemet. Fjern lokale navne fra din fejlmeddelser og søg på Google. Måske du kan finde hjælp til at indsnævre problemet.

Værktøj til debugging

JavaScript udvikling foregår bedst i en Firefox browser, fordi Firefox har gode værktøjer til debugging af JavaScript. Brug enten Firefox’s indbyggede fejlkonsol eller Firefox plugin’et Firebug. Begge giver gode og overskuelige fejlmeddelelser.

Afrunding

Debugging er en fast bestanddel af al programmering. Når man programmerer laver man også fejl. Heldigvis bliver man som regel bliver både dygtigere og klogere af det. Og næste gang er det nogle helt andre fejl, man laver.

Kender du andre gode begynder tips, så smid endelig en kommentar.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.