Archief - AJAX: Afbeelding draaien

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
.

.kw

Legacy Member
Ik ben bezig met iets waarmee mijn medeleiding foto's kan uploaden naar de website van onze jeugdbeweging. Tot nu toe kan je meerdere foto's tegelijk uploaden en die worden dan automatisch geresized. Dat loopt allemaal al gesmeerd :niceone:

Maar sommige mensen doen altijd alles vlug vlug en dus kan het voorkomen dat een foto nog niet recht staat maar in een hoek van 90°. Om dat te verhelpen zou ik graag, eens de foto's geüpload en geresized zijn, een overzicht willen tonen van de foto's.

In dat overzicht moeten onder elke foto twee knoppen staan: draaien in wijzerzin en draaien in tegenwijzerzin. Wanneer je op een van die knoppen klikt, wordt de foto gedraaid. Omdat ze anders gaan denken dat het niet werkt, moet dat onmiddellijk zichtbaar zijn in de browser en liefst ook meteen opgeslaan worden.

Ik denk dat dat met Ajax moet kunnen. Maar veel ken ik daar niet van. Dus moest iemand willen helpen of moest iemand een bestaand script kennen dat daarvoor geschikt is... het zou fantastisch zijn!

Het is met PHP. En de foto draaien en opslaan kan ik wel, maar niet om dat onmiddellijk te tonen (zonder ergens op submit te klikken en zo).
o

orez

Legacy Member
basis tutorialke AJAX volgen (zie www.w3schools.com) daarin wordt perfect uitgelegd hoe je een Request kunt doen door middel van php. (ze tonen het daar wel me asp... maar principe met querystrings blijft hetzelfde hé)
S

Smoerf

Legacy Member
zoiezo zal je die image realtime opnieuw moeten genereren (php gd?), soms kan dat wel tijdje duren, maar dan kan je wel een fancy ajax loader gebruiken :)
.

.kw

Legacy Member
Smoerf zei:
zoiezo zal je die image realtime opnieuw moeten genereren (php gd?), soms kan dat wel tijdje duren, maar dan kan je wel een fancy ajax loader gebruiken :)
Klik om te vergroten...

Ik heb het nu gemaakt. Na het uploaden krijg je een overzicht met alle geüploade foto's: telkens een iframe dat dan die "editor" opent. Het werkt allemaal, maar ik vind het nogal omslachtig en het gaat inderdaad enorm traag. Die iframes vind ik ook niet ideaal + als ik een fancy ajax loader gebruik zit er een fout in de javascript (heel vreemd, want als ik gewoon de pagina van de editor gebruik, dus niet in het iframe, dan zijn er geen fouten :crazy: document.getElementById("imageEditorImage") has no properties...). Ik denk dat het beter zou zijn als je de afbeeldingen 1 per 1 moet openen om te draaien, of eventueel met lightbox als dat lukt - op de thumbnail klikken en dan in die lighbox twee extra knopjes om te draaien. Nuja, ik zal er mijn werk nog mee hebben.
c

caoimhin

Legacy Member
wss werkt document.getElementById niet omdat je een element in dat iframe aanspreekt (en dus op een andere pagina)? is maar een gok ..
L

Legendary d.C.

Legacy Member
het heeft niets met het onderwerp te maken, maar even een vraagje naar .kw

ik ben eventjes geleden ook begonne met AJAX, maar ik vind het super irritant dat het hoofdletter gevoelig is, en het geeft ook niet aan waar er fout is opgetreden. Als je dan een paar kb vol hebt geschreven zit ik er langer aan het zoeken van de fout ( meestal een hoofdletter) dan het schrijven van het scritpje zelf.

Dus ik vroeg me af welke editor je gebruikt die wel aangeeft waar er in javascript een fout is.
d

dJeez

Legacy Member
Legendary d.C. zei:
Dus ik vroeg me af welke editor je gebruikt die wel aangeeft waar er in javascript een fout is.
Klik om te vergroten...
Gebruik Firefox met de Webdeveloper plugin om te debuggen, of een editor met code completion om het probleem bij de bron(code) te vermijden uiteraard (er zijn er te veel om op te noemen)...
.

.kw

Legacy Member
wss werkt document.getElementById niet omdat je een element in dat iframe aanspreekt (en dus op een andere pagina)? is maar een gok ..
Klik om te vergroten...
nee dat is het niet

ik vroeg me af welke editor je gebruikt die wel aangeeft waar er in javascript een fout is
Klik om te vergroten...
Gewoon in Firefox, met de extensies Web developer en Firebug. Je ziet de fouten ook in de foutconsole (extra > foutconsole) maar Firebug is gedetailleerder. www.getfirebug.com
.

.kw

Legacy Member
Smoerf zei:
als je wil kan ik wel eens iets in elkaar flansen...
Klik om te vergroten...

Ik wil het gerust eens doorsturen wat ik al heb. Alles werkt, maar het zijn verschillende bestaande scripts die ik aangepast en samengegooid heb. Nu wil ik het nog allemaal valid maken en na het uploaden zou je vanzelf op het overzicht moeten komen. Voorlopig moet je nog op een link "overzicht" klikken. Nuja laat iets weten als je wil helpen.:)
S

Smoerf

Legacy Member
ik ging een snippet schrijven, gemakkelijk te implementeren anders :)

Of liever niet?
.

.kw

Legacy Member
Smoerf zei:
ik ging een snippet schrijven, gemakkelijk te implementeren anders :)

Of liever niet?
Klik om te vergroten...

Liever wel natuurlijk! Maar wat bedoel je juist?
Het werkt al hé, maar de moeilijkheid is om na het uploaden te refreshen naar het overzicht. En het overzicht zelf is ook moeilijk om html & javascript valid te maken. In plaats van per foto een iframe zou ik liever met divs of zo werken.
S

Smoerf

Legacy Member
da's wat ik ging fixen, ben er eigenlijk aan bezig. Ik plaats het dan online in een zipje :)
S

Smoerf

Legacy Member
sry, door wat tijdsgebrek is het nog niet af, maar er wordt aan gewerkt :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan