abonnement Unibet Coolblue Bitvavo
  woensdag 11 april 2012 @ 10:45:06 #1
87680 Mirel
Mirel wil een bongophone.
pi_110172798
[html, css, js] Voor Dummies

Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic

Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (code.png), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.

IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.

Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
When all else fails, you always have delusion.
  woensdag 11 april 2012 @ 10:53:04 #2
56176 Catch22-
Ben je Blind?!
pi_110173025
ik gebruik eigenlijk nooit EM's of procenten. Werkt vaak niet optimaal icm paddings e.d.

Las laatst wel iets over REM's, dat is wel handiger. Een EM is namelijk afhankelijk van de fontsize van het huidige element en niet van de base fontsize.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 11 april 2012 @ 10:54:45 #3
87680 Mirel
Mirel wil een bongophone.
pi_110173069
Hai.

Op http://filmdepartment.nl/v2/ staat bovenaan dus een slider, netzoals bij het origineel: http://templatesden.com/TF/WPCMS/apogee/. Standaard kan je daar in scrollen met de muis, dan schuiven de 3 slides door. Dat heb ik uitgezet door de 1 bij factor en scroll op 0 te zetten :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
    
var    aux        = {
            
// navigates left / right
            
navigate    : function( dir$el$wrapperoptscache ) {
                
                var 
scroll        opts.scroll,
                    
factor        1,
                    
idxClicked    0;
                    
                if( 
cache.expanded ) {
                    
scroll        1// scroll is always 1 in full mode
                    
factor        3// the width of the expanded item will be 3 times bigger than 1 collapsed item    
                    
idxClicked    cache.idxClicked// the index of the clicked item
                
}
?>

Als ik dat uitzet en dan ga scrollen terwijl de muis over dat gedeelte hangt, dan wordt de schaduw in de eerste slide steeds dikker. Het gebeurt in Opera, Chrome en IE, niet in Firefox. Firefox negeert dat stukje en scrollt gewoon de hele pagina.

Hetzelfde gebeurt in een schone install op m'n localhost. Op het moment dat ik de 1tjes naar 0tjes verander, wordt de schaduw bij de eerste slide dikker en dikker hoe meer je het scrollwieltje draait.

Waar kan dat aan liggen? Wordt die slide telkens boven op een andere gekopieerd? Zit die hele scroll misschien zo in elkaar:

[1] [2] [3]

Na 1x scrollen wordt het zo:

[2] [3] [1]

En dan zit misschien [1] [2] [3] er nog steeds onder, maar die wordt dan tegelijkertijd verwijderd, om zo de illusie te wekken dat het een scroll is? Zo ja, dan worden ze dus niet verwijderd na een scrollevent.

of lul ik nu slap? :P Want dan zou er ook een schaduw op de andere 2 zitten.
When all else fails, you always have delusion.
  woensdag 11 april 2012 @ 10:58:46 #4
56176 Catch22-
Ben je Blind?!
pi_110173175
kijk eens in de code van je plugin
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 11 april 2012 @ 11:01:38 #5
87680 Mirel
Mirel wil een bongophone.
pi_110173277
Ze worden idd gecloned. Ik zag in Chrome's element inspecttool dat er meer divs bij zijn gekomen. Ik zie regeltjes die over clonen gaan in de .js, die zet ik nu op 0.

Had even met de replacefunctie alle 1tjes naar 0tjes veranderd in het hele document, en dan gaat het uit ja. Dus maar even kijken welke van de 17 uit moeten :P
When all else fails, you always have delusion.
  woensdag 11 april 2012 @ 11:04:14 #6
56176 Catch22-
Ben je Blind?!
pi_110173356
Lees de code en kijk wat wat doet, check eventuele documentatie.

je kan niet maar overal 1tjes in nulletjes gaan veranderen, dat is niet echt best practice.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 11 april 2012 @ 11:06:19 #7
87680 Mirel
Mirel wil een bongophone.
pi_110173421
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg :)

Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?

[ Bericht 48% gewijzigd door Mirel op 11-04-2012 12:42:08 ]
When all else fails, you always have delusion.
pi_110176883
Iemand hier ervaring met eigen Wordpress themes ontwerpen>?
pi_110177073
quote:
0s.gif Op woensdag 11 april 2012 11:06 schreef Mirel het volgende:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg :)

Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
http://www.quora.com/What(...)CSS-Javascript-games

En nee, dat is niet 'voor beginners'. ImpactJS is een redelijk bekende, maar voor iemand die net met JS aan de gang is raad ik af gelijk een game te gaan maken.

[ Bericht 6% gewijzigd door #ANONIEM op 11-04-2012 12:47:40 ]
pi_110177304
quote:
0s.gif Op woensdag 11 april 2012 11:06 schreef Mirel het volgende:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg :)

Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
Wat voor game wilt ze gaan maken dan? Ik denk dat Flash dan makkelijker en laagdrempeliger is.
  woensdag 11 april 2012 @ 12:59:17 #11
299167 stefanhaan
Bloeddorstige wasbeer
pi_110177640
quote:
0s.gif Op woensdag 11 april 2012 12:52 schreef RenRen- het volgende:

[..]

Wat voor game wilt ze gaan maken dan? Ik denk dat Flash dan makkelijker en laagdrempeliger is.
Zonde om nu nog flash te leren aangezien het binnen 1/2 jaar nergens meer gebruikt gaat worden.

