Avatar billede Blueeyez Mester
12. juni 2013 - 02:03 Der er 23 kommentarer og
1 løsning

Html, css og javascript?

Jeg kunne godt tænke mig at høre om det er simpelt ved brug af html,css og javascript at lave en sammenlign 2 produkter?

Fx hwcompare.com sammenligner grafikkort, men valgte og spørge herinde før jeg hopper ud i noget..

Jeg er ikke en haj til det, men har nogle produkter jeg godt kunne tænke mig at sætte op imod hinanden fx.

Enhed pc1 pc2
Cpu      I5.  I7
Ram  1 GB  2GB
Hdd  250 GB  500 GB

Ikke lige nøjagtigt følgende, men opsætningen, jeg ved jeg kan nøjes med og lave 1 dropdown menu og blot bruge den 2 eller flere gange, men jeg vil blot have hver dropdown menu til at lave en kolonne i en tabel (ligesom hwcompare.com)

Synes selv det lyder simpelt, men kunne godt tænke mig og høre/se hvordan du/i ville lave det.

Har ikke noget imod selv at skulle indtaste en masse informationer manuelt, men det er mere programmeringen / kombinationen (javascript er jeg ikke så meget bekendt med, men ved da det burde kunne følgende, men om det kan det på den måde jeg ønsker det er jo en anden sag.. Husk på knappen "sammenlign) medmindre den kan undværes.
Avatar billede keysersoze Guru
12. juni 2013 - 10:50 #1
Med JavaScript kan du tegne de rækker og kolonner du har behov for i forbindelse med din sammenligning så det er kun et spørgsmål om hvor data skal komme fra, mest optimalt er selvfølgelig en database, hvor du så kan benytte Ajax til at sende data frem og tilbage uden reload af siden - har du alle data clientside i forvejen, fx i et JavaScript objekt, behøver du selvfølgelig ikke bekymre dig om Ajax.
Avatar billede Blueeyez Mester
12. juni 2013 - 12:02 #2
Det er fritidsprojekt jeg tænker på og har ikke så meget erfaring så at blande mere ind over bør være lige til... Hvis muligt..
Avatar billede Blueeyez Mester
12. juni 2013 - 13:15 #3
Har fundet denne, tror dog ikke de har tilladt adgang til alt...

http://www.w3schools.com/ajax/ajax_database.asp

Det den så mangler er blot 2 dropdown menuer og lige 1 kolonne mere, men det er sådan det skal fungere :-)
Avatar billede keysersoze Guru
12. juni 2013 - 14:46 #4
Udover at deres eksempel er af utrolig dårlig kvalitet så laver de mere eller mindre netop hvad jeg foreslår i form af Ajax.
Avatar billede Blueeyez Mester
12. juni 2013 - 15:02 #5
#4 den del er jeg klar over, men er ikke haj til det og håbede du måske kunne sige om de har vedlagt de filer der skal bruges eller måske lave en med sådan en funktion ud over jeg søger 2 dropdown menuer og 1 inaktiv kolonne da den blot fx siger produkt navn mm. (Er komplet grøn til det her)
Avatar billede keysersoze Guru
12. juni 2013 - 17:06 #6
Kodemæssigt er det hele med men databasen er der ikke så vidt jeg kan se - men vil nu stadig mene at det vil være forfærdelig ærgerligt at gå så skævt som de fremlægger det første gang du skal ud i sådan noget.

Der er ingen der har sagt at det skal være let at udvikle web, men hvis du i stedet for at gabe over det hele på én gang bare startede langsomt fra en ende af bliver det hele noget lettere. hent fx jQuery og få deres AJAX-hjælpemetode til at spille først med nogle simple data mellem klient og server, få derefter dine rigtige data til at spille og først derefter begynde at kigge på at få dem udskrevet på klienten.
Avatar billede Blueeyez Mester
12. juni 2013 - 17:39 #7
#6 hmm med den smule jeg kan må jeg nok indse jeg ikke kommer til dette foreløbigt.

Smid et svar.
Avatar billede keysersoze Guru
12. juni 2013 - 21:18 #8
Jeg skal ikke have point når du ikke er kommet videre - men må dog sige at det er lidt trist at du ikke engang har forsøgt.
Avatar billede Blueeyez Mester
12. juni 2013 - 21:33 #9
#8 ville skam godt, men grundet en mindre skade er min indlæring ikke så god og at programmere er langt over hvad jeg kan desværre, men man har jo perioder hvor man får super tanker om og lave noget som lyder simpelt, men viser sig ikke helt og være så nemt..  Interessen var der mest fordi jeg har haft lidt success med html5 og css3, men efter lidt søgen må jeg indtømme jeg føler mig på dybere vand end forudset :-)
Avatar billede Blueeyez Mester
13. juni 2013 - 11:51 #10
Er det muligt og lave den funktion jeg ønsker med html5, css3 og AJAX? Eller skal der mere ind over?
Avatar billede keysersoze Guru
13. juni 2013 - 12:58 #11
Data skal vel komme et sted fra - så en database og noget ASP.net eller PHP er nok også påkrævet.

I teorien kan du også lave det kun med html og JavaScript i form af noget simpel show/hide layer, men en side uden database bliver en kamp at vedligeholde.
Avatar billede Blueeyez Mester
13. juni 2013 - 13:17 #12
Altså de produkter der er tale om ændres ikke og informationen er noget i stil med hwcompare.com med specifikationerne.. Har ikke noget imod at lave meget skrivning, straks værre med al den kodning ;-)
Avatar billede keysersoze Guru
13. juni 2013 - 18:57 #13
Jeg tænkte lige så meget på hvis ting skal slettes eller nye skal ind.

Den nok simpleste mulighed overhovedet er hvis du laver en tabel for hvert produkt og vha JavaScript viser eller skjuler dem efter behov.
Avatar billede Blueeyez Mester
13. juni 2013 - 19:51 #14
#13 vil det kunne fungere som ajax (altså det link jeg smed længere oppe) eller kræver det genindlæsning af hele siden?
Avatar billede keysersoze Guru
13. juni 2013 - 20:01 #15
Ajax er en teknologi til at transportere data asynkront mellem klient og server så du skal hverken benytte det eller en genindlæsning da alle data jo allerede er på klienten i nogle skjulte elementer. Optimalt nej i flere henseender men det vil virke.
Avatar billede Blueeyez Mester
13. juni 2013 - 20:22 #16
Okay, så html5, css3 og javascript kan gøre jobbet? Og det at det fungere godt for besøgende er vigtigt.. Selvom jeg tænker på hvad det vil koste at få en til og lave det for mig.. Altså blot kodningen, produkterne kan jeg selv få lagt ind..
Avatar billede keysersoze Guru
13. juni 2013 - 22:39 #17
jeg har ikke sagt at det vil fungere godt - kun at det vil kunne fungere. Hvis du har en håndfuld produkter er der ikke de store problemer, men har du et par hundrede er der ingen vej uden om at lave det rigtigt.
Avatar billede Blueeyez Mester
13. juni 2013 - 22:54 #18
Okay, efter din mening (du lyder ret erfaren) hvilke sprog skal der så bruges for at lave det rigtigt? Og vil den rigtige måde gøre det nemmere at tilføje produkter?
Avatar billede keysersoze Guru
13. juni 2013 - 23:36 #19
html, css og JavaScript kommer du ikke uden om - om du så vælger PHP med mysql eller ASP.net med en form for MS database gør nok ikke den store forskel. Spørgsmålet er måske om det ikke bare er lettere at finde et færdigt system, fx wordpress, umbraco eller composite, og finde den extensions der skal til for at løse din udfordring.
Avatar billede Blueeyez Mester
13. juni 2013 - 23:56 #20
Er blot ude efter en side der er html5 og css3 og så derefter med denne ja sammenligningsfunktion og derefter ikke mere ud over mulighed for en over kategori så man kan komme til og sammenligne fx nsd servere, harddiske, grafikkort osv (blot alternativer) ligesom hwcompare, men mere udbredt produktgrupper... Selvom det jeg mest er efter er nas server sammenligning
Avatar billede keysersoze Guru
14. juni 2013 - 09:04 #21
Hvis du ikke vil/kan forsøge at programmere det korrekt og du ikke vil forsøge dig med et færdigt CMS synes jeg at du skal finde et lettere alternativ - nemlig en statisk side hvor alle produkter sammenlignes på én gang.
Avatar billede Blueeyez Mester
14. juni 2013 - 09:16 #22
#21 vil skam godt, men er spørgende da jeg efterhånden har regnet ud det nok ikke bliver nemt og lige pt tænker jeg på om jeg med javascript kan få det som ventet, men samtidig tænker jeg på en korrekt løsning da det kan være jeg ender med og efterspørge en programmør der kan lave det for et beløb..
Avatar billede keysersoze Guru
14. juni 2013 - 09:38 #23
Som nævnt i #6 er det kun avanceret fordi du forsøger at gabe over hele problemstillingen på én gang fremfor at tage små brudstykker af gangen.

Som også allerede nævnt kan JavaScript alene ikke give dig den rigtige løsning, du kan kun lave noget der tilnærmelsesvis vil komme til at ligne under forudsætning af at du har et meget begrænset antal produkter. Det er derfor en simpel løsning som en statisk sammenligningsside eller et kig på et færdigt CMS, hvor du slet ikke skal udvikle noget, vil være gode alternativer.
Avatar billede Blueeyez Mester
15. juni 2013 - 22:35 #24
#23 må nok trække i land... Hvis du ønsker point bedes du smide svar inden søndag kl 18 :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester