DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Mensen niet haten, programmeer liefde.
It was an opportunity to honour our memories and to make room for new ones
Noobies wat meer hun best doen pro's wat minder haten en iedereen blij.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Ik doe m'n best, maar ik ben echt net komen kijken. Vind het al heel wat dat ik HTML, PHP, JS kan combineren. Ik struikel alleen vaak over de simpele dingen.quote:Op maandag 26 november 2012 20:02 schreef Scorpie het volgende:
Noobies wat meer hun best doen pro's wat minder haten en iedereen blij.
Ik ga zo wel even posten wat ik ervan gemaakt heb, mogen jullie het weer afblaffen.quote:
[..]
Hier had ik al de oplossing gepost he, voor de duidelijkheid.
Dat je struikelt over de simpelste dingen, komt omdat je niet de tijd neemt om de technologiën die je hanteert echt te doorgronden. Je wil vanaf niks in een paar weken gelijk iets bouwen, dat gaat gewoon niet.quote:
[..]
Ik doe m'n best, maar ik ben echt net komen kijken. Vind het al heel wat dat ik HTML, PHP, JS kan combineren. Ik struikel alleen vaak over de simpele dingen.
Je struikelt omdat je probeert te rennen. Voordat je kunt lopen en daarna kunt rennen die je te kunnen kruipen.quote:
[..]
Ik doe m'n best, maar ik ben echt net komen kijken. Vind het al heel wat dat ik HTML, PHP, JS kan combineren. Ik struikel alleen vaak over de simpele dingen.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
Weet ik ook wel, maar het is niet de moeite waard om alles te doorgronden voor mijn doel. Zoals het nu gaat, met een beetje hulp van dit forum kom ik er wel. Lekker boeien of het dan niet perfect is, als het maar doet wat het moet doen.quote:Op maandag 26 november 2012 20:19 schreef Tijn het volgende:
[..]
Dat je struikelt over de simpelste dingen, komt omdat je niet de tijd neemt om de technologiën die je hanteert echt te doorgronden. Je wil vanaf niks in een paar weken gelijk iets bouwen, dat gaat gewoon niet.
Deze kan zo in het rijtje Cruijffiaanse uitspraken.quote:Op maandag 26 november 2012 20:39 schreef Scorpie het volgende:
[..]
Je struikelt omdat je probeert te rennen. Voordat je kunt lopen en daarna kunt rennen die je te kunnen kruipen.
Maar ik snap je punt.
Je moet zelf weten hoe je het aanpakt, maar er wordt al zoveel geprutst op het web dat professionele ontwikkelaars er soms een beetje moedeloos van worden als iemand er weer een potje van maakt. Natuurlijk kun je hier je vragen kwijt, maar probeer in elk geval een beetje achtergrondinformatie in te winnen over de onderwerpen waar je niet uit komt, want weten waar je mee bezig bent is de beste manier om problemen te voorkomen.quote:
[..]
Weet ik ook wel, maar het is niet de moeite waard om alles te doorgronden voor mijn doel. Zoals het nu gaat, met een beetje hulp van dit forum kom ik er wel. Lekker boeien of het dan niet perfect is, als het maar doet wat het moet doen.
Dat snap ik volledig. Als mensen een potje maken van mijn vakgebied kan ik ook heel boos worden. Het is vaak lachwekkend om te zien hoe sommige mensen te werk gaan. Echter moet je niet vergeten dat dit om een privé-projectje gaat waar het woord "professioneel" in de verste verte niet te bekennen valt. Ik hoopte hier gewoon simpele, maar doeltreffende oplossingen te vinden van mensen die wél weten hoe je een probleem professioneel oplost.quote:
[..]
Je moet zelf weten hoe je het aanpakt, maar er wordt al zoveel geprutst op het web dat professionele ontwikkelaars er soms een beetje moedeloos van worden als iemand er weer een potje van maakt. Natuurlijk kun je hier je vragen kwijt, maar probeer in elk geval een beetje achtergrondinformatie in te winnen over de onderwerpen waar je niet uit komt, want weten waar je mee bezig bent is de beste manier om problemen te voorkomen.
Dat er veel amateurs zijn die met veel enthousiasme en plezier hun best doen om iets te ontwikkelen op het web, is ook iets waar professionals begrip voor moeten kunnen opbrengen. Het feit dat elke gebruiker van het web zonder al teveel drempels ook zelf iets kan ontwikkelen, is juist de kracht en de charme van het hele systeem.
Dat dacht ik ook.quote:Op maandag 26 november 2012 21:28 schreef Tijn het volgende:
Dat er veel amateurs zijn die met veel enthousiasme en plezier hun best doen om iets te ontwikkelen op het web, is ook iets waar professionals begrip voor moeten kunnen opbrengen. Het feit dat elke gebruiker van het web zonder al teveel drempels ook zelf iets kan ontwikkelen, is juist de kracht en de charme van het hele systeem.
Ok mensen, ik heb een vraag. Een klant wil voor een Wordpress design dat ik titels van categorieën enzo in twee fonts doe. Ze zijn altijd twee woorden, steeds het eerste woord font 1 en het tweede woord font 2.
Helaas is er niet zoiets als :first-word, dus ik neem aan dat ik maar gewoon met js achteraf de categorie moet splitten en er spans met classes omheen moet zetten? Of weet iemand een betere oplossing?
Helaas is er niet zoiets als :first-word, dus ik neem aan dat ik maar gewoon met js achteraf de categorie moet splitten en er spans met classes omheen moet zetten? Of weet iemand een betere oplossing?
Je kunt denk ik beter met PHP op de server de categorienamen splitten en de spans er omheen zetten. Met JS het font wisselen gaat denk ik voor een FOUT zorgen.
Hmm, misschien is dat wel beter ja. Ik doe dit soort dingen liever aan de front-end, maar dat is voor de gebruiker wel fijner.
Categorieën zitten niet in links? Kan je dan apart selecteren met css
“Specialization is for insects”.—Robert Heinlein
je zou bijv.:before { content:attr(data-firstword)} en :after {content:attr(data-lastword)} kunnen gebruiken, maar dat zou wel erg een hack om de hack zijn, dan zou ik liever voor een extra span kiezen.
(dit even er vanuit gaande dat je serverside iets van parsing doet)
(dit even er vanuit gaande dat je serverside iets van parsing doet)
Hmm, mooie oplossing opzich, maar ik denk dat ik dan inderdaad liever voor een onsemantisch spannetje ga.
Dat geeft je wel de beste garantie dat het ook nog voor iedereen gewoon leesbaar blijft. Wat toch uiteindelijk het allerbelangrijkste is.quote:
Hmm, mooie oplossing opzich, maar ik denk dat ik dan inderdaad liever voor een onsemantisch spannetje ga.
Hey, KomtTijd, alles goed? Ik heb weer een vervelende vraag (en nóg onduidelijker dan de vorige).
Ik heb de selectable plugin van jQuery UI gebruikt om een selectable grid-systeem te maken. Als ik de code 1-op-1 kopieer in een leeg "document", dan werkt het prima. Nu wil ik de code ook gebruiken in mijn "document" (en dan werkt het ook). Echter na een onbekende handeling verschijnt er een puntje in beeld. Ik weet dus niet waardoor dit getriggerd wordt.
Het vervelende is dus dat ik er geen JSFiddle van kan maken, omdat het probleem dan niet ontstaat. Ik zou natuurlijk m'n hele project kunnen kopiëren, maar dat houdt ik liever alleen voor mezelf. De vraag is dan ook of jullie een vermoeden hebben waardoor de puntje steeds zichtbaar wordt. Na het triggeren van het puntje, verschijnt ie altijd in dezelfde hoogte boven de cursor en alleen bij het klikken. Als ik de pagina dan refresh is 'ie weer weg, maar na de onbekende handeling verschijnt 'ie weer, alleen dan weer in een andere hoogte boven de cursor.
Zelf dacht ik dat het misschien het puntje van een li was, maar met "list-style-type: none;" lijkt 'ie niet weg te gaan. Chrome geeft bij het klikken wel een helper-class weer die wellicht het probleem veroorzaakt. Hebben jullie enig idee wat dit puntje is?
Ik heb weer een vervelende vraag (en nóg onduidelijker dan de vorige). Ik heb de selectable plugin van jQuery UI gebruikt om een selectable grid-systeem te maken. Als ik de code 1-op-1 kopieer in een leeg "document", dan werkt het prima. Nu wil ik de code ook gebruiken in mijn "document" (en dan werkt het ook). Echter na een onbekende handeling verschijnt er een puntje in beeld. Ik weet dus niet waardoor dit getriggerd wordt.
Het vervelende is dus dat ik er geen JSFiddle van kan maken, omdat het probleem dan niet ontstaat. Ik zou natuurlijk m'n hele project kunnen kopiëren, maar dat houdt ik liever alleen voor mezelf. De vraag is dan ook of jullie een vermoeden hebben waardoor de puntje steeds zichtbaar wordt. Na het triggeren van het puntje, verschijnt ie altijd in dezelfde hoogte boven de cursor en alleen bij het klikken. Als ik de pagina dan refresh is 'ie weer weg, maar na de onbekende handeling verschijnt 'ie weer, alleen dan weer in een andere hoogte boven de cursor.
Zelf dacht ik dat het misschien het puntje van een li was, maar met "list-style-type: none;" lijkt 'ie niet weg te gaan. Chrome geeft bij het klikken wel een helper-class weer die wellicht het probleem veroorzaakt. Hebben jullie enig idee wat dit puntje is?
En wat zie je als je dan het puntje selecteert?quote:
[..]
Bedoel je Element Inspect van Chrome?Ja, die gebruik ik.
Het puntje kan ik niet selecteren. Het verschijnt altijd op een bepaalde hoogte boven de cursor bij het klikken.quote:
[..]
En wat zie je als je dan het puntje selecteert?
Weet je dat zeker? Heb je de gegenereerde HTML bekeken?quote:
[..]
Het puntje kan ik niet selecteren.
Anders is het misschien een glitch. Heb je het met andere browsers ook?
Ik wil straks met jQuery gegevens versturen. Kan dat ook anders dan? Waarom is deze plugin er dan?quote:Op donderdag 29 november 2012 22:24 schreef picodealion het volgende:
Waarom heb je hier überhaupt jQuery voor nodig? Dit kan toch gewoon in CSS?
[ Bericht 2% gewijzigd door pascal08 op 29-11-2012 22:30:57 ]
Ja, die heb ik bekeken. Er valt mij niets vreemds op. Ik zal nu kijken of ik het ook kan triggeren met Firefox.quote:
[..]
Weet je dat zeker? Heb je de gegenereerde HTML bekeken?
Anders is het misschien een glitch. Heb je het met andere browsers ook?
Ik zou toch even goed kijken of er niet een element is dat daarvoor zorgt. Anders zit er weinig anders op dan het online te zetten zodat we kunnen meekijken, want op de gok lossen we natuurlijk niks op
Nee, dat snap ik. Ik hoopte dat het een bekend probleem is. Zonder code wordt het natuurlijk gewoon gokken als je dit probleem niet eerder hebt gezien. Ik zal eens kijken of ik het kan reproduceren in een fiddle, momentje.quote:
Ik zou toch even goed kijken of er niet een element is dat daarvoor zorgt. Anders zit er weinig anders op dan het online te zetten zodat we kunnen meekijken, want op de gok lossen we natuurlijk niks op
Ik wist ten eerste niet hoe ik mijn layout wilde gaan maken, dus dit bracht me op een goed idee. Ten tweede weet ik hoe ik met jQuery gegevens moet doorsturen, zodat ik een query kan maken die de juiste gegevens ophaalt uit m'n database. En ten derde scheelde het me wat tijd, want ik hoef nu niet zelf m'n CSS te maken. Ik zag er dus alleen maar voordelen in. Waarom vraag je dat dan?quote:
Ik begrijp trouwens ook niet helemaal waarom je hier zo'n plugin voor nodig hebt.
Ik kan het probleem trouwens niet reproduceren in een fiddle, dus ik laat het maar even zo. Toch bedankt voor de snelle reactie.
Het lijkt me nogal simpel om dit zelf te maken met een paar regeltjes CSS en een jQuery eventhandler voor de blokjes. Ik zou daar geen plugin voor willen includen op m'n website.quote:
Ik gebruik jQuery UI toch al, dus dan is het toch handiger om deze plugin te gebruiken in plaats van het zelf te schrijven. Daarnaast vind ik jQuery wel fijn. Alles is voorgekauwd en het scheelt mij als beginner een hoop tijd.quote:
[..]
Het lijkt me nogal simpel om dit zelf te maken met een paar regeltjes CSS en een jQuery eventhandler voor de blokjes. Ik zou daar geen plugin voor willen includen op m'n website.
Met jQuery zelf is natuurlijk niks mis, dat gebruik ik ook altijd.
Maar jQueryUI vind ik persoonlijk wat minder. Als ik het al gebruik is het vaak een hele minimale build met maar 1 of 2 componenten.
Maar jQueryUI vind ik persoonlijk wat minder. Als ik het al gebruik is het vaak een hele minimale build met maar 1 of 2 componenten.
Ik vind het wel een uitkomst. Ik haal er een hele hoop ideeën vandaan en het werkt altijd meteen. Wellicht is de code zelf schrijven efficiënter voor de website, maar dan ben ik in 2025 nog niet klaar.quote:
Met jQuery zelf is natuurlijk niks mis, dat gebruik ik ook altijd.
Maar jQueryUI vind ik persoonlijk wat minder.
Ik heb het puntje nu ook weten te triggeren in deze fiddle: http://jsfiddle.net/5BNdM/
Vraag me niet hoe. Het vereist in ieder geval een hoop clicks.
Ik zie niks hoor. Maar het zal dat selectieblokje met die stippellijntjes wel zijn dat blijft hangen ofzo.
Ik zou dat eerlijk gezegd sowieso niet doen, dat selecteren met zo'n vakje. Dat zie je op andere sites ook nooit.
Ik zou dat eerlijk gezegd sowieso niet doen, dat selecteren met zo'n vakje. Dat zie je op andere sites ook nooit.
Hoe zou jij het doen dan? Het gaat alleen om het principe van selecteren/geselecteerd blijven en deselecteren/gedeselecteerd blijven.quote:
Ik zie niks hoor. Maar het zal dat selectieblokje met die stippellijntjes wel zijn dat blijft hangen ofzo.
Ik zou dat eerlijk gezegd sowieso niet doen, dat selecteren met zo'n vakje. Dat zie je op andere sites ook nooit.
Wat zou dat schelen in ms of is het puur omdat je code er kleiner van wordt?quote:
Gewoon onclick een class "selected" geven of ontnemen.
Da's waar.quote:Op donderdag 29 november 2012 23:16 schreef Tijn het volgende:
Het scheelt vooral dat je niet zo'n raar puntje hebt staan op willekeurige momenten
Hij is nu wel al een tijdje weg nadat ik de code opnieuw gekopieerd en geplakt heb. *klop klop*
Puntje is er weer. Volgens jou kan ik dus beter het zo doen?
en dan de jQuery... ?
Volgens jou kan ik dus beter het zo doen?| 1 2 3 | <div class=" (selected of niks) " style="float:left; margin: 2px; padding: 0px; width: 80px;"> // inhoud </div> |
en dan de jQuery... ?
Is zoiets niet wat je wil?
style.css:
script.js:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!DOCTYPE html> <html> <head> <title>Voorbeeld van klikbare blokjes</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <h1>omg klikbare blokjes</h1> <ul id="selectable"> <li data-id="1">blokje 1</li> <li data-id="2">blokje 2</li> <li data-id="3">blokje 3</li> <li data-id="4">blokje 4</li> <li data-id="5">blokje 5</li> <li data-id="6">blokje 6</li> <li data-id="7">blokje 7</li> <li data-id="8">blokje 8</li> <li data-id="9">blokje 9</li> </ul> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="script.js"></script> </body> </html> |
style.css:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | body { font-family: sans-serif; text-align: center; } #selectable { list-style-type: none; } #selectable li { float: left; width: 80px; height: 80px; background-color: #eee; border: 1px solid #888; border-radius: 3px; margin: 5px; padding: 10px; cursor: pointer; } #selectable li:hover { background-color: #fff; } #selectable li.selected { background-color: #f8f89f; } |
script.js:
| 1 2 3 4 5 | $(document).ready(function(){ $('#selectable li').live('click', function(){ $(this).toggleClass('selected'); }); }); |
Holy shit, even kijken.quote:
Is zoiets niet wat je wil?
[ code verwijderd ]
style.css:
[ code verwijderd ]
script.js:
[ code verwijderd ]
W00t, deze is nog mooier.
...en geen puntje!!! Thanks a million. 
Het is maar een voorbeeldje hoor.
In de click eventhandler (waar nu alleen toggleClass() wordt aangeroepen) zou je ook een Ajax call kunnen doen als je nog communicatie met je server wil na het aanklikken van een blokje.
In de click eventhandler (waar nu alleen toggleClass() wordt aangeroepen) zou je ook een Ajax call kunnen doen als je nog communicatie met je server wil na het aanklikken van een blokje.
Wel een heel mooi voorbeeldje.quote:
Het is maar een voorbeeldje hoor.
In de click eventhandler (waar nu alleen toggleClass() wordt aangeroepen) zou je ook een Ajax call kunnen doen als je nog communicatie met je server wil na het aanklikken van een blokje.
Ik weet hoe ik jouw voorbeeld kan uitbreiden met een Ajax call, dus dit is perfect. Nog 1 vraagje: waar gebruik je data-id voor bij elke <li>?