quote:
0s.gif Op woensdag 11 april 2012 11:06 schreef Mirel het volgende:
Ik doe het bij de regels waar comments staan over clonen en geclonede dingen deleten. Het is nu weg :)

Een vriendin vraagt of er ergens sites of tutorials zijn over games maken in HTML 5. Iemand tips voor een beginner?
Beter eerst goed javascript leren, jquery en al die meuk. Voordat ze aan zoiets wil beginnen. En wat simpele dingen met het HTML5 Canvas klooien.
It was an opportunity to honour our memories and to make room for new ones
pi_110177879
quote:
10s.gif Op woensdag 11 april 2012 12:59 schreef stefanhaan het volgende:

[..]

Zonde om nu nog flash te leren aangezien het binnen 1/2 jaar nergens meer gebruikt gaat worden.

[..]

Beter eerst goed javascript leren, jquery en al die meuk. Voordat ze aan zoiets wil beginnen. En wat simpele dingen met het HTML5 Canvas klooien.
Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaan
  woensdag 11 april 2012 @ 13:04:50 #13
56176 Catch22-
Ben je Blind?!
pi_110177890
leraren leven altijd minimaal 6 jaar in het verleden he
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 11 april 2012 @ 13:05:15 #14
299167 stefanhaan
Bloeddorstige wasbeer
pi_110177910
quote:
0s.gif Op woensdag 11 april 2012 13:04 schreef RenRen- het volgende:

[..]

Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaan
HTML5 word juist de vervanging van flash. Flash is oud en word steeds meer ouderwets. Als je al kijkt naar wat er kan met HTML5 is het wel overduidelijk dat dit flash gaat vervangen.
It was an opportunity to honour our memories and to make room for new ones
  woensdag 11 april 2012 @ 13:05:36 #15
299167 stefanhaan
Bloeddorstige wasbeer
pi_110177926
quote:
0s.gif Op woensdag 11 april 2012 13:04 schreef RenRen- het volgende:

[..]

Ik hoorde juist dat het voor games enzo best nog nuttig is om Flash te leren. Ik heb er verder niet zoveel onderzoek naar gedaan, maar ik had 5 weken geleden mijn eerste les in een module over Flash. Toen werd dat ook geroepen door iedereen, maar volgens mijn leraar was het gelul. Maar as I said, zelf geen onderzoek naar gedaan
Kijk hier bijvoorbeeld maar.
http://html5games.com/
It was an opportunity to honour our memories and to make room for new ones
pi_110177988
Flash is obsolete. Flash moet dood.
pi_110178085
quote:
11s.gif Op woensdag 11 april 2012 13:04 schreef Catch22- het volgende:
leraren leven altijd minimaal 6 jaar in het verleden he
Op mijn school gelukkig niet, hij ook niet, hij is gewoon enorme fan van Flash.
quote:
10s.gif Op woensdag 11 april 2012 13:05 schreef stefanhaan het volgende:

[..]

Kijk hier bijvoorbeeld maar.
http://html5games.com/
Ik weet wat er kan ;) Ik vind het alleen niet boeiend genoeg om er een heel onderzoek naar te verrichten :+
pi_110178131
Flash moet idd dood, maar als je als n00b een simpel spelletje wilt bouwen is het wel de makkelijkste optie. Quick&dirty is niet altijd evil.
pi_110178277
quote:
0s.gif Op woensdag 11 april 2012 13:09 schreef RenRen- het volgende:

[..]

Op mijn school gelukkig niet, hij ook niet, hij is gewoon enorme fan van Flash.
Dan leeft hij nog wel in het verleden hoor. Flash is opgegeven door de hele wereld.
  PR/Manusje van alles woensdag 11 april 2012 @ 13:16:17 #20
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_110178341
Dat is wel erg dat je al docent niet mee kan gaan met de laatste ontwikkelingen. :') Juist hij moet concluderen dat flash dood is. :X
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! ©yvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
pi_110178359
quote:
10s.gif Op woensdag 11 april 2012 13:16 schreef Surveillance-Fiets het volgende:
Dat is wel erg dat je al docent niet mee kan gaan met de laatste ontwikkelingen. :') Juist hij moet concluderen dat flash dood is. :X
Echt he. Ergste is nog dat RennieRen het ook aangeleerd krijgt, die gekke ideetjes van hem. Brrrrr.
pi_110178649
quote:
0s.gif Op woensdag 11 april 2012 13:14 schreef Scorpie het volgende:

[..]

Dan leeft hij nog wel in het verleden hoor. Flash is opgegeven door de hele wereld.
Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?
quote:
15s.gif Op woensdag 11 april 2012 13:16 schreef Scorpie het volgende:

[..]

Echt he. Ergste is nog dat RennieRen het ook aangeleerd krijgt, die gekke ideetjes van hem. Brrrrr.
:'( Ik word gewoon verkeerd opgeleid.
  woensdag 11 april 2012 @ 13:25:40 #23
299167 stefanhaan
Bloeddorstige wasbeer
pi_110178679
quote:
0s.gif Op woensdag 11 april 2012 13:25 schreef RenRen- het volgende:

[..]

Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?

[..]

:'( Ik word gewoon verkeerd opgeleid.
Nee apps voor android worden in native java gemaakt als ik me niet vergis.
It was an opportunity to honour our memories and to make room for new ones
pi_110178706
quote:
0s.gif Op woensdag 11 april 2012 13:25 schreef RenRen- het volgende:

[..]

Maaaar apps voor Android zijn toch ook veelal gemaakt met Flash? Of is die informatie ook uit iemand zijn reet getrokken?

Nee, Java over het algemeen.

quote:
:'( Ik word gewoon verkeerd opgeleid.
Dat had ik allang door...
  woensdag 11 april 2012 @ 13:29:09 #25
56176 Catch22-
Ben je Blind?!
pi_110178792
ja dat is niet echt nieuws :P
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 11 april 2012 @ 13:34:07 #26
12221 Tijn
Powered by MS Paint
pi_110178975
Ik heb de laatste tijd hartstikke veel werk omdat de projecten die voorheen in Flash gedaan zouden worden nu met HTML5/CSS/Javascript uitgevoerd moeten worden.

Ik heb laatst nog zo'n klus gedaan voor een bedrijf die zeiden dat ze eerst op zoek waren geweest naar een goede Flash programmeur, maar dat ze gewoon niet meer te vinden zijn.

De grap is trouwens ook dat er bijna nooit daadwerkelijk veel HTML5 aan te pas komt trouwens :P Zo'n beetje alles wat leken HTML5 noemen is in feite meestal CSS3 en jQuery :P
pi_110179073
quote:
14s.gif Op woensdag 11 april 2012 13:34 schreef Tijn het volgende:
Ik heb de laatste tijd hartstikke veel werk omdat de projecten die voorheen in Flash gedaan zouden worden nu met HTML5/CSS/Javascript uitgevoerd moeten worden.

Ik heb laatst nog zo'n klus gedaan voor een bedrijf die zeiden dat ze eerst op zoek waren geweest naar een goede Flash programmeur, maar dat ze gewoon niet meer te vinden zijn.

De grap is trouwens ook dat er bijna nooit daadwerkelijk veel HTML5 aan te pas komt trouwens :P Zo'n beetje alles wat leken HTML5 noemen is in feite meestal CSS3 en jQuery :P
Herkenbaar. Heerlijk toch, lekker met CSS3, HTML5 en jQuery stoeien? :D
  woensdag 11 april 2012 @ 13:43:48 #28
299167 stefanhaan
Bloeddorstige wasbeer
pi_110179337
quote:
14s.gif Op woensdag 11 april 2012 13:34 schreef Tijn het volgende:
Ik heb de laatste tijd hartstikke veel werk omdat de projecten die voorheen in Flash gedaan zouden worden nu met HTML5/CSS/Javascript uitgevoerd moeten worden.

Ik heb laatst nog zo'n klus gedaan voor een bedrijf die zeiden dat ze eerst op zoek waren geweest naar een goede Flash programmeur, maar dat ze gewoon niet meer te vinden zijn.

De grap is trouwens ook dat er bijna nooit daadwerkelijk veel HTML5 aan te pas komt trouwens :P Zo'n beetje alles wat leken HTML5 noemen is in feite meestal CSS3 en jQuery :P
Klopt maar je wil niet weten hoeveel mensen niks met jQuery of CSS3 kunnen.
It was an opportunity to honour our memories and to make room for new ones
  woensdag 11 april 2012 @ 13:46:30 #29
56176 Catch22-
Ben je Blind?!
pi_110179453
dit topic zorgt wel voor verdieping :P
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 11 april 2012 @ 13:48:25 #30
299167 stefanhaan
Bloeddorstige wasbeer
pi_110179529
Tevens is dit ook wel vet
http://www.sencha.com/products/touch

HTML5 cross OS app making _O_
Gratis commerciële license :7
It was an opportunity to honour our memories and to make room for new ones
pi_110179622
quote:
10s.gif Op woensdag 11 april 2012 13:48 schreef stefanhaan het volgende:
Tevens is dit ook wel vet
http://www.sencha.com/products/touch

HTML5 cross OS app making _O_
Gratis commerciële license :7
Heuj je hebt het verkeerd begrepen he. En niet mijn producten jatten!
  woensdag 11 april 2012 @ 13:51:46 #32
299167 stefanhaan
Bloeddorstige wasbeer
pi_110179674
quote:
11s.gif Op woensdag 11 april 2012 13:50 schreef Scorpie het volgende:

[..]

Heuj je hebt het verkeerd begrepen he. En niet mijn producten jatten!
Ik jat niks? :P
It was an opportunity to honour our memories and to make room for new ones
pi_110179843
quote:
10s.gif Op woensdag 11 april 2012 13:51 schreef stefanhaan het volgende:

[..]

Ik jat niks? :P
Sencha Touch is iig niet commercieel te gebruiken zonder je source te openbaren of een licentie aan te schaffen.

Verder is Sencha gewoon baas. Eindbaas. Baas der Bazen. Roflpwned jQuery in het aarschje.

[ Bericht 7% gewijzigd door #ANONIEM op 11-04-2012 13:55:41 ]
  woensdag 11 april 2012 @ 13:55:39 #34
299167 stefanhaan
Bloeddorstige wasbeer
pi_110179860
quote:
7s.gif Op woensdag 11 april 2012 13:55 schreef Scorpie het volgende:

[..]

Sencha Touch is iig niet commercieel te gebruiken zonder je source te openbaren of een licentie aan te schaffen.
De Touch wel. Lees de licentie maar.

Alleen de Webversie niet ;)
It was an opportunity to honour our memories and to make room for new ones
pi_110179913
quote:
10s.gif Op woensdag 11 april 2012 13:55 schreef stefanhaan het volgende:

