Avatar billede DGudiksen Nybegynder
27. april 2010 - 23:32 Der er 8 kommentarer og
1 løsning

Image tagging PHP/javascript

Hej allesammen. Sidder og vil gerne have lidt udfordring i min kodning, så ville prøve og lave noget som ligner facebook's taggings system.

hvor man har mulighed for at vælge et "område"/person på billedet også sige at det er ens ven.

jeg har ingen ide om hvordan det skal laves, derfor jeg spørger her.

Nogle som evt kan forklarer strukturen bag det? eller evt nogle som har et link til en god guide eller lign.

mvh Daniel.
Avatar billede repox Seniormester
27. april 2010 - 23:43 #1
Jeg synes efterhånden der er ved at komme en overflod af de her 'jeg har en idé - nogen der kan sende mig en guide eller fortælle mig hvordan jeg kan løse det' spørgsmål...

Da du ikke er konkret omkring specifikke problemstillinger, er det også svært at komme med konkrete svar: facebooks tagsystem er temmelig kompliceret, men det er en kombination af javascript og naturligvis en del AJAX for at få det til at lykkedes på den måde som det gør.

Såeh, læs lidt op på AJAX, så er du langt...
Avatar billede DGudiksen Nybegynder
27. april 2010 - 23:47 #2
det jeg søger er bare en struktur på hvordan det er bygges.

og som du siger det er AJAX kunne det være fedt hvis man kunne vide hvilket i ajax man skal søge efter? da jeg allerede kan lidt, men det må jo være noget specielt jeg skal bruge.
Avatar billede Slettet bruger
28. april 2010 - 00:51 #3
Nu er spørgsmålet om hvor kompleks dit projekt skal være, skal det bare være ét punkt eller et areal der skal markeres?
Når du ved det, kan du jo starte med at finde ud af hvordan man laver sådanne ting i JavaScript.
Derefter kan du så bruge AJAX til at sende koordinaterne på billedet til PHP.
Avatar billede repox Seniormester
28. april 2010 - 09:20 #4
#2
Du bestemmer jo selv strukturen - det er jo i princippet grundkernen i al udvikling; Som #3 er inde på, skal du selv finde ud af hvor komplekst det skal være - det er noget som ingen andre end dig kan vide.

Du tænker dog alt for bredt - du kan ikke 'søge efter noget i AJAX' der kan hjælpe dig. AJAX er en del af en teknologi som bare giver dig muligheden for at asynkront foretage HTTP forespørgsler hos klienten - det er alt.

Det der er interessant for dig at vide, det er netop hvordan du vil gemme og præsentere dataene.

Skal det være punkter, fikserede arealer, fleksible arealer som du vil angive som det taggede område på billedet? Og hvordan vil du lagre de oplysninger som de tags skal give?
Når du har besluttet dig for det, må du finde ud af hvordan du opnår den metode som du vil anvende til at tagge med.

Altså, jeg kunne jo fortsætte med at give de steps, men prøv at sætte i gang i stedet - vend tilbage når du har et konkret problem; hvem ved - måske får du nogle gode forslag til ændringer, forbedringer eller ros for dine idéer.
Avatar billede DGudiksen Nybegynder
28. april 2010 - 15:23 #5
jeg siger mange tak for hjælpen, dette hjalp faktisk en hel del for mig, jeg har nu kigget en del rundt på nettet og har fundet noget javascript til at finde kordinaterne med - så nu skal jeg bare til at lege.

Der er dog lige en ting som jeg gerne ville have med men ikke kan finde.

En måde i javasscript som gør det muligt for brugeren at udvide et billede/div - Altså så han kan trække den længere og højere, og også gøre det mindre. men jeg ved slet ikke lige hvordan jeg skal søge efter det på google ;).
Avatar billede Slettet bruger
28. april 2010 - 15:56 #6
Nu har jeg aldrig selv lavet sådan noget, men ville tro det kunne lade sig gøre ved at lave et <div>-element, som er usynligt med en mørk baggrund og så lave den en smule transperent, så man får effekten af en markering. Derudover skal elementet ligge i et "øvre" lag så det kommer til at ligge ovenpå billedet.
Du skal nu bruge JavaScript til at angive 4 punkter: top, right, bottom, left.
Punkterne er værdier i forhold til billedet du trykker på og de skal indsættes i dit <div>-element via DOM.
Når alle 4 punkter er sat så skal <div>-elementet gøres synligt.

Jeg vil ikke komme med et kode eksempel, men håber du forstår hvad det er jeg prøver at opnå.
Avatar billede repox Seniormester
28. april 2010 - 20:17 #7
En google søgning på 'javascript resize div' gav mig blandt andet dette resultat:
http://www.twinhelix.com/javascript/dragresize/demo/

Det var da en start...
Avatar billede DGudiksen Nybegynder
29. april 2010 - 00:33 #8
repox præcis lige det der jeg skulle bruge. mange mange tak.

Gider du ligge et svar så får du pointene :)
Avatar billede repox Seniormester
04. maj 2010 - 23:29 #9
Det fik du her
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