[..]

De Touch wel. Lees de licentie maar.

Alleen de Webversie niet ;)
Niet als je een Touch app voor in de App store maakt.
  woensdag 11 april 2012 @ 13:57:29 #36
299167 stefanhaan
Bloeddorstige wasbeer
pi_110179948
quote:
11s.gif Op woensdag 11 april 2012 13:56 schreef Scorpie het volgende:

[..]

Niet als je een Touch app voor in de App store maakt.
Mijne komt ook niet in de store ;) Bedrijfs app.
It was an opportunity to honour our memories and to make room for new ones
pi_110179975
quote:
10s.gif Op woensdag 11 april 2012 13:57 schreef stefanhaan het volgende:

[..]

Mijne komt ook niet in de store ;) Bedrijfs app.
Oke, dan is het goed. En de desktop versie is idd betaald.
  woensdag 11 april 2012 @ 13:59:21 #38
299167 stefanhaan
Bloeddorstige wasbeer
pi_110180033
quote:
0s.gif Op woensdag 11 april 2012 13:58 schreef Scorpie het volgende:

[..]

Oke, dan is het goed. En de desktop versie is idd betaald.
De mobiele heb ik nergens gelezen dat zodra app store dat je ook moet dokken. Maar zou me niks verbazen nee :P
It was an opportunity to honour our memories and to make room for new ones
  woensdag 11 april 2012 @ 14:16:50 #39
299167 stefanhaan
Bloeddorstige wasbeer
pi_110180830
quote:
0s.gif Op woensdag 11 april 2012 13:58 schreef Scorpie het volgende:

[..]

Oke, dan is het goed. En de desktop versie is idd betaald.
Tevens dit:

quote:
Commercial Software License (Embedded Devices)
This is the appropriate option if you want to use Sencha Touch to build applications targeting embedded devices. This option is free for distribution of less than 5,000 units annually. If you plan to exceed this amount of devices, Embedded device licenses are available that can be customized for your needs. You may create unlimited numbers of applications with NO per seat or per user payments.
It was an opportunity to honour our memories and to make room for new ones
  woensdag 11 april 2012 @ 23:48:47 #40
230788 n8n
Pragmatisch
pi_110212275
sensa touch een website-framework of om native apps mee te maken zoals phonegap?
Specialization is for insects”.—Robert Heinlein
  donderdag 12 april 2012 @ 00:59:05 #41
299167 stefanhaan
Bloeddorstige wasbeer
pi_110214836
quote:
7s.gif Op woensdag 11 april 2012 23:48 schreef n8n het volgende:
sensa touch een website-framework of om native apps mee te maken zoals phonegap?
framework om apps mee te maken.
It was an opportunity to honour our memories and to make room for new ones
  donderdag 12 april 2012 @ 02:08:42 #42
230788 n8n
Pragmatisch
pi_110216100
gewoon websites dus, maak ik dan liever zelf zitten voor mij te veel nadelen aan zulke frameworks. Voordeel is dat het sneller ontwikkelt maar ik hou liever zelf de controle.
Specialization is for insects”.—Robert Heinlein
  donderdag 12 april 2012 @ 20:51:21 #43
299167 stefanhaan
Bloeddorstige wasbeer
pi_110247950
quote:
7s.gif Op donderdag 12 april 2012 02:08 schreef n8n het volgende:
gewoon websites dus, maak ik dan liever zelf zitten voor mij te veel nadelen aan zulke frameworks. Voordeel is dat het sneller ontwikkelt maar ik hou liever zelf de controle.
Nee niks websites. Je maakt er apps mee flapdrol. Lees ff in op die website man :')
It was an opportunity to honour our memories and to make room for new ones
pi_110248184
De grens tussen app en website is heel smal tegenwoordig ;)
pi_110248375
Het is wel echt een hel om te ontwikkelen voor Android-toestellen. Ze hebben allemaal een Webkit-browser, maar vrijwel ieder toestel heeft weer z'n eigen quirks. Soms zijn het minimale verschillen, dingen als line-height die niet helemaal lekker gaan - maar soms worden ook hele reflows van de layout niet gedaan e.d.

Maar hybride/webapps zijn natuurlijk wel gaaf :)
Nee.
  vrijdag 13 april 2012 @ 01:08:33 #46
370539 kucher
is snucher
pi_110260962
Controleer altijd de Android versie en reset de standaardinstellingen voor je begint met testen. Bekijk ook maandelijks deze pagina en terwijl je bezig bent deze site.
pi_110263073
Hartstikke leuk, maar als ik toestel X bekijken met Android versie X, en toestel Y - ook met versie X - dan kunnen er nog steeds renderverschillen zijn. Het is niet zo als bij iOS, waar eigenlijk alle devices met dezelfde software 99.9% identiek reageren.
Nee.
  vrijdag 13 april 2012 @ 08:13:13 #48
370539 kucher
is snucher
pi_110263956
Maar iOS kun je niet zelf builden, Android wordt door elke fabrikant zelf aangepast aan de hardware. Webkit daarbij slopen is natuurlijk op z'n zachtst gezegd niet de bedoeling maar ik heb wel verschil gezien tussen AOSP en CM. Vind Opera overigens sowieso prettiger dan de meegeleverde browser maar dat terzijde.
pi_110327669
jQuery n00b-vraagje

ik heb diverse buttons
1
2
3
<button onclick="toggleByClass('1');">bla1</button>
<button onclick="toggleByClass('2');">bla2</button>
<button onclick="toggleByClass('3');">bla3</button>

nu verdwijnt met de click op de button de bijbehorende class
1
2
3
function toggleByClass(className) {
    $("."+className).toggle("slow");
}

maar ik wil het eigenlijk net anders om
alle classes moeten verdwijnen behalve die aangeklikt wordt...
  zaterdag 14 april 2012 @ 21:30:14 #50
230788 n8n
Pragmatisch
pi_110327705
quote:
10s.gif Op donderdag 12 april 2012 20:51 schreef stefanhaan het volgende:

[..]

Nee niks websites. Je maakt er apps mee flapdrol. Lees ff in op die website man :')
zijn gewoon websites met een lelijk app-laagje. flapdrol
Specialization is for insects”.—Robert Heinlein
pi_110332343
Hallon,



De CSS de ik nu heb staan is:
1
2
3
4
5
img.topicoptions {
float: left;
margin-top: 3px;
padding: 0px 1px;
}

Hoe los ik dit op?
pi_110333904
1
2
3
4
.pagesholder > div {
  left: -***px; 
  top: ***px;
}
beetje schuiven tot het goed staat

[ Bericht 0% gewijzigd door KomtTijd... op 14-04-2012 23:49:56 ]
pi_110334992
quote:
14s.gif Op zaterdag 14 april 2012 23:42 schreef KomtTijd... het volgende:

[ code verwijderd ]

beetje schuiven tot het goed staat
Werkt deels. Er is een soort van "barriere" een paar pixels links van de "stop volgen" button. (Bij margin-left)
pi_110340740
quote:
2s.gif Op zondag 15 april 2012 00:08 schreef DrNick het volgende:

[..]

Werkt deels. Er is een soort van "barriere" een paar pixels links van de "stop volgen" button. (Bij margin-left)
Hoe is je css nu dan?
pi_110346445
hallo,

weet iemand hoe ik tekst in een box kan opslaan (als een .txt of word bestand) als ik op Save Note druk?

Ik zie hier: http://www.galasoft.ch/myjavascript/CExplorer/index.html
dat het kan met behulp van javascript maar dit werkt alleen in IE zo te lezen. Is er een algemeen werkende versie waar ik ook kan kiezen waar ik het bestand opsla? als ik de naam of richting weet kan ik het uitzoeken :P



[ Bericht 16% gewijzigd door killfrenzy op 15-04-2012 13:05:48 ]
And remember, respect is everything!
pi_110347331
quote:
Lekkere chaos.
Verder is dit niet echt handig:
1
2
3
.pagesholder > div {
    margin-right: 8px !important;
}
Die div heeft namelijk een inline style "position:absolute;top:-3px". Als je die naast de volgen/stop volgen knoppen wilt plaatsen, zul je met die positie aan de slag moeten.
1
2
3
4
.pagesholder > div {
    top: 20px !important;
    left: 120px;
}
Misschien moeten die getallen een beetje anders, daar moet je zelf maar mee spelen.
pi_110347738
quote:
0s.gif Op zondag 15 april 2012 13:28 schreef Light het volgende:

[..]

Lekkere chaos.
Verder is dit niet echt handig:
[ code verwijderd ]

Die div heeft namelijk een inline style "position:absolute;top:-3px". Als je die naast de volgen/stop volgen knoppen wilt plaatsen, zul je met die positie aan de slag moeten.
[ code verwijderd ]

Misschien moeten die getallen een beetje anders, daar moet je zelf maar mee spelen.
Dat doet niets, ik blijf die barriere houden.
pi_110347832
Top lukt me wel, maar links/rechts verschuiven niet. :?
pi_110348554
quote:
2s.gif Op zondag 15 april 2012 13:43 schreef DrNick het volgende:
Top lukt me wel, maar links/rechts verschuiven niet. :?
Da's vaag. Hier werkt het wel, iig als ik in Firebug met die css regels ga spelen. Overigens zonder de rest van je css, dus misschien dat daar nog iets in zit dat de boel verstoort. Je kunt nog proberen om "left: 120px !important;" te gebruiken. Als dat niet helpt, moet je uitzoeken wat er blokkeert. En eens kijken wat er gebeurt als je een css neemt met alleen de regels voor het verplaatsen van die icons.
  zondag 15 april 2012 @ 14:09:11 #61
12221 Tijn
Powered by MS Paint
pi_110348688
quote:
0s.gif Op zondag 15 april 2012 13:00 schreef killfrenzy het volgende:

weet iemand hoe ik tekst in een box kan opslaan (als een .txt of word bestand) als ik op Save Note druk?
Ik zou het serverside doen. Met PHP bijvoorbeeld zoiets:

notitie_opslaan.php:
1
2
3
4
5
6
7
8
9
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST')
{
    
header('Content-Type: text/plain');
    
header('Content-Length: '.strlen($_POST['notitie']));
    
header('Content-Disposition: attachment;filename="notitie.txt"');
    die(
$_POST['notitie']);
}
?>

Ik ga er vanuit dat je HTML er ongeveer zo uitziet:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
    <head>
        <title>Notitie opslaan</title>
    </head>
    <body>
        <form method="post" action="notitie_opslaan.php">
            <fieldset>
                <legend>Notitie opslaan</legend>
                <textarea name="notitie"></textarea>
            </fieldset>
            <button type="submit">opslaan</button>
        </form>
    </body>
</html>
pi_110349139
quote:
0s.gif Op zondag 15 april 2012 14:05 schreef Light het volgende:

[..]

Da's vaag. Hier werkt het wel, iig als ik in Firebug met die css regels ga spelen. Overigens zonder de rest van je css, dus misschien dat daar nog iets in zit dat de boel verstoort. Je kunt nog proberen om "left: 120px !important;" te gebruiken. Als dat niet helpt, moet je uitzoeken wat er blokkeert. En eens kijken wat er gebeurt als je een css neemt met alleen de regels voor het verplaatsen van die icons.
Jeps, !important deed het. Bedankt ^O^
pi_110349595
!important :')
Nee.
pi_110350575
quote:
0s.gif Op zondag 15 april 2012 14:32 schreef PimD het volgende:
!important :')
Wat is daarmee? :')
  zondag 15 april 2012 @ 15:01:10 #65
12221 Tijn
Powered by MS Paint
pi_110350858
quote:
2s.gif Op zondag 15 april 2012 14:55 schreef DrNick het volgende:

[..]

Wat is daarmee? :')
Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is :+
pi_110350909
quote:
10s.gif Op zondag 15 april 2012 15:01 schreef Tijn het volgende:

[..]

Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is :+
Joh, als je tegen de CSS van FOK! aan zit te werken...
pi_110351278
quote:
10s.gif Op zondag 15 april 2012 15:01 schreef Tijn het volgende:

[..]

Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is :+
Gelukkig is het niet mijn css ;)
pi_110351409
quote:
14s.gif Op zondag 15 april 2012 14:09 schreef Tijn het volgende:

[..]

Ik zou het serverside doen. Met PHP bijvoorbeeld zoiets:

notitie_opslaan.php:
[ code verwijderd ]

Ik ga er vanuit dat je HTML er ongeveer zo uitziet:
[ code verwijderd ]

Top, werkt uitstekend!

Ik ben momenteel bezig met een ander functie. Namelijk dat de tekst in een vakje bij "Save Note" opgeslagen wordt in een server zonder dat de pagina herlaad en dat een ingelogde (Google) gebruiker bij een volgend bezoek deze gelijk weer ziet.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function showNotesBox() {
        $this->tag = "<div id='notes'>";
        $this->tag .= "<h2 id='title'>Notities</h2>";
        $this->tag .= "<form action='' method='post'>";
        $this->tag .= "<textarea rows='20' cols='50'></textarea><br />";
        if (isset($SESSION['status'])) {
            $this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' value='Save note   ' /></a>";
            $this->tag .= "<a href='index.php?page=share'><input id='postnote' class='button' type='button' value='Share with' /></a>";
            $this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' value='Help the community!' /></a>";
        } else {
            $this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' disabled='disabled' value='Save note' /></a>";
            $this->tag .= "<a href='index.php?page=share'><input id='savenote' class='button' type='button' disabled='disabled' value='Share with' /></a>";
            $this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' disabled='disabled' value='Help the community!' /></a>";
        }

Dat zou ik dus met AJAX moeten doen maar heb nog geen idee hoe. Ik heb alvast ids meegegeven aan de buttons.

1
2
3
4
5
6
$.ajax({
  url: "test.html",
  context: document.body
}).done(function() { 
  $(this).addClass("done");
});

1
2
 $('#savenote').click(function() {
}

Kan ik hier wat mee of doe ik maar wat?
And remember, respect is everything!
pi_110351416
quote:
0s.gif Op zondag 15 april 2012 15:11 schreef Light het volgende:

[..]

Gelukkig is het niet mijn css ;)
Mag ik de jouwe eens zien?
pi_110351469
quote:
2s.gif Op zondag 15 april 2012 15:14 schreef DrNick het volgende:

[..]

Mag ik de jouwe eens zien?
Ik heb geen custom css.
  zondag 15 april 2012 @ 15:15:46 #71
230788 n8n
Pragmatisch
pi_110351487
quote:
14s.gif Op zondag 15 april 2012 15:02 schreef KomtTijd... het volgende:

[..]

Joh, als je tegen de CSS van FOK! aan zit te werken...
exact ;( treurnis
Specialization is for insects”.—Robert Heinlein
pi_110353504
quote:
2s.gif Op zondag 15 april 2012 15:14 schreef DrNick het volgende:

[..]

Mag ik de jouwe eens zien?
1
2
3
4
5
6
7
8
9
.pagesholder {
    display: block;
    left: 470px;
    line-height: 5px;
    position: absolute;
    text-align: right;
    top: 25px;
    width: 350px;
}

Ziet er goed uit in FF kan niet zien in andere browsers. :P
Redacted
pi_110355420
quote:
0s.gif Op zaterdag 14 april 2012 21:29 schreef MrNiles het volgende:
jQuery n00b-vraagje

ik heb diverse buttons
[ code verwijderd ]

nu verdwijnt met de click op de button de bijbehorende class
[ code verwijderd ]

maar ik wil het eigenlijk net anders om
alle classes moeten verdwijnen behalve die aangeklikt wordt...
Heb je dit al opgelost? :P

Dit is een manier, je kan ook de class veranderen door .CSS een attribuut te veranderen.
en dan bij THIS het terug het te tonen. :).
1
2
3
4
5
6
7
8
$('.example_class').click(function() {
//alles verbergen.
  $('.example_class').hide('slow', function() {
    alert('Animation complete.');
  });
//toon de ene die je hebt aangeklikt.
 $(This).show();
});


[ Bericht 16% gewijzigd door cablegunmaster op 15-04-2012 16:47:29 ]
Redacted
pi_110358042
Hmm ik ben een stukje verder denk ik.

Ik heb dus nu:

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
En dan kan ik dus dit gebruiken :

1
2
3
$('savenote').click(function() {
      
});'

Met een functie van AJAX:

1
2
3
4
5
6
7
8
$.post('toolkit/saveNote.php', {
     movie_id : movie_id,
     user_id : user_id,
     note : note
},
function(output) {
     $('confirmID').html.text(output);
}'

Om ervoor te zorgen dat de notities (showNotesbox) opgeslagen worden op de server. Het lukt mij alleen niet helemaal, ik krijg foutmeldingen.
And remember, respect is everything!
pi_110361441
jQuery vraagje

ik heb diverse buttons
1
2
3
<button onclick="toggleByClass('sectie1');">bla1</button>
<button onclick="toggleByClass('sectie12');">bla2</button>
<button onclick="toggleByClass('sectie13');">bla3</button>

nu verdwijnt met de click op de button de bijbehorende classes
1
2
3
function toggleByClass(className) {
    $("."+className).toggle("slow");
}

maar ik wil het eigenlijk net anders om
ik wil graag dat alle classes van de button verdwijnen behalve die aangeklikt wordt...

kan ik bij hide() classes toewijzen waar het voor geldt?
zoiets?
$("td").hide('.sectie1.sectie2.sectie3');
pi_110361495
Spatie ertussen.
pi_110361790
quote:
0s.gif Op zondag 15 april 2012 19:26 schreef Scorpie het volgende:
Spatie ertussen.
als ik dit doe
1$("td").hide(' .sectie1');
dan lijken alle td's te verdwijnen...
pi_110362276
("TD.sectie*").hide() verbergt alle TDs met classes beginnend met de naam sectie
  maandag 16 april 2012 @ 11:48:41 #79
87680 Mirel
Mirel wil een bongophone.
pi_110389517
Holy crap wat maakt Google het lastig om de API key pagina te vinden. Heb het ooit gevonden, maar nu hebben ze niet meer code.google, maar developers.google.com. Tientallen pagina's vol met uitleg en verhalen, maar geen linkje naar de API key generator pagina. Zucht :{
When all else fails, you always have delusion.
  maandag 16 april 2012 @ 11:49:32 #80
56176 Catch22-
Ben je Blind?!
pi_110389543
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 16 april 2012 @ 11:53:18 #81
87680 Mirel
Mirel wil een bongophone.
pi_110389668
Hoe navigeer je daarheen vanaf https://developers.google.com/? :{ Volgens mij is het met tientallen kliks :{ Doen ze hun best om het te verstoppen?

Maar thanks :)
When all else fails, you always have delusion.
  maandag 16 april 2012 @ 12:38:30 #82
56176 Catch22-
Ben je Blind?!
pi_110391070
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 16 april 2012 @ 12:58:25 #83
87680 Mirel
Mirel wil een bongophone.
pi_110391675
Hey ik zie een API console knopje op de frontpage, en dan kom je er direct, zonder jouw tussenpagina. Maar op de google maps documentatie staat bijna nergens een link, beetje nja, onoverzichtelijk durf ik te zeggen.
When all else fails, you always have delusion.
  maandag 16 april 2012 @ 13:02:37 #84
56176 Catch22-
Ben je Blind?!
pi_110391831
van developers mogen ze verwachten dat ze wel iets beter lezen dan de gemiddelde gebruiker.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 16 april 2012 @ 13:34:27 #85
87680 Mirel
Mirel wil een bongophone.
pi_110393268
Ik ben geen developer :P Van zo'n googlemaps tutorial had ik ooit een link naar de documentatie van googlemaps en daar stond de link toen bij, en nu is dat veranderd.

Da's iets netzoals bij zoekfuncties op technische forums. Geen opvallend kleurtje of handige positie rechtsboven ofzo, nee, gewoon in normale kleine letters ergens in het menu gepropt :P
When all else fails, you always have delusion.
  maandag 16 april 2012 @ 13:43:15 #86
56176 Catch22-
Ben je Blind?!
pi_110393634
dan moet je lekker bij developers.google.com wegblijven.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_110393722
quote:
11s.gif Op maandag 16 april 2012 13:02 schreef Catch22- het volgende:
van developers mogen ze verwachten dat ze wel iets beter lezen dan de gemiddelde gebruiker.
Dan nog, een linkje waar veel naar gezocht wordt mag wel een beetje duidelijk worden geplaatst. "Onze users zijn slim dus mogen ze lekker zoeken" is zo ongeveer het tegenovergestelde van gebruiksvriendelijk.
pi_110393880
quote:
14s.gif Op maandag 16 april 2012 13:45 schreef picodealion het volgende:

[..]

Dan nog, een linkje waar veel naar gezocht wordt mag wel een beetje duidelijk worden geplaatst. "Onze users zijn slim dus mogen ze lekker zoeken" is zo ongeveer het tegenovergestelde van gebruiksvriendelijk.
Fucking 1e google hit: http://www.google.nl/search?hl=nl&q=googlemaps+developer+api+key
  maandag 16 april 2012 @ 13:58:23 #89
87680 Mirel
Mirel wil een bongophone.
pi_110394342
Google gebruiken om te googlen binnen google. *O* Binnenin de documentatie moet het gewoon gelinkt worden, klaar.

quote:
11s.gif Op maandag 16 april 2012 13:43 schreef Catch22- het volgende:
dan moet je lekker bij developers.google.com wegblijven.
Paar weken terug was het nog code.developers.com :6
When all else fails, you always have delusion.
  maandag 16 april 2012 @ 14:07:22 #90
56176 Catch22-
Ben je Blind?!
pi_110394715
Als je al moeite hebt met het vinden van een api key dan wens ik je veel succes met de API
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 16 april 2012 @ 14:12:40 #91
87680 Mirel
Mirel wil een bongophone.
pi_110394931
Is voor plugin, en ik had al een API key. En dankjewel voor je altijd vriendelijke reacties O+
When all else fails, you always have delusion.
pi_110395019
quote:
0s.gif Op maandag 16 april 2012 13:58 schreef Mirel het volgende:
Google gebruiken om te googlen binnen google. *O* Binnenin de documentatie moet het gewoon gelinkt worden, klaar.
Wat is het nou, klaag je nu over de documentatie die je niet goed gelezen hebt, de links in de documentatie die je niet gelezen hebt, de doorzoekbaarheid van de documentatie die je niet gegoogled hebt of het gebrek aan begrijpend kunnen lezen?
pi_110395135
Oja, als ik die MEGA GROTE ZOEKBALK BOVENIN gebruik, en ik typ twee woordjes in: api key, badum tis, waar kom ik dan op uit? juist ja: https://developers.google.com/search?q=api+key . Wil je dan nog *echt* *echt* *echt* expliciet zoeken, dan zet je er nog een 3e woord bij, de app waarvoor je een API nodig hebt. Shocking dit! Gewoonweg shocking! Onmogelijk te vinden voor al die miljoenen developers die er dagelijks gebruik van maken!
  maandag 16 april 2012 @ 14:18:44 #94
87680 Mirel
Mirel wil een bongophone.
pi_110395168
Gebrekkigheid aan links in de documentatie naar de API generator. Wat is daar niet aan te snappen? Ik ga expres niet googlen, wil weten of ze het zelf in orde hebben. Off-hand opmerkingen ga ik maar hier niet maken, allemachtig hee :')
When all else fails, you always have delusion.
pi_110395169
Of ga ik nu weer te ver in het afbranden van niet-googlende-beginnende-HTMLers-die-alles-al-weten-en-kunnen-naar-eigen-zeggen?
pi_110395233
quote:
0s.gif Op maandag 16 april 2012 14:18 schreef Mirel het volgende:
Gebrekkigheid aan links in de documentatie naar de API generator. Wat is daar niet aan te snappen? Ik ga expres niet googlen, wil weten of ze het zelf in orde hebben. Off-hand opmerkingen ga ik maar hier niet maken, allemachtig hee :')
Dat is dus echt kankerhard gelul van de bovenste plank, want je komt er wel hier in dit topic om mekkeren dat je het niet meer kan vinden in plaats van een mailtje naar Google te sturen.

Of je bent een aartslui figuur die denkt dat alles aan komt waaien als je maar hard genoeg mekkert, of je bent een randfiguur met een blok beton van heb ik jou daar voor je harses omdat je een punt wil maken over iets wat geen issue is. Welke van de twee is het?

[ Bericht 2% gewijzigd door #ANONIEM op 16-04-2012 14:21:05 ]
  maandag 16 april 2012 @ 14:22:42 #97
87680 Mirel
Mirel wil een bongophone.
pi_110395312
Da's heel geen gelul Ik vind dat absoluut wel een issue, noem me mierenneukerig als je wil.
When all else fails, you always have delusion.
pi_110395384
quote:
0s.gif Op maandag 16 april 2012 14:22 schreef Mirel het volgende:
Da's heel geen gelul Ik vind dat absoluut wel een issue, noem me mierenneukerig als je wil.
Mail Google dan in plaats van hier te vragen naar die link. Gaan wij ons druk maken om de mensen die wel degelijk hulp nodig hebben.
  maandag 16 april 2012 @ 14:27:36 #99
87680 Mirel
Mirel wil een bongophone.
pi_110395487
Waarom veronder stel je dat ik van alles vraag, mag een beetje slowchat niet?
When all else fails, you always have delusion.
pi_110395595
quote:
0s.gif Op maandag 16 april 2012 14:27 schreef Mirel het volgende:
Waarom veronder stel je dat ik van alles vraag, mag een beetje slowchat niet?
Daar is dit topic toch niet voor? Slowchatten doe je maar in DIG slowchat topic.
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')