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. Deze kun je stellen in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. kun je terecht in 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: [Wordpress]Algemeen 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 (
, 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.
Hier een paar artikelen over CSS elementen die vaak voor verwarring zorgen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Heb je zin om HTML, CSS of Javascript leren, dan zijn deze video tutorials een goede plek om te beginnen
30 Days to Learn HTML & CSS
30 Days to Learn jQuery
JavaScript from null
Dat zekert niet en prutsers? Tja dat kan ik niet zo goed beoordelen, aan de voorkant ziet het er mooi bij net zoals de portfolio maar dat zegt natuurlijk niks over het niveau.quote:Op maandag 21 oktober 2013 10:10 schreef Maringo het volgende:
[..]
Of degene met een 'scherp tarief'. Dat soort dat eigenlijk alles wel weet, maar geen tijd heeft om het goed te doen..
Ik krijg ze ook wel es onder ogen, dat soort gedrochten.
Ga nu weer verder met http://freecourses.tutsplus.com/30-days-to-learn-html-and-css/
http://freecourses.tutspl(...)l-and-css/lists.html
Met Alt-F3 kan je werken met meerdere cursors, niet gek, denk zeg het even.
Werkt volgens mij alleen in Sublime 2 of 3
[ Bericht 12% gewijzigd door stoeltafel op 21-10-2013 15:41:08 ]
Die multi-cursor van Sublime is vrij geniaal inderaad. Je kan ook gewoon Ctrl vast houden en op meerdere plaatsen klikken. Sublime heeft nog veel meer mooie features: Perfect Workflow in Sublime Text 2quote:Op maandag 21 oktober 2013 12:45 schreef stoeltafel het volgende:
[..]
Dat zekert niet en prutsers? Tja dat kan ik niet zo goed beoordelen, aan de voorkant ziet het er mooi bij net zoals de portfolio maar dat zegt natuurlijk niks over het niveau.
Ga nu weer verder met http://freecourses.tutsplus.com/30-days-to-learn-html-and-css/
http://freecourses.tutspl(...)l-and-css/lists.html
Met Alt-F3 kan je werken met meerdere cursors, niet gek, denk zeg het even.
Werkt volgens mij alleen in Sublime 2 of 3
Klanten zien dat helaas niet, tot er 'n keer iets veranderd moet worden.quote:
Hoe mooier het portfolio (grafisch gezien), hoe brakker de code meestal.
Dat wat ik voor mn werk maak, is niet 100% conform de regels. Maar ik werk nog wel via een MVC model en goede benamingen voor functies. Maar sommige pleuren gewoon alles in 1 map met kansloze namen en random includes.
http://www.amazon.com/Cle(...)anship/dp/0132350882
Heeft m'n ogen wel geopend over hoe ik code schrijf en wat ik allemaal "fout" deed voorheen. Ben nu als oefening wat kleine projectjes van me aan het refactoren, en ik moet zeggen dat het eindresultaat er wel mag wezen als je eenmaal de boel hebt opgeschoond volgens de richtlijnen van dit boek.
Het grote probleem is dat de kamer "Code review" niet eens bestaat.quote:
Meestal niet, nee.quote:
[..]
Het grote probleem is dat de kamer "Code review" niet eens bestaat.
Nog even over die clickable maps: zijn er ergens vrij te gebruiken kaarten van de Nederland (provincies / gemeenten) te vinden?
Open Maps?quote:
[..]
Meestal niet, nee.
Nog even over die clickable maps: zijn er ergens vrij te gebruiken kaarten van de Nederland (provincies / gemeenten) te vinden?
Je bedoeld een plaatje met alleen de provincies die elk apart klikbaar zijn?quote:
[..]
Meestal niet, nee.
Nog even over die clickable maps: zijn er ergens vrij te gebruiken kaarten van de Nederland (provincies / gemeenten) te vinden?
Via een van die editors kun je inderdaad de data exporteren, ben er weleens mee bezig geweest maar weet niet meer uit mijn hoofd waar het zit.quote:
Yes.quote:
Zijn er hier mensen die Sencha gebruiken?
Wat wil je weten?
8 jaar and counting.quote:
Zijn er hier mensen die Sencha gebruiken?
Cewl cewl, waar gebruik je het voor?quote:
Sinds 5 jaar in mijn dagelijkse werkzaamheden, daarvoor voor hobby projectenquote:
[..]
Cewl cewl, waar gebruik je het voor?
op werk doe ik met ExtJS er Enterprise apps mee bouwen, Touch hebben we nu pas voldoende vertrouwen in om mee aan de slag te gaan. Ben nu aan het ExtJS Certification programma begonnen.Is onderdeel van de backend voor ons CMS.quote:
Daarmee kunnen klanten hun content draggen en droppen, pretty neat.
quote:
Wat ben ik blij dat ik vrijwel niets meer met websites doe. Geklooi altijd met gebruikers...
Dat vind ik juist het leuke, zo'n beetje het sociaalste gebied, voor een programmeur dan.dat heb ik ook, alleen dan met serieuze mensen die met hun werk bezig zijn en die ik help met het verbeteren van hun werk. Niet met mensen die een site nemen omdat t nu eenmaal moet.quote:Op donderdag 24 oktober 2013 22:32 schreef TwenteFC het volgende:
[..]
Ik snap wel wat je bedoelt, ik moest een backoffice systeempje maken voor een best oude man ( rond de 60 ).quote:Op donderdag 24 oktober 2013 22:48 schreef Catch22- het volgende:
[..]
dat heb ik ook, alleen dan met serieuze mensen die met hun werk bezig zijn en die ik help met het verbeteren van hun werk. Niet met mensen die een site nemen omdat t nu eenmaal moet.
Het probleem is alleen dat hijzelf niet eens weet hoe het allemaal zit met zijn eigen bedrijf, ook niet met vereisten wat betreft de btw en dergelijke.
Stront en stront vervelend kan dat zijn.
Dat heb je helaas niet alleen met websites.quote:
[..]
dat heb ik ook, alleen dan met serieuze mensen die met hun werk bezig zijn en die ik help met het verbeteren van hun werk. Niet met mensen die een site nemen omdat t nu eenmaal moet.
Vaak zat dingen voorbij horen komen van mensen die er de ballen verstand van hebben en iets heel groots willen. Gelukkig hebben we een salespersoon die goed is in het downgraden van dit soort dingen waardoor ze overblijven met iets simpels en wat ze eigenlijk nodig hebben.
Hoeveel mensen er een mobiele app willen om het mobiele app willen.
Nog niets maar ben net (2 weken) ermee bezig en vroeg mij af of het eigenlijk veel gebruikt wordt omdat het toch vrij prijzig is.quote:
Ik/we gebruiken het in de zakelijke markt waar ik niet steeds het wiel opnieuw moet uitvinden
Afspraken maken dat je de huidige bedrijfsprocessen in beeld gaat brengen, en op de werkvloer mag rondkijken.quote:
[..]
Het probleem is alleen dat hijzelf niet eens weet hoe het allemaal zit met zijn eigen bedrijf, ook niet met vereisten wat betreft de btw en dergelijke.
Het ligt allemaal wat ingewikkelder dan dat, het is de vader van mijn baas. Die op aanraden van mijn baas dat systeem wil mag allemaal niks kosten, waardoor het juist straks onnodig meer gaat kosten.quote:
[..]
Afspraken maken dat je de huidige bedrijfsprocessen in beeld gaat brengen, en op de werkvloer mag rondkijken.
Maar maak ze dat maar eens wijs.
Ja.quote:
[..]
Je bedoeld een plaatje met alleen de provincies die elk apart klikbaar zijn?
Het is wel aardig mainstream aan het worden. Veel vraag ook naar ervaren ExtJS/Touch ontwikkelaars.quote:
[..]
Nog niets maar ben net (2 weken) ermee bezig en vroeg mij af of het eigenlijk veel gebruikt wordt omdat het toch vrij prijzig is.
Ik/we gebruiken het in de zakelijke markt waar ik niet steeds het wiel opnieuw moet uitvinden
Kwestie van aangeven dat dit de gevolgen ervan zijn dat doordat je het systeem gratis weggeeft er geen ondersteuning kan plaatsvinden door dat dit teveel tijd gaat kosten. Alles staat open en er wordt geen controle uitgevoerd over dat alles na zoveel tijd nog werkt. Hierdoor gaat het mij extra uren kosten bovenop de installatie zelf. Hierbij kan ik een kosten plaatje maken voor je , maar gratis kan ik dit niet.quote:
[..]
Het ligt allemaal wat ingewikkelder dan dat, het is de vader van mijn baas. Die op aanraden van mijn baas dat systeem wil mag allemaal niks kosten, waardoor het juist straks onnodig meer gaat kosten.
Maar maak ze dat maar eens wijs.
Voorbeeld geven van een Schilderij als ik een heel mooi schilderij ontwerp en vervolgens zeg je doe er ook maar een voor Mijn pa (Gratis) Dan kijk jij hem ook raar aan. In dit geval zal het eerste schilderij beschermt in een museum komen te hangen en de ander in een simpel rijtjeshuis. Waar het schilderij zonder bescherming hangt. Teveel condities en problemen komen hier voort. Elke keer zal je het schilderij moeten repareren als de huishouder er water over gooit. bvb.
Daarnaast je kan altijd zeggen sorry maar dit kost mij teveel tijd waardoor ons eigen systeem er heel erg onder te lijden gaat hebben.
Ook kun je dit invullen als werk uren tijd dan kost het je baas je geld. Wie niet overlegt wie niet wint
.[ Bericht 5% gewijzigd door cablegunmaster op 29-10-2013 11:37:44 ]
. NVM dus.
[ Bericht 50% gewijzigd door Alovenac op 29-10-2013 13:07:53 ]
quote:
[..]
Kwestie van aangeven dat dit de gevolgen ervan zijn dat doordat je het systeem gratis weggeeft er geen ondersteuning kan plaatsvinden door dat dit teveel tijd gaat kosten. Alles staat open en er wordt geen controle uitgevoerd over dat alles na zoveel tijd nog werkt. Hierdoor gaat het mij extra uren kosten bovenop de installatie zelf. Hierbij kan ik een kosten plaatje maken voor je , maar gratis kan ik dit niet.
Voorbeeld geven van een Schilderij als ik een heel mooi schilderij ontwerp en vervolgens zeg je doe er ook maar een voor Mijn pa (Gratis) Dan kijk jij hem ook raar aan. In dit geval zal het eerste schilderij beschermt in een museum komen te hangen en de ander in een simpel rijtjeshuis. Waar het schilderij zonder bescherming hangt. Teveel condities en problemen komen hier voort. Elke keer zal je het schilderij moeten repareren als de huishouder er water over gooit. bvb.
Daarnaast je kan altijd zeggen sorry maar dit kost mij teveel tijd waardoor ons eigen systeem er heel erg onder te lijden gaat hebben.
Wie niet overlegt wie niet wint
Ik krijg wel gewoon betaald hoor, maar vind het wel vervelend om aan zijn systeem te werken doordat er met hem gewoon geen afspraken te maken zijn.Kleine lullige dingen als mailteksten daarvoor hangt hij al constant aan de telefoon, en dan belt hij een week later doodleuk op dat hij de eerdere tekst toch mooier vond. Dat soort lullige dingen.
Achja, shit happens.
Ben nu al zover dat ik een stap met updates die al gerealiseerd zijn in de acceptatie omgeving niet eens doorvoer in de live omgeving, dit ga ik pas doen als hij me een week lang niet meer heeft lastig gevallen met onzin.
Alles op papier gooien zoveel makkelijkerquote:
[..]
Kleine lullige dingen als mailteksten daarvoor hangt hij al constant aan de telefoon, en dan belt hij een week later doodleuk op dat hij de eerdere tekst toch mooier vond. Dat soort lullige dingen.
Achja, shit happens.
Ben nu al zover dat ik een stap met updates die al gerealiseerd zijn in de acceptatie omgeving niet eens doorvoer in de live omgeving, dit ga ik pas doen als hij me een week lang niet meer heeft lastig gevallen met onzin.
Eerder met zo'n persoon gewerkt. zwart op wit neerzetten dat je ervoor betaald krijgt. is mijn advies.
Je leest maar de helft haha, ik maak dit in de contracturen van mijn baas.quote:
[..]
Alles op papier gooien zoveel makkelijker
Eerder met zo'n persoon gewerkt. zwart op wit neerzetten dat je ervoor betaald krijgt. is mijn advies.
En alles staat wel "zwart op wit" ( ik laat hem altijd zijn wensen emailen, ook wanneer hij het via de telefoon door geeft dan laat ik het alsnog emailen).
Eerste regel overgelezen dan is het minder erg.quote:
[..]
Je leest maar de helft haha, ik maak dit in de contracturen van mijn baas.
En alles staat wel "zwart op wit" ( ik laat hem altijd zijn wensen emailen, ook wanneer hij het via de telefoon door geeft dan laat ik het alsnog emailen).
http://bl.ocks.org/mbostock/4062045
Als je je muisboven de bolletjes houdt, verschijnt er een tekst. Die tekst wordt opgehaald uit een Json:
| 1 2 3 4 5 6 | { "nodes":[ {"name":"Myriel","group":1}, {"name":"Napoleon","group":1}, {"name":"Mlle.Baptistine","group":1}, ... |
Voor mijn visualisatie wil ik die tekst uitbreiden en er ook 'enters' aan toevoegen. Bijvoorbeeld zoiets:
Myriel:
• tekst1
• tekst2
• tekst3
Is dat op te lossen via de json?
Waar loop je op vast?
{"name":"Myriel \\n tekst1 \\n tekst2","group":1},
maar dat werkt niet.
I lolledquote:
ontopic:
\n is een newline in javascript
<br \> is een newline in html
Kwestie van omzetten in je service laag of gelijk een <br> in de string zetten. Json vindt een <br> echt geen probleemquote:
[..]
I lolled
ontopic:
\n is een newline in javascript
<br \> is een newline in html
Dat is Z zijn probleem wanneer hij het doet.quote:
[..]
Kwestie van omzetten in je service laag of gelijk een <br> in de string zetten. Json vindt een <br> echt geen probleem
Ik gaf enkel een hint zoals KomtTijd
Duurde ff maar heb inderdaad geluisterd naar jullie reacties en ajax dmv jquery gebruikt, echter wilde ik geen 'directe' link naar de content dus heb special gegenereerde hashes (op basis van id, gebruikersip + key) die de verwijzingen 'verstoppen' (klinkt vast en zeker vaag, maar werkt goed tegen downloadersquote:
Ik zal vanavond een schetsje maken van wat ik bedoel, is in mijn geval gemakkelijker
) Moest een image-slider a-la bol.com namaken, wat een kloten werk is dat zeg.Zoals hier; http://www.bol.com/nl/p/a(...)rt/9200000010372937/
Bovenste plaatje moet altijd "actief zijn" de rest inactief.
Wanneer het laatste plaatje is geladen moet het volgende plaatje weer de eerste zijn.
De animaties zijn wel een stuk soepeler dan bij bol en een grotere knop om op te klikken.quote:Op donderdag 7 november 2013 00:06 schreef Tijn het volgende:
Nou, dat ding van bol.com loopt iig maar matig op m'n iPad, ik hoop dat die van jou beter werkt.
Ik moest ff kotsen, maar zo lief als ik ben, heb ik het wel gedaan.
Kom dit soort dingen ook nog regelmatig tegen, kan er altijd wel om lachen dat er ooit iemand is geweest die het zo wel "goed" vond.quote:
Ik moest het (post)adres wijzigen van een klant op zijn site die niet door ons was gemaakt, maar wel bij ons gehost. Blijkt van heel die site de gehele opmaak in elke .html pagina te staan en alles, daadwerkelijk alles, absolute gepositioneerd. Zelfs de menu items stonden apart in divs gecentreerd. Niks genest ook, alle items los in de body tags.
Ik moest ff kotsen, maar zo lief als ik ben, heb ik het wel gedaan.
"Ooit" wist het merendeel van de mensen niet beter. Maar deze site is ongeveer anderhalf jaar geleden gemaakt. Dat maakt het zo erg imo, dat er nog steeds mensen zijn die dit doen. En dan vergeet ik erbij te zeggen dat ook alles inline gestyled was en de gekleurde balkjes zijn plaatjes ipv background-color...quote:
[..]
Kom dit soort dingen ook nog regelmatig tegen, kan er altijd wel om lachen dat er ooit iemand is geweest die het zo wel "goed" vond.
1 van mijn voorgangers had er ook een handje van. Die was allergisch voor floats en positioneerde echt veel absolute. Ik heb mezelf vanaf dag 1 voorgenomen dat eerst ok te bouwen als ik t tegen kwam. Dat heb ik gedaan en geen spijt van gehad. Was elke keer maar een kwartiertje werk, maar die tijd verdiende ik bij elke fix terug.quote:
[..]
Kom dit soort dingen ook nog regelmatig tegen, kan er altijd wel om lachen dat er ooit iemand is geweest die het zo wel "goed" vond.
Hij gebruikte destijds ook achtergrondafbeeldingen voor contentcontainers en voor complete headers. Dingen als vlaggetjes voor taalselectie zaten dus hard in een achtergrondafbeelding.
Scheelt wel HTTP-requestsquote:
[..]
1 van mijn voorgangers had er ook een handje van. Die was allergisch voor floats en positioneerde echt veel absolute. Ik heb mezelf vanaf dag 1 voorgenomen dat eerst ok te bouwen als ik t tegen kwam. Dat heb ik gedaan en geen spijt van gehad. Was elke keer maar een kwartiertje werk, maar die tijd verdiende ik bij elke fix terug.
Hij gebruikte destijds ook achtergrondafbeeldingen voor contentcontainers en voor complete headers. Dingen als vlaggetjes voor taalselectie zaten dus hard in een achtergrondafbeelding.
Is het niet met een generator gemaakt ofzo? Waarom zou iemand die met de hand code schrijft het op deze manier doen?quote:
[..]
"Ooit" wist het merendeel van de mensen niet beter. Maar deze site is ongeveer anderhalf jaar geleden gemaakt. Dat maakt het zo erg imo, dat er nog steeds mensen zijn die dit doen. En dan vergeet ik erbij te zeggen dat ook alles inline gestyled was en de gekleurde balkjes zijn plaatjes ipv background-color...
Alle symptomen van een online website-builder... Gewoon alles absoluut positioneren dan ziet het er in iedere browser het zelfde uit.quote:
[..]
"Ooit" wist het merendeel van de mensen niet beter. Maar deze site is ongeveer anderhalf jaar geleden gemaakt. Dat maakt het zo erg imo, dat er nog steeds mensen zijn die dit doen. En dan vergeet ik erbij te zeggen dat ook alles inline gestyled was en de gekleurde balkjes zijn plaatjes ipv background-color...
if only...quote:
[..]
Alle symptomen van een online website-builder... Gewoon alles absoluut positioneren dan ziet het er in iedere browser het zelfde uit.
Als het je daar om te doen is, kan je ook sprites gebruiken.quote:
Meestal zit dat wel snor, maar je moet idd niet een punt of komma willen veranderen in de site daarna.quote:
My thoughts exactly.quote:
[..]
Alle symptomen van een online website-builder
Dat dacht ik dus ook, maar het lijkt toch copy/paste werk. Vanwege de niet consistente whitelines tussen de code. Ik denk dat de basis wel met een generator is gemaakt, maar het menu, de slider, een paar seperators en content is later toegevoegd.quote:Op donderdag 7 november 2013 09:24 schreef Tijn het volgende:
[..]
Is het niet met een generator gemaakt ofzo? Waarom zou iemand die met de hand code schrijft het op deze manier doen?
Kwaliteitjequote:
[..]
Dat dacht ik dus ook, maar het lijkt toch copy/paste werk. Vanwege de niet consistente whitelines tussen de code. Ik denk dat de basis wel met een generator is gemaakt, maar het menu, de slider, een paar seperators en content is later toegevoegd.
Tsja, dit is wat je krijgt wanneer dingen alleen op hun looks worden beoordeeld.
quote:
[..]
Kwaliteitje
Tsja, dit is wat je krijgt wanneer dingen alleen op hun looks worden beoordeeld.
Soms echt debiel ja, bij ons op het werk hebben ze een simpel opdrachtje aan een extern bedrijf gegeven. De opdracht was; maak een wie zijn we, wat doen, en met wie doen we het site.Ze hebben een gedrocht gemaakt in Joomla die er in elke browser anders uit ziet, en die totaal niet responsive is en bijvoorbeeld op een mobiel er heel ranzig uit ziet.
De paar goede dingen die erin zitten zijn ook nog gemaakt door onze eigen designer, die het al aanzag komen en zelf wat suggesties had gestuurd naar ze.
We zitten dus nu met een 3e systeem dat volledig moet worden bijgehouden door iemand, en het zal een kwestie van tijd worden voordat ze dit vanuit het huidige beheersysteem willen doen.
Terwijl wij van te voren als webdevvers al aangegeven hebben dat je dit niet moet willen.
SPOILERVeel
![[CSSconf.eu 2013] Jed Schmidt - Intro.css (Slides & Audio only)](https://i.ytimg.com/vi/KKM71-YeJp8/default.jpg)
Godverdommequote:
Een leukigheidje voor op de zondag middag. Hoeveel slechte CSS grappen kun je kwijt in een praatje van 8,5 minuut?SPOILERVeel
Op http://31.25.102.151/~popkoor/ heb ik een template draaien die ik wat aan het aanpassen ben. Zo wil ik het menu wat donkere letters geven. Zwart bijvoorbeeld.
Via Chrome heb ik achterhaald dat het element nav zou moeten heten. (nav-w heb ik ook geprobeerd). Ik heb geprobeerd om daar font-weight: bold; aan toe te voegen, zodat het vetgedrukt wordt. Dat werkte niet. Later dacht ik dat het misschien niet om bold gaat, maar om de kleur van het lettertype. Dat heb ik niet kunnen vinden.
Kunnen jullie me vertellen hoe ik die tekst zwart kan krijgen?
Ik heb exact hetzelfde probleem met de titel van elke pagina (bv. Kerstoptredens 2013). Daar krijg ik nog niet van achterhaald hoe ik daar de kleur van kan wijzigen. Ik vond wel rgba(0,0,0,0.9) in de code maar dat is zwart met een beetje opacity. (.item-page-title)
Regel: 88quote:
Ik ben al een tijdje aan het prutsen met een simpele CSS-vraag.
Op http://31.25.102.151/~popkoor/ heb ik een template draaien die ik wat aan het aanpassen ben. Zo wil ik het menu wat donkere letters geven. Zwart bijvoorbeeld.
Via Chrome heb ik achterhaald dat het element nav zou moeten heten. (nav-w heb ik ook geprobeerd). Ik heb geprobeerd om daar font-weight: bold; aan toe te voegen, zodat het vetgedrukt wordt. Dat werkte niet. Later dacht ik dat het misschien niet om bold gaat, maar om de kleur van het lettertype. Dat heb ik niet kunnen vinden.
Kunnen jullie me vertellen hoe ik die tekst zwart kan krijgen?
Ik heb exact hetzelfde probleem met de titel van elke pagina (bv. Kerstoptredens 2013). Daar krijg ik nog niet van achterhaald hoe ik daar de kleur van kan wijzigen. Ik vond wel rgba(0,0,0,0.9) in de code maar dat is zwart met een beetje opacity. (.item-page-title)
| 1 | #nav ul.menu > li > a {color: #999; text-decoration: none; text-shadow:none; border-width:1px; border-style:solid; border-color:transparent} |
Zorgt voor je tekstopmaak van de menu items.
Regel: 91
| 1 | #nav ul.menu > .active > a:hover{color: #fff; text-decoration: none; background:url(../images/nav-a.png) 0 0 repeat-x; border:1px solid #ce3821} |
Zorgt voor de opmaak van je actieve menu item (je huidige pagina).
De CSS is verder wel een aardige nachtmerrie vol met !importants, selectors van tig items lang en allerlei id selectors.
Begin eens met je eigen style.css te plaatsen na het laden van de twitter bootstrap css in je header. Dan overschrijven jouw stijlen die van boodstrapt ipv andersom en hoef je niet elke regel een !important mee te geven om ze te laten werken..
Dank!quote:
[..]
Regel: 88
[ code verwijderd ]
Zorgt voor je tekstopmaak van de menu items.
Regel: 91
[ code verwijderd ]
Zorgt voor de opmaak van je actieve menu item (je huidige pagina).
De CSS is verder wel een aardige nachtmerrie vol met !importants, selectors van tig items lang en allerlei id selectors.
Begin eens met je eigen style.css te plaatsen na het laden van de twitter bootstrap css in je header. Dan overschrijven jouw stijlen die van boodstrapt ipv andersom en hoef je niet elke regel een !important mee te geven om ze te laten werken..
De kleur van de menu-items wijzigen is gelukt. Met de regel 91 ga ik nog aan de slag, aangezien ik de kleur nog niet mooi vind. Komt hopelijk goed.
Zie je ook hoe ik de kleur van de titel kan aanpassen van de pagina? (Kerstoptredens 2013)? Zou fijn zijn.
Ik weet dat mijn basiskennis van CSS nog te bescheiden is. Vandaar ik dat een template gebruikt heb, met helaas als gevolg dat er veel !important in staat. Hopelijk gun ik mezelf een keer de tijd om CSS grondig te leren vanaf de basis.
Zoals KomtTijd aangeeft. element inspecteren, dan zie je in de rechter kolom de stijlen van het element staan. De oranje kleur komt in dit geval van r.20, de zwarte schaduw er onder zit op r. 206 verstopt.quote:
[..]
Dank!
De kleur van de menu-items wijzigen is gelukt. Met de regel 91 ga ik nog aan de slag, aangezien ik de kleur nog niet mooi vind. Komt hopelijk goed.
Zie je ook hoe ik de kleur van de titel kan aanpassen van de pagina? (Kerstoptredens 2013)? Zou fijn zijn.
Ik weet dat mijn basiskennis van CSS nog te bescheiden is. Vandaar ik dat een template gebruikt heb, met helaas als gevolg dat er veel !important in staat. Hopelijk gun ik mezelf een keer de tijd om CSS grondig te leren vanaf de basis.
En voor als je betere CSS wilt leren, 30 Days to learn HTML & CSS
Zoals je ziet loopt de input text en input submit niet op 1 lijn. Dit komt door font-size: 18px; van input[type=text]
Zodra ik er 14px van maakt lopen ze wel op 1 lijn. Hoe kan ik 18px (of groter zelfs) gebruiken en de inputs toch op 1 lijn hebben?
CSS en html gaan me prima af, php blijft het bij knippen en plakken met vingers de gekruisd
Ligt natuurlijk aan je theme.quote:Op zondag 17 november 2013 21:52 schreef n8n het volgende:
WordPress weer eens geprobeerd maar christus te paard wat is dat smerig, om daadwerkelijk alles een div-tag. En dan als slogan Code is Poetry voeren, nog nooit zulke smerige html gezien. Anyway, weet iemand een gratis vrij spartaans cms voor een portfolio-website? Moet zoiets worden (maar dan met database): http://n8n.nl/lab/irene/
CSS en html gaan me prima af, php blijft het bij knippen en plakken met vingers de gekruisd
had net een thema die de wp_head oid gebruikte, om de wp_head vervolgens aan te passen kon ik 1500 regels code door.quote:
Dat ligt meer aan de idioten die themes maken en ze verkopen/aanbieden en er niks van bakken. Jammer dat er bij Wordpress niet één of andere check voor is.quote:
WordPress weer eens geprobeerd maar christus te paard wat is dat smerig, om daadwerkelijk alles een div-tag. En dan als slogan Code is Poetry voeren, nog nooit zulke smerige html gezien. Anyway, weet iemand een gratis vrij spartaans cms voor een portfolio-website? Moet zoiets worden (maar dan met database): http://n8n.nl/lab/irene/
CSS en html gaan me prima af, php blijft het bij knippen en plakken met vingers de gekruisd
ja ik word er een beetje treurig van, dusver lijkt tumblr zelfs rendabeler, zij het niet dat ik liever zelf de content in handen blijf hebbenquote:
[..]
Dat ligt meer aan de idioten die themes maken en ze verkopen/aanbieden en er niks van bakken. Jammer dat er bij Wordpress niet één of andere check voor is.
http://graphpaperpress.com/themes/snaps/ daarvoor blankslate geprobeerd want ik dacht blank is goed maar zelfs dat viel tegen.quote:
Blankslate vond ik op zich wel fijn, als je sommige dingen eruit stript heb je best een handig canvas om mee te beginnen.quote:
[..]
http://graphpaperpress.com/themes/snaps/ daarvoor blankslate geprobeerd want ik dacht blank is goed maar zelfs dat viel tegen.
Maar je hebt toch altijd het beste theme als je met niks begint is mijn ervaring. Is dat geen optie?
mqoah php is bij mij een beetje als mn duits, kan het een beetje begrijpen en met wat knutselen kom ik wel ergens maar kan het niet schrijvenquote:
[..]
Blankslate vond ik op zich wel fijn, als je sommige dingen eruit stript heb je best een handig canvas om mee te beginnen.
Maar je hebt toch altijd het beste theme als je met niks begint is mijn ervaring. Is dat geen optie?
Zie net wel dat het standaard Twenty Thirteen eigenlijk nog redelijk in de buurt komt van wat ik wil. Moet alleen zorgen dat in het artikeloverzicht alleen de coverafbeelding getoond wordt. To be continued.Ach, in principe kan je met knippen en plakken uit de WP Codex een compleet theme in elkaar knutselen als je een beetje weet waar je mee bezig bent.quote:
[..]
mqoah php is bij mij een beetje als mn duits, kan het een beetje begrijpen en met wat knutselen kom ik wel ergens maar kan het niet schrijven
Wat maak je eigenlijk?
Niemand?quote:
jsfiddle
Zoals je ziet loopt de input text en input submit niet op 1 lijn. Dit komt door font-size: 18px; van input[type=text]
Zodra ik er 14px van maakt lopen ze wel op 1 lijn. Hoe kan ik 18px (of groter zelfs) gebruiken en de inputs toch op 1 lijn hebben?
Wordpress is super krachtig maar door dat er veel tamme templates zijn wordt het kut. Ik gebruik het met eigen vormgeving en dan kun je het inrichten zoals je wil en werkt het prima.quote:
[..]
ja ik word er een beetje treurig van, dusver lijkt tumblr zelfs rendabeler, zij het niet dat ik liever zelf de content in handen blijf hebben
quote:
[..]
Wordpress is super krachtig maar door dat er veel tamme templates zijn wordt het kut. Ik gebruik het met eigen vormgeving en dan kun je het inrichten zoals je wil en werkt het prima.
Als je zelf je templates wilt maken is er echt wel wat beters te krijgen dan Wordpress. Tenzij het is om ze als template te verkopen natuurlijk.quote:
[..]
Wordpress is super krachtig maar door dat er veel tamme templates zijn wordt het kut. Ik gebruik het met eigen vormgeving en dan kun je het inrichten zoals je wil en werkt het prima.
Hoezo? Dat wil ik niet.quote:
Je moet de font-size van de submit button dan ook 18px maken.
Line height kingquote:
of zo; http://jsfiddle.net/AtqQ3/1/
als je elementen strak wil uitlijnen is floaten het makkelijkste.
Templates maken in Wordpress stelt echt geen kut voor.quote:
[..]
Als je zelf je templates wilt maken is er echt wel wat beters te krijgen dan Wordpress. Tenzij het is om ze als template te verkopen natuurlijk.
Ik zie geen line height in je link?quote:Op maandag 18 november 2013 11:32 schreef Catch22- het volgende:
[..]
Line height king
of zo; http://jsfiddle.net/AtqQ3/1/
als je elementen strak wil uitlijnen is floaten het makkelijkste.
was niet goed opgeslagen, momentquote:
[..]
Ik zie geen line height in je link?
http://jsfiddle.net/AtqQ3/1/
ga ik even uitzoeken, denk wel dat WordPress weer gebruiksvriendelijker is qua back-end (die ik niet zelf ga onderhouden).quote:
Gebruik CMS Made Simple als je wat meer wilt dan een prefab template installeren. Zo ongelooflijk veel makkelijker en krachtiger.
Ga ik ook even naar kijken. Ik wil een hele simpele portfoliowebsite.quote:
[..]
Ach, in principe kan je met knippen en plakken uit de WP Codex een compleet theme in elkaar knutselen als je een beetje weet waar je mee bezig bent.
Wat maak je eigenlijk?
1. Voorpagina is een galerij met een thumbnail, de titel, 1 categorie en 1 tag. De titel van de pagina moet bestaan uit het filter (tag of categorie).
2. Een content-pagina voor elk item met een set foto's en een stukje tekst en een link naar het volgende artikel.
3. 3 statische pagina's waarvan 1 met een contactformulier. That's pretty much it.
Ik geef het nog een poging.quote:
[..]
Wordpress is super krachtig maar door dat er veel tamme templates zijn wordt het kut. Ik gebruik het met eigen vormgeving en dan kun je het inrichten zoals je wil en werkt het prima.
Bestaat er eigenlijk iets dat nog simpeler is dan Blankslate, dus alleen een header.php, footer.php, items.php en single-item.php. Volgens mij heb ik niet meer nodig(?).
Tutorial gevonden: http://themeshaper.com/20(...)-structure-tutorial/ ga hier maar eens mee beginnen.
WordPress lijkt me dan toch het meest geschikte. Ik zou in dit geval gewoon zelf een theme maken.quote:
[..]
ga ik even uitzoeken, denk wel dat WordPress weer gebruiksvriendelijker is qua back-end (die ik niet zelf ga onderhouden).
[..]
Ga ik ook even naar kijken. Ik wil een hele simpele portfoliowebsite.
1. Voorpagina is een galerij met een thumbnail, de titel, 1 categorie en 1 tag. De titel van de pagina moet bestaan uit het filter (tag of categorie).
2. Een content-pagina voor elk item met een set foto's en een stukje tekst en een link naar het volgende artikel.
3. 3 statische pagina's waarvan 1 met een contactformulier. That's pretty much it.
[..]
Ik geef het nog een poging.
Bestaat er eigenlijk iets dat nog simpeler is dan Blankslate, dus alleen een header.php, footer.php, items.php en single-item.php. Volgens mij heb ik niet meer nodig(?).
items.php en single-item.php bestaan trouwens niet
. Ik zou voor de portfolio denk ik gewoon een Custom Post Type gebruiken (als je geen blog erbij doet kan je ook gewoon posts als portfolio items gebruiken).Ja ben nu met de tutorial bezig, net html van header en footer.php getypt, zag in het voorbeeld van de tut alweer:quote:
[..]
WordPress lijkt me dan toch het meest geschikte. Ik zou in dit geval gewoon zelf een theme maken.
items.php en single-item.php bestaan trouwens niet
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <html> <head> </head> <body> <div id="wrapper" class="hfeed"> <div id="header"> <div id="masthead"> <div id="branding"> </div><!-- #branding --> <div id="access"> </div><!-- #access --> </div><!-- #masthead --> </div><!-- #header --> <div id="main"> |
maar dat kan ik gelukkig negeren
Die php-files zag ik in andere theme's waar ik de zeer beroerd gedocumenteerde bestanden aan het wijzigen was (ergens ludiek een h1 invoeren en zien welk effect het heeft).Wat je misschien beter kan doen is eerst gewoon het hele theme in HTML maken en daarna omzetten naar WordPress. Is niet zo moeilijk en heb je geen last van allerlei overbodige code.quote:
[..]
Ja ben nu met de tutorial bezig, net html van header en footer.php getypt, zag in het voorbeeld van de tut alweer:
[ code verwijderd ]
maar dat kan ik gelukkig negeren
je bedoeld een html-schets? want die heb ik momenteel wel, kan alle elementen uit m'n knar neerzetten waar nodig of bedoel je iets anders?quote:
[..]
Wat je misschien beter kan doen is eerst gewoon het hele theme in HTML maken en daarna omzetten naar WordPress. Is niet zo moeilijk en heb je geen last van allerlei overbodige code.
Wat ik meestal doe is eerst gewoon alles uitwerken in HTML (dus gewoon een werkende website als het ware alleen dan zonder content). Daarna is het knippen en plakken om 'm om te zetten naar WordPress.quote:
[..]
je bedoeld een html-schets? want die heb ik momenteel wel, kan alle elementen uit m'n knar neerzetten waar nodig of bedoel je iets anders?
Ja precies dat heb ik nu wel min of meer, sowieso is alles zeer minimaal qua markup (stukjes opnieuw typen is met auto-aanvulling serieus sneller dan knippen/plakken), m'n css en js liggen wel al klaar. Kan het vrijwel geheel af zonder ook maar een class of id te gebruiken. Ben nu zo ver dat ik m'n stylesheet heb gelinkt (jaja) en een document-titel heb (zozo). Voelt weer als 8 jaar geleden toen ik m'n eerste html-site gemaakt hadquote:
[..]
Wat ik meestal doe is eerst gewoon alles uitwerken in HTML (dus gewoon een werkende website als het ware alleen dan zonder content). Daarna is het knippen en plakken om 'm om te zetten naar WordPress.
Haha ja ik ken het. WordPress is best leuk als je het eenmaal onder de knie hebt.quote:
[..]
Ja precies dat heb ik nu wel min of meer, sowieso is alles zeer minimaal qua markup, kan het vrijwel geheel af zonder ook maar ergens een class of id te gebruiken. Ben nu zo ver dat ik m'n stylesheet heb gelinkt (jaja) en een document-titel heb (zozo). Voelt weer als 8 jaar geleden toen ik m'n eerste html-site gemaakt had
Stylesheet wel geregistreerd in functions.php?
jup, alleen ff background:red; op de html gezet en dat werktquote:
[..]
Haha ja ik ken het. WordPress is best leuk als je het eenmaal onder de knie hebt.
Stylesheet wel geregistreerd in functions.php?
Nice. Succes ermee verder.quote:
[..]
jup, alleen ff background:red; op de html gezet en dat werkt
Weer niet opgeslagenquote:
[..]
was niet goed opgeslagen, moment
http://jsfiddle.net/AtqQ3/1/
Bedankt en bedankt (allen) voor de hulpquote:
Dit ja, en kijk anders eens naar _s als starterstheme (van Automatic, de makers van Wordpress) of Starkers theme als basis voor je theme.quote:
[..]
Wat je misschien beter kan doen is eerst gewoon het hele theme in HTML maken en daarna omzetten naar WordPress. Is niet zo moeilijk en heb je geen last van allerlei overbodige code.
zal straks kijken. Zo eerst een wireframe presenteren voor een grote opdrachtquote:
Gedaan maar ben nu al aardig op weg met m'n eigen theme, wil het nu zelf doen ookquote:
[..]
Dit ja, en kijk anders eens naar _s als starterstheme (van Automatic, de makers van Wordpress) of Starkers theme als basis voor je theme.
http://n8n.nl/lab/remo/
Ben benieuwd wat jullie er van vinden (even afgezien van mijn 'design-skills'
al sta ik daar ook open voor suggesties).Hoort dat? Kan ik daar wat aan doen?
Opgelost, float: left; was de boosdoener.
Heb een konami code op mn website maar heb daadwerkelijk geen idee hoe ik dat aan een cookie kan koppelen, 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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | // KONAMI //Set up our array of needed keys, and variables. // neededkeys = [38,38,40,40], started = false, count = 0; neededkeys = [38,38,40,40,37,39,37,39,66,65], started = false, count = 0; $(document).keydown(function(e){ key = e.keyCode; //Set start to true only if having pressed the first key in the konami sequence. if(!started){ if(key == 38){ started = true; } } //If we've started, pay attention to key presses, looking for right sequence. if(started){ if(neededkeys[count] == key){ //We're good so far. count++; } else { //Oops, not the right sequence, lets restart from the top. reset(); } // if(count == 4){ if(count == 10){ //We made it! Put code here to do what you want when successfully execute konami sequence $("html").toggleClass("konami"); //Reset the conditions so that someone can do it all again. reset(); } } else { //Oops. reset(); } }); //Function used to reset us back to starting point. function reset() { started = false; count = 0; return; } |
Wat de code doet is een class (konami) aan het html toevoegen of verwijderen. Iemand die me uit de brand kan helpen?
| 1 | //We made it! Put code here to do what you want when successfully execute konami sequence |
...misschien moet je daar de code neerzetten die je uit wilt voeren als de konami code succesvol ingevoerd is?
[ Bericht 45% gewijzigd door KomtTijd... op 25-11-2013 15:52:55 ]
ja daar zat ik al mee te kutten maar moet er nog een if / else if van maken en shit. kom er echt geen reet verder mee.kom er later ff op terugquote:
[..]
...misschien moet je daar de code neerzetten die je uit wilt voeren als de konami code succesvol ingevoerd is?
ik ben nu al blij dat het überhaupt wat doetquote:
Aangezien je toch jQuery gebruikt, hier: http://www.jquerysdk.com/api/jQuery.cookiequote:
[..]
ik ben nu al blij dat het überhaupt wat doet
Maak het cookie setten en getten een stuk gemakkelijker.
Waarom niet gewoon een Sprite? Is veel makkelijker onderhoudbaar lijkt me....quote:
Even wat anders, heb een emoticon set gemaakt dat met een image data css werkt. Zo laadt je slechts 1 file ipv allemaal losse afbeeldingen. Meteen 'retina'-proof gemaakt.
http://n8n.nl/lab/remo/
Ben benieuwd wat jullie er van vinden (even afgezien van mijn 'design-skills'
Maar way lastiger te resizen. Ik vind de gebruikte techniek wel prima alleen zou ik als je dan toch bezig bent er gelijk SVG's van maken.quote:
[..]
Waarom niet gewoon een Sprite? Is veel makkelijker onderhoudbaar lijkt me....
Ah had even niet gezien dat het SVG was, wij gebruiken dat ook regelmatig, maar uiteraard wel puur voor zaken als iconografie.quote:
[..]
Maar way lastiger te resizen. Ik vind de gebruikte techniek wel prima alleen zou ik als je dan toch bezig bent er gelijk SVG's van maken.
ga even uitzoeken hoe en wat, volgens mij had ik het al verneukt door het in PS te maken en maakte het qua file-size niet echt uit. SVG is ook niet lekker te animeren volgens mij, mocht ik daar nog gebruik van willen maken.quote:
[..]
Maar way lastiger te resizen. Ik vind de gebruikte techniek wel prima alleen zou ik als je dan toch bezig bent er gelijk SVG's van maken.
Bedankt voor je input, gooi het hoofdstuk SVG weer open. Momenteel is de file-size nog behoorlijk, ~100kb voor 64x64, denk dat ik met 32x32 (wat voor retina genoeg zou moeten zijn) op zo'n 60 uitkom. nog 3 keer meer dan losse gif's (img:data heeft overhead) maar wel 1 bestand en scherper.
Moet er maar eens helemaal van komen dat ik js ga leren wil ik serieus verder met web design. dankjewelquote:
[..]
Aangezien je toch jQuery gebruikt, hier: http://www.jquerysdk.com/api/jQuery.cookie
Maak het cookie setten en getten een stuk gemakkelijker.
Responsive async javascript css3 alles jeweet
Github? Bitbucket?quote:
Ik ben nu zoiets ziek vets aan het bouwen. En deze keer iets wat ook publiekelijk zichbaar gaat zijn
Responsive async javascript css3 alles jeweet
site/app voor een klantquote:
Da's het mooie van mobiele sites je kan gewoon css3 gebruikenquote:
Pak het goed aan.quote:
[..]
Moet er maar eens helemaal van komen dat ik js ga leren wil ik serieus verder met web design. dankjewel
En lees je ook in over Object Oriented programming.
Succes!
Ja, of het mooie van CSS3, want zonder mediaqueries waren de mobiele sites nogal tam.quote:
[..]
Da's het mooie van mobiele sites je kan gewoon css3 gebruiken
Goede video over OOP Javascript.quote:
[..]
Pak het goed aan.
En lees je ook in over Object Oriented programming.
Succes!
Whahahaha, schitterendquote:
[..]
Goede video over OOP Javascript.
Die gozer is zo gek als een kachel :-P maar hey, hij legt t goed uit :-)quote:
[..]
Goede video over OOP Javascript.
quote:
[..]
Goede video over OOP Javascript.
die gast is geweldig ja.
quote:
Op Dat kan ik niet maken.Altijd initial commit.quote:
Mijn eerste commit heet meestal al "asdf"
Kan op niet-mobiele sites ook prima hoorquote:
[..]
Da's het mooie van mobiele sites je kan gewoon css3 gebruiken
Ja, vet tof voor je collega's.quote:
Wij hebben de standaard afspraak dat er een Jira Nummer word gemeld in de Commit, daarnaast hanteren wij GitFlow, zeker als je met strenge release richtlijnen werkt (en dat doen we) werkt dat super handig.quote:
[..]
Ja, vet tof voor je collega's.
Ja dat is prima, dan zien mensen tenminste wat er precies wordt gedaan bij een commit.quote:
[..]
Wij hebben de standaard afspraak dat er een Jira Nummer word gemeld in de Commit, daarnaast hanteren wij GitFlow, zeker als je met strenge release richtlijnen werkt (en dat doen we) werkt dat super handig.
Inderdaad, zo doen wij het ook meestal. Maar bij mijn vorige werk waren bovenstaande commit messages erg veel voorkomendquote:
[..]
Wij hebben de standaard afspraak dat er een Jira Nummer word gemeld in de Commit, daarnaast hanteren wij GitFlow, zeker als je met strenge release richtlijnen werkt (en dat doen we) werkt dat super handig.
.wat ook erg goed werkt is om je commits zo klein mogelijk te houden, wij werken nu een klein halfjaartje met GIT en we zijn er enorm gelukig mee, zeker in combinatie met Bamboo builds/deployments.quote:
[..]
Ja dat is prima, dan zien mensen tenminste wat er precies wordt gedaan bij een commit.
[ Bericht 98% gewijzigd door stoeltafel op 28-11-2013 14:58:01 ]
Volgens mij werken wij bij dezelfde werkgeverquote:
[..]
Wij hebben de standaard afspraak dat er een Jira Nummer word gemeld in de Commit, daarnaast hanteren wij GitFlow, zeker als je met strenge release richtlijnen werkt (en dat doen we) werkt dat super handig.
Ik moet zeggen dat ik wel nog steeds moet wennen aan het maken van feature branches e.d. Voorheen ging alles in TFS op de trunk en werd er alleen gebranched als er een nieuwe release klaar stond om naar productie te gaan (in de projecten waar ik op heb gezeten tenminste).
[ Bericht 2% gewijzigd door PimD op 28-11-2013 18:19:00 ]
Aan begin had ik wat problemen met release branches, en er was ook intern wat discussie of een fix op acceptatie nu een hotfix is of niet (nu vinden we van welquote:
[..]
Volgens mij werken wij bij dezelfde werkgever
Ik moet zeggen dat ik wel nog steeds moet wennen aan het maken van feature branches e.d. Voorheen ging alles in TFS op de trunk en werd er alleen gebranched als er een nieuwe release klaar stond om naar productie te gaan.
).2x HTML dropdown naast elkaar. De tweede dropdown moet leeg zijn, deze moet pas gevuld worden bij het selecteren van een item in de eerste dropdown.
Dropdown 1:
BMW
Volkswagen
Mercedes
Afhankelijk van de gekozen optie moet dropdown 2 gevuld worden met:
Passat
Jetta
Golf
Bij het kiezen van Volkswagen.
Ik hoop dat het een beetje duidelijk is. In welke richting moet ik zoeken/Googlen?
Netjes gedaan.quote:
Even wat anders, heb een emoticon set gemaakt dat met een image data css werkt. Zo laadt je slechts 1 file ipv allemaal losse afbeeldingen. Meteen 'retina'-proof gemaakt.
http://n8n.nl/lab/remo/
Ben benieuwd wat jullie er van vinden (even afgezien van mijn 'design-skills'
Ik zou overigens .content veranderen naar .remo-content om eventuele conflicten te vermijden.
goeie jaquote:
[..]
Netjes gedaan.
Ik zou overigens .content veranderen naar .remo-content om eventuele conflicten te vermijden.
Kun je vrij makkelijk oplossen met jQuery, maar een lege dropdown is lelijk dus daar zou ik wat anders voor kiezen.quote:
Ik wil het volgende bereiken.
2x HTML dropdown naast elkaar. De tweede dropdown moet leeg zijn, deze moet pas gevuld worden bij het selecteren van een item in de eerste dropdown.
Dropdown 1:
BMW
Volkswagen
Mercedes
Afhankelijk van de gekozen optie moet dropdown 2 gevuld worden met:
Passat
Jetta
Golf
Bij het kiezen van Volkswagen.
Ik hoop dat het een beetje duidelijk is. In welke richting moet ik zoeken/Googlen?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <label for="merk">Merk</label> <select id="merk"> <option value="BMW">BMW</option> <option value="Ford">Ford</option> <option value="Merceded">Mercedes</option> </select> <label for="type">Type</label> <select id="type"> <optgroup label="BMW"> <option value="BMW Type 1">BMW Type 1</option> <option value="BMW Type 2">BMW Type 2</option> <option value="BMW Type 3">BMW Type 3</option> </optgroup> <optgroup label="Mercedes"> <option value="Mercedes Type 1">Mercedes Type 1</option> <option value="Mercedes Type 2">Mercedes Type 2</option> <option value="Mercedes Type 3">Mercedes Type 3</option> </optgroup> <optgroup label="Ford"> <option value="Ford Type 1">Ford Type 1</option> <option value="Ford Type 2">Ford Type 2</option> <option value="Ford Type 3">Ford Type 3</option> </optgroup> </select> |
In je HTML. En dan in je JS:
| 1 2 3 4 5 6 7 8 9 10 11 12 | var types = document.getElementById('type'), merk = document.getElementById('merk'), groups = types.children, i = 0; merk.addEventListener('change',function(){ for(; i < groups.length; i++){ var current = groups[i]; console.log(current.getAttribute('label') === merk.value); current.disabled = (current.getAttribute('label') === merk.value); } }); |
Zoiets. Uiteraard zou ik het normaal gesproken mooier opzetten dan dit
[ Bericht 49% gewijzigd door PimD op 30-11-2013 15:16:16 ]
Gewoon JS kan ook wel maar aangezien xaban niet eens weet in welke richting hij moet Googlen denk ik dat hij makkelijker een jQuery oplossing kan zoeken.quote:
Ik zou daar inderdaad ook een hele library voor gaan inladen.
Ik ben een totaal leek op gebied van JS/jQuery, dus heb ik iemand betaald om wat te maken voor mij.
Namelijk wanneer je op een submit button klikt, dat je opdezelfde pagina blijft, de knop veranderd in de output van je post script.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).on('click', '#submitButton input[type=button]', function(){ var name = $("#name").val(); var category = $("#category").val(); var brand = $("#brand").val(); $.ajax({ type: "POST", url: "add_data.php", data: { name: name, category: category, brand: brand } }) .done(function(msg) { $("#submitButton").html(msg); }); }); </script> |
| 1 2 3 4 5 6 7 8 | <form method="POST"> <input type="text" name="name" id="name" value="foo" size=35> <input type="text" name="category" id="category" value="bar" size=20> <input type="text" name="brand" id="brand" value="foobar" size=10> <div id="submitButton"> <input type="button" name="submitButton" value="Add"> </div> </form> |
Dit werkt, echter werkt het niet wanneer ik van dezelfde formulier er meerdere op de pagina heb, maar dat is wat ik juist wilde bereiken.
Dat ik dus 100 producten onder elkaar zie, de inhoud controleer en snel op de submit button kan klikken.
Diegene wilt dat ik ;m extra betaal om het op te lossen
Ik denk zelf dat het door de duplicate div komt. Als dat zo is, hoe los ik dat op?
En terecht.quote:
Diegene wilt dat ik ;m extra betaal om het op te lossen
Je moet de name van de button uniek maken. Nee laat maar.quote:
Mijn dank is groot aan iedereen
Ik ben een totaal leek op gebied van JS/jQuery, dus heb ik iemand betaald om wat te maken voor mij.
Namelijk wanneer je op een submit button klikt, dat je opdezelfde pagina blijft, de knop veranderd in de output van je post script.
[ code verwijderd ]
[ code verwijderd ]
Dit werkt, echter werkt het niet wanneer ik van dezelfde formulier er meerdere op de pagina heb, maar dat is wat ik juist wilde bereiken.
Dat ik dus 100 producten onder elkaar zie, de inhoud controleer en snel op de submit button kan klikken.
Hoezo terecht? Hij had het gewoon in 1 keer goed moeten makenquote:
[..]
En terecht.
[..]
Je moet de name van de button uniek maken. diezelfde naam komt op regel 3 weer terug van je script.
Heb je gemeld dat het er meerdere op een pagina moeten zijn?quote:
[..]
Hoezo terecht? Hij had het gewoon in 1 keer goed moeten maken
quote:
[..]
Heb je gemeld dat het er meerdere op een pagina moeten zijn?
SPOILERHi,
I have a webpage with hundreds HTML forms.
Example, a few hundred like:
<form action="add_data.php" method="POST">
<input type="text" name="field" value="data1">
<input type="text" name="field2" value="data2">
<input type="text" name="field3" value="data3">
<input type="submit" name="submitButton" value="go">
</form>
What I want is, when I press the submit button, the page should not refresh. The button should disappear and instead it should show the output of add_data.php. Which will be in most cases just "OK" or "Error occurred".
Can you do this?
Ok. Dan niet inderdaad.quote:
[..]SPOILERHi,
I have a webpage with hundreds HTML forms.
Example, a few hundred like:
<form action="add_data.php" method="POST">
<input type="text" name="field" value="data1">
<input type="text" name="field2" value="data2">
<input type="text" name="field3" value="data3">
<input type="submit" name="submitButton" value="go">
</form>
What I want is, when I press the submit button, the page should not refresh. The button should disappear and instead it should show the output of add_data.php. Which will be in most cases just "OK" or "Error occurred".
Can you do this?
quote:
Mijn dank is groot aan iedereen
Ik ben een totaal leek op gebied van JS/jQuery, dus heb ik iemand betaald om wat te maken voor mij.
Namelijk wanneer je op een submit button klikt, dat je opdezelfde pagina blijft, de knop veranderd in de output van je post script.
[ code verwijderd ]
[ code verwijderd ]
Dit werkt, echter werkt het niet wanneer ik van dezelfde formulier er meerdere op de pagina heb, maar dat is wat ik juist wilde bereiken.
Dat ik dus 100 producten onder elkaar zie, de inhoud controleer en snel op de submit button kan klikken.
Diegene wilt dat ik ;m extra betaal om het op te lossen
Ik denk zelf dat het door de duplicate div komt. Als dat zo is, hoe los ik dat op?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | $('form').click(function(e){ if($(e.target).is('input[type=button]', this)){ var name = $('#name', this).val(); var category = $("#category", this).val(); var brand = $("#brand", this).val(); $.ajax({ type: "POST", url: "add_data.php", data: { name: name, category: category, brand: brand } }) .done(function(msg) { $('input[type=button]', this).html(msg); } }); |
Een downgraded versie vind je hier: http://jsfiddle.net/HMt8d/1/ Dit is zonder de Ajax call
Je code doet helemaal niksquote:
[..]
[ code verwijderd ]
Geen idee wat je terug krijgt van de Ajax call, maar het kan zijn dat je die regel moet vervangen voor wat er in de versie hieronder zit.
Een downgraded versie vind je hier: http://jsfiddle.net/HMt8d/1/ Dit is zonder de Ajax call
Lekker dankbaar.quote:
Wat dan? Ik geef aan dat het niet werkt?quote:
hij geeft je meer dan genoeg richting om t op te lossen. Een beetje eigen inzicht en moeite mag wel, we gaan hier niet alles voor je uitdenken.quote:
[..]
Wat dan? Ik geef aan dat het niet werkt?
Dat hoeft ook nietquote:
[..]
hij geeft je meer dan genoeg richting om t op te lossen. Een beetje eigen inzicht en moeite mag wel, we gaan hier niet alles voor je uitdenken.
Als jullie dat niet willen/kunnen/whatever, begrijp ik dat Snap de felle reacties niet echt. Ik gaf alleen dat het niet werkte, meer niet.Woord- en smileykeuze is een belangrijke factor voor de felle reacties.quote:
[..]
Dat hoeft ook niet
En lees ook es wat ik bij de code gezet heb. Als je dat niet begrijpt, geef dat dan aan. Maar zo'n reactie is alleen maar ten nadele van jezelf voor toekomstige hulpvragen.
Ik was niet boos ofzoquote:
[..]
Woord- en smileykeuze is een belangrijke factor voor de felle reacties.
En lees ook es wat ik bij de code gezet heb. Als je dat niet begrijpt, geef dat dan aan. Maar zo'n reactie is alleen maar ten nadele van jezelf voor toekomstige hulpvragen.
dan had ik wel gekozen voor 
/ 
/ 
/ Ik vond het gewoon jammer, vandaar die smiley.
Anyways, thanks voor je moeite
no problem. Maar wat doet er niet? Krijg je wel een alert als je die ergens tussen doet? En wat krijg je uit je Ajax call terug?quote:
[..]
Ik was niet boos ofzo
Ik vond het gewoon jammer, vandaar die smiley.
Anyways, thanks voor je moeite
Er gebeurde gewoon helemaal niks na het klikken op de submit button.quote:
[..]
no problem. Maar wat doet er niet? Krijg je wel een alert als je die ergens tussen doet? En wat krijg je uit je Ajax call terug?
Diegene die ik had betaald heeft het toch nog kosteloos voor me gescript:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <script type="text/javascript"> $(document).on('click', '#submitButton input[type=button]', function(){ var field1 = $(this).parent().parent().find(".field1").val(); var field2 = $(this).parent().parent().find(".field2").val(); var field3 = $(this).parent().parent().find(".field3").val(); var field4 = $(this).parent().parent().find(".field4").val(); var submitButton = $(this); $.ajax({ type: "POST", url: "add_data.php", data: { field1: field1, field2: field2, field3: field3, field4: field4 } }) .done(function(msg) { submitButton.parent().html(msg); }); }); </script> |
Die dubbele .parent()quote:
[..]
Er gebeurde gewoon helemaal niks na het klikken op de submit button.
Diegene die ik had betaald heeft het toch nog kosteloos voor me gescript:
[ code verwijderd ]
Volgens mij deed ie het niet omdat ik dacht dat je wat anders uit je Ajax call terug krijgt.
diequote:
[..]
Ik was niet boos ofzo
Ik vond het gewoon jammer, vandaar die smiley.
Anyways, thanks voor je moeite
emoticon/smiley is verrot voor ex-MSN gebruikers je zou verwachten dat een 
zou opleveren, en dat onder | 1 | :@ |
Was voor mij ook even wennen ooit, toen ik voor het eerst op Fok kwam....
Google levert niet de resultaten op die ik wil.. Hebben jullie een idee?
Ik weet niet hoe goed je JS skills zijn maar dit soort zaken zijn met D3JS erg goed te doen.quote:
Ik ben op zoek naar een JS library waarmee je met behulp van een (timeline) slider langs verschillende plaatjes slide. De plaatjes staan op dezelfde plek en faden in elkaar over, waardoor je dus heen en weer kan faden tussen de verschillende plaatjes..
Google levert niet de resultaten op die ik wil.. Hebben jullie een idee?
http://lmgtfy.com/?q=jquery%20timeline%20sliderquote:
Ik ben op zoek naar een JS library waarmee je met behulp van een (timeline) slider langs verschillende plaatjes slide. De plaatjes staan op dezelfde plek en faden in elkaar over, waardoor je dus heen en weer kan faden tussen de verschillende plaatjes..
Google levert niet de resultaten op die ik wil.. Hebben jullie een idee?
Alle sliders doen zo'n beetje wel wat jij wilt, enkel effecten en styling kan je zelf coden.
Oh grappig, een lmgtfy link.quote:
[..]
http://lmgtfy.com/?q=jquery%20timeline%20slider
Alle sliders doen zo'n beetje wel wat jij wilt, enkel effecten en styling kan je zelf coden.
Ik had al aangegeven dat ik via Google niet kan vinden wat ik zoek. Een aantal heb ik al wel geprobeerd, mede omdat ze niet op hun site lieten zien dat ze dat hebben. De vier die ik geprobeerd heb, hadden dat er sowieso niet inzitten.
Tuurlijk lukt het me wel om het uiteindelijk ook te maken, ik wil alleen niet opnieuw het wiel uitvinden terwijl er andere zijn die hier veel beter in zijn.
quote:
[..]
Ik weet niet hoe goed je JS skills zijn maar dit soort zaken zijn met D3JS erg goed te doen.
Het aanpassen van een bestaande is mijn laatste keuze, maar als er niks is, dat wordt het dat. Dan kan het in ieder geval een toevoeging zijn voor een open source library. Bedankt in ieder geval.quote:
Probeer te zoeken op een 'slider' waarmee je navigeert doormiddel van een slider. Hoe je dat vormgeeft kun je zelf wel aanpassen en dat je een fade effect wil in het afbeeldingen verwisselen zit vaak ook wel in dat soort toepassingen.
Maar probeer eens íets duidelijk te formuleren wat je precies wil.
Juist omdat jij had aangegeven dat je niks kon vinden via google heb ik de lmgtfy link voor je erbij gezet.quote:
[..]
Oh grappig, een lmgtfy link.
Ik had al aangegeven dat ik via Google niet kan vinden wat ik zoek. Een aantal heb ik al wel geprobeerd, mede omdat ze niet op hun site lieten zien dat ze dat hebben. De vier die ik geprobeerd heb, hadden dat er sowieso niet inzitten.
Tuurlijk lukt het me wel om het uiteindelijk ook te maken, ik wil alleen niet opnieuw het wiel uitvinden terwijl er andere zijn die hier veel beter in zijn.
Want je zoekt dus verkeerd.
Via mijn link zie je genoeg sliders die doen wat jij wilt.
En ja, ze zullen nooit precies doen wat jij wilt.....
Graag gedaan hoor.
Zover ik weet zijn Ext.ComponentQuery hetzelfde als de ref's in een controller. Wanneer gebruik je wat en zijn er nog meer voordelen van de een boven de andere?
Ik heb het nooit gebruikt, maar het voordeel is dat je CSS-achtig door je componenten kunt selecteren.quote:
Vraag aan de sencha developers:
Zover ik weet zijn Ext.ComponentQuery hetzelfde als de ref's in een controller. Wanneer gebruik je wat en zijn er nog meer voordelen van de een boven de andere?
Voorwaarde is wel dat het resultaat één component oplevert, geloof ik.
Als ik een id weet gebruik ik altijd Ext.getCmp('idvancomponent');
De ComponentQuery geeft een array terug.quote:
[..]
Ik heb het nooit gebruikt, maar het voordeel is dat je CSS-achtig door je componenten kunt selecteren.
Voorwaarde is wel dat het resultaat één component oplevert, geloof ik.
Als ik een id weet gebruik ik altijd Ext.getCmp('idvancomponent');
Dan valt de voorwaarde weg en houd je het voordeel over.quote:
[..]
De ComponentQuery geeft een array terug.
En is onderstaande veilig? (ja ik weet het nu niet meer omdat ik het publiceer maar afgezien van dat
)| 1 2 3 4 5 6 7 8 9 | <?php $password = 'password'; // user input $user_id = 1; // user id voor private salt $salt_a = tan($user_id); $salt_b = hexdec($salt_a); $password = $salt_a.$password.$salt_b; $password = hash("sha512", $password); ?> |
Eh, NEE!!!quote:Op donderdag 5 december 2013 12:25 schreef n8n het volgende:
Is er een manier om een hash met private key te maken voor een website? Documentatie online raadt het af omdat het van mindere kwaliteit zal zijn dan sha/md5 etc. maar ik zie het meer als een stap om het net wat kutter te maken dan normaal om data te achterhalen (niet voor passwords maar email-adressen in database).
En is onderstaande veilig? (ja ik weet het nu niet meer omdat ik het publiceer maar afgezien van dat
[ code verwijderd ]
Gebruik Bcrypt. Salts zitten inbegrepen in het algoritme.
ga even kijken, had wel whirlpool opgezocht maar volgens mij werkt dat niet met mijn hosting servicequote:
[..]
Eh, NEE!!!
Gebruik Bcrypt. Salts zitten inbegrepen in het algoritme.
ow shit sorry had het niet door hihiquote:
Dit hoort trouwens niet in het HTML-topic.
Ik gebruik Ext.getCmp() vooral in listeners en dergelijke in views. Wel handig als je bijvoorbeeld iets met een form wil doen.quote:
Vraag aan de sencha developers:
Zover ik weet zijn Ext.ComponentQuery hetzelfde als de ref's in een controller. Wanneer gebruik je wat en zijn er nog meer voordelen van de een boven de andere?
een korte tijd geleden heb ik van een andere webbeheerder de website van onze plaatselijke speeltuin gekregen. Dit omdat hij er nooit iets aan deed, en de laatste update uit 2011 stamde.
Nu kon ik helemaal geen HTML lezen, maar ben ik begonnen met lezen en leren en kom ik al een aardig eind!
Ik heb de site in ieder geval een beetje kunnen updaten en wat dingen aangepast, maar de lay-out van de hele website vind ik niets.
Nu komt mijn vraag, kan ik op een website mijn site laten "bouwen". Dus eigenlijk dat ik de dingen verplaats, net als bij een blog en dat de website mij een html code geeft. En zo ja, wat is die website dan?
En dan mijn tweede vraag, mijn website word nu links uitgelijnd, maar eigenlijk wil ik zoiets als FOK! heeft. Dat mijn website in het midden word uitgelijnd, en dat daar een leuk boxje omheen zit.
Kan iemand mij hiermee verder helpen?
Eventuele link in DM.
Seconded. Mijn webhost heeft zelfs een one click installeer service dingetje. Zo hendig.quote:
Als je zonder enige kennis een website wilt maken: installeer wordpress met een leuke template en blijf er voor de rest met je fikken vanaf.
Inderdaad gewoon een Wordpress met een template. Makkelijk te beheren voor leeks.quote:Op dinsdag 10 december 2013 23:54 schreef Rockiejj het volgende:
Hee allemaal,
een korte tijd geleden heb ik van een andere webbeheerder de website van onze plaatselijke speeltuin gekregen. Dit omdat hij er nooit iets aan deed, en de laatste update uit 2011 stamde.
Nu kon ik helemaal geen HTML lezen, maar ben ik begonnen met lezen en leren en kom ik al een aardig eind!
Ik heb de site in ieder geval een beetje kunnen updaten en wat dingen aangepast, maar de lay-out van de hele website vind ik niets.
Nu komt mijn vraag, kan ik op een website mijn site laten "bouwen". Dus eigenlijk dat ik de dingen verplaats, net als bij een blog en dat de website mij een html code geeft. En zo ja, wat is die website dan?
En dan mijn tweede vraag, mijn website word nu links uitgelijnd, maar eigenlijk wil ik zoiets als FOK! heeft. Dat mijn website in het midden word uitgelijnd, en dat daar een leuk boxje omheen zit.
Kan iemand mij hiermee verder helpen?
Eventuele link in DM.
quote:
Als je zonder enige kennis een website wilt maken: installeer wordpress met een leuke template en blijf er voor de rest met je fikken vanaf.
Naja, ik wil ook wel een beetje HTML leren, want vind het wel heel interessant.quote:
[..]
Inderdaad gewoon een Wordpress met een template. Makkelijk te beheren voor leeks.
Kan ik WordPress ook gebruiken met een al bestaand domein? Want ik zie overal dat je dan een nieuw domein moet aanvragen.
Zit er weer overheen te lezen.
De cirkel heb ik met :before voor de <h1> gezet, maar hoe kan ik ervoor zorgen dat de blauwe achtergrond tegen de paarse header aankomt? Er staat nu een witte rand tussen, wat zo te zien komt door de :before. Het is dus de bedoeling dat de cirkel 'over' het blauw heen komt.
Geef je code eens.quote:
[ afbeelding ]
De cirkel heb ik met :before voor de <h1> gezet, maar hoe kan ik ervoor zorgen dat de blauwe achtergrond tegen de paarse header aankomt? Er staat nu een witte rand tussen, wat zo te zien komt door de :before. Het is dus de bedoeling dat de cirkel 'over' het blauw heen komt.
Hoop dat je hier iets mee kunt?quote:
| 1 2 3 4 5 6 7 8 9 10 11 12 | <header> <nav> <ul class="navi"> <a href="#"><li><h1>Titel</h1></li></a> <li>Hier staat nog wat tekst <a class="button" href="#"><b>Click here!</b></a></li> </ul> </nav> </header> <section> Blabla, de section met de blauwe achtergrond. </section> |
En de 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 31 32 33 34 35 36 | header { width: 100%; margin: 0 auto; font: "Open Sans";} nav { width: 100%; height: 40px; background-color: #5c3591; color: #ffffff; margin: 0;} nav ul li { text-align: right; margin: 0 auto; line-height: 40px; font-size: 10pt;} .navi { width: 930px; margin: 0 auto;} nav h1 { font-size: 13pt; float: left; vertical-align: top; color: #ffffff !important; text-transform: uppercase; line-height: 20px;} nav h1:before { content: url('../img/logo-headhunters-in-nederland.png') no-repeat transparent; margin-right: 15px;} nav ul li a { font-size: 11pt;} |
Wat een zootje.quote:
[..]
Hoop dat je hier iets mee kunt?
[ code verwijderd ]
En de CSS:
[ code verwijderd ]
Je h1 krijgt standaard padding en margin mee. Haal die eens weg.
| 1 2 | <ul class="navi"> <a href="#"> |
quote:
[..]
Wat een zootje.
Je h1 krijgt standaard padding en margin mee. Haal die eens weg.
Ook aangepast, erbij vermeldend dat ik dit niet heel vaak doequote:
[ code verwijderd ]
Dafuq? Eerst maar eens je code valideren voordat je het over onverwachte margins gaat hebben lijkt me...
Nu vroeg ik mij af of een hele div ook weg kan als er geen resultaten in staan voor de selectie. In het voorbeeld is dit rood die niet voorkomt in div 1. Is er een nette manier om dit te doen?
Jsfiddle klik
want? jQuer ruled als je weet wat je er mee kan en hoe je dat moet doen.quote:
Ik werd het zat dat ik zo weinig verstand had van vanilla javascript. Jquery gebruik ik alleen nog maar als het van me gevraagd wordt.quote:
[..]
Javascript ruled als je weet wat je er mee kan en hoe je dat moet doen.
dat doe je zelf. Ik gebruik ook vanilla als dat kan, maar veel dingen gaan sneller als je t met jquery doet.quote:Op dinsdag 17 december 2013 00:40 schreef -Datdus- het volgende:
[..]
Ik werd het zat dat ik zo weinig verstand had van vanilla javascript. Jquery gebruik ik alleen nog maar als het van me gevraagd wordt.
Daar vroeg ik niet naarquote:
Er zijn verschillende mogelijkheden.quote:
Tijden geleden hebben Catch22- en nog wat anderen mij geholpen met een (voor hun waarschijnlijk makkelijke) Jquery voor het filteren van resultaten.
Nu vroeg ik mij af of een hele div ook weg kan als er geen resultaten in staan voor de selectie. In het voorbeeld is dit rood die niet voorkomt in div 1. Is er een nette manier om dit te doen?
Jsfiddle klik
Een mogelijkheid is om het de change-handler uit te breiden met:
| 1 2 3 4 | $("ul").each(function() { var hasItems = $("li.item:visible",this).length > 0; $(this).closest("div").toggle( hasItems ); }); |
[ Bericht 2% gewijzigd door #ANONIEM op 17-12-2013 22:20:48 ]
Zocht je deze? http://foundation.zurb.com/docs/v/4.3.2/quote:
Weet iemand of er voor Foundation 4 een volledige documentatie is?
Bedoelde Foundation 5.quote:
[..]
Zocht je deze? http://foundation.zurb.com/docs/v/4.3.2/
En nee, die van hunzelf is zeer incompleet.
Dat is hetzelfde als op de fiets naar je werk gaan 50 km verderop omdat je niet weet hoe je je auto moet laten schakelen.quote:
[..]
Ik werd het zat dat ik zo weinig verstand had van vanilla javascript. Jquery gebruik ik alleen nog maar als het van me gevraagd wordt.
Nee dat is niet waar. Het is als zijwieltjes hebben en niet kunnen fietsen zonder.quote:
[..]
Dat is hetzelfde als op de fiets naar je werk gaan 50 km verderop omdat je niet weet hoe je je auto moet laten schakelen.
wat maakt t uit als je jquery gebruikt als je je doel bereikt? Ik gok dat 99% van de tools van jquery beter geschreven zijn dan jouw eigen code. Ik snap t echt niet.quote:
[..]
Nee dat is niet waar. Het is als zijwieltjes hebben en niet kunnen fietsen zonder.
Dat is echt gelul. Zoals Catch al zegt, waarom denk je dat jij het beter kan dan de makers van jQuery?quote:
[..]
Nee dat is niet waar. Het is als zijwieltjes hebben en niet kunnen fietsen zonder.
om maar te zwijgen over de browserverschillen waar jquery rekening mee houdt.quote:
[..]
Dat is echt gelul. Zoals Catch al zegt, waarom denk je dat jij het beter kan dan de makers van jQuery?
Je maakt het jezelf onnodig moeilijk als je geen lib gebruikt.
Zolang je je maar wel bewust bent van het feit dat jQuery overhead heeft en dus niet altijd nuttig is. Sowieso is het voor een hoop dingen best handig om eens te bedenken hoe je het zelf zou maken. Dat wil niet zeggen dat je dan meteen je eigen code in productie moet gebruiken, want code van iets als jQuery is vast beter en in meer browsers getest.quote:
[..]
om maar te zwijgen over de browserverschillen waar jquery rekening mee houdt.
Je maakt het jezelf onnodig moeilijk als je geen lib gebruikt.
Overigens is de API van jQuery <1.9 niet volledig compatible met die van >= 1.9. Da's op zich vreemd, gezien ze allebei in de 1.x-serie zitten en je op basis daarvan zou vermoeden dat er geen dingen uit de API worden weggegooid.
Dat inderdaad, jQuery is echt een ideale oplossing voor de standaard / dagelijkse dingen.quote:
[..]
om maar te zwijgen over de browserverschillen waar jquery rekening mee houdt.
Je maakt het jezelf onnodig moeilijk als je geen lib gebruikt.
voor echt heel heel specifieke dingen pak ik er even "echt" javascript bij, maar 99% van de javascript dev's gaan het niveau van jQuery niet overtreffen.
Van 1.x naar 2.x snap ik het volledig als je ervoor kiest niet backwards compatible te zijn. Zolang je binnen de 1.x serie blijft, zou ik backwards compatibiliteit verwachten.quote:
Zo gek is t niet dat er dingen veranderen toch?
de wijzigingen die er zijn zijn erg logisch. Lees je de releasenotes?quote:
[..]
Van 1.x naar 2.x snap ik het volledig als je ervoor kiest niet backwards compatible te zijn. Zolang je binnen de 1.x serie blijft, zou ik backwards compatibiliteit verwachten.
En zo onwijs veel is er niet aangepast. En wat er is aangepast is goed verklaarbaar.
Release notes? Ik heb de Upgrade Guide voor me. En die begint al met 5 functies die zijn verwijderd.quote:
[..]
de wijzigingen die er zijn zijn erg logisch. Lees je de releasenotes?
En zo onwijs veel is er niet aangepast. En wat er is aangepast is goed verklaarbaar.
en allemaal logisch. Daarbij is er de migrateplugin.quote:
[..]
Release notes? Ik heb de Upgrade Guide voor me. En die begint al met 5 functies die zijn verwijderd.
Als je alles houdt wordt het een zooi.
Het maakt niets uit. Dat zei ik ook niet? En definieer 'beter'. Dat ligt geheel aan het doel dat je wilt bereiken.quote:
[..]
wat maakt t uit als je jquery gebruikt als je je doel bereikt? Ik gok dat 99% van de tools van jquery beter geschreven zijn dan jouw eigen code. Ik snap t echt niet.
Waar impliceer ik dat ik het beter kan dan de makers van Jquery?quote:
[..]
Dat is echt gelul. Zoals Catch al zegt, waarom denk je dat jij het beter kan dan de makers van jQuery?
Browserverschillen zijn tegenwoordig echt nihil.quote:
[..]
om maar te zwijgen over de browserverschillen waar jquery rekening mee houdt.
Je maakt het jezelf onnodig moeilijk als je geen lib gebruikt.
mwoah, asyncrequests zijn een bitch.quote:
[..]
Browserverschillen zijn tegenwoordig echt nihil.
En jquery heeft echt minimale performanceimpact. Daar mag je pas over praten als je al je code door een profiler haalt.
http://hakim.se/experiments/css/domtree/
Een vraagje ik had een chatroom tutorial gevolgd op deze link: http://www.pubnub.com/blog/pubnub-messenger-a-simple-chat-room/
En die chatroom werkt prima, maar die chatroom is in fullscreen waardoor ik de rest van mijn website niet ziet. Hier zijn een paar screenshots ervan
:
Ik had al geprobeerd om die chat in een iframe te zetten maar dit lukte niet. Verder had ik ook een div geprobeerd, die gebruikt wordt als een border met een aangepaste height en width. Zodat de chatroom niet meer fullscreen wordt, maar helaas lukte dit ook niet.
Kan iemand me misschien via Skype, en dat ik dan mijn scherm aan diegene laat zien
? Graag wacht ik op uw reactie. Alvast bedankt voor uw antwoord.Mvg,
superky
Het is gelukkig al geluktquote:
Of je post gewoon je code, helpen we je hier en is het nog gratis ook.
. Ik had die iframe verkeerd gebruikt xD. Nog bedankt voor uw reactie .quote:
Ik heb een site in html gemaakt, hoe moet ik CSS in externe file zetten?
| 1 | <link rel="stylesheet" href="style.css" /> |
Waar moet ik dat plaatsen en wat moet er in style.css staan?quote:
Tussen je head-tags. In style.css moet de css-code staan, die je nu gewoon in je HTML-code hebt staan, neem ik aan?quote:Op zondag 5 januari 2014 13:44 schreef BMTH182 het volgende:
[..]
Waar moet ik dat plaatsen en wat moet er in style.css staan?
maar moet ik in style.css ook nog dingen als <head> enzo zetten of alleen wat in <script></script> staat?quote:
[..]
Tussen je head-tags. In style.css moet de css-code staan, die je nu gewoon in je HTML-code hebt staan, neem ik aan?
Nee, dat is HTML. In een CSS-bestand zet je enkel CSS-code. Wat tussen script tags staat, is Javascript en geen CSS.quote:
[..]
maar moet ik in style.css ook nog dingen als <head> enzo zetten of alleen wat in <script></script> staat?
Het is me gelukt thanksquote:
[..]
Nee, dat is HTML. In een CSS-bestand zet je enkel CSS-code. Wat tussen script tags staat, is Javascript en geen CSS.
http://do-web.com/jcontent/demo
bedankt, het werd inderdaad steeds opnieuw gedwonload, nu heb ik gewoon een div met style="display:none;" gemaakt met daar img src's in en nu laad ie ze maar 1 keer.quote:
wat zegt de netwerk-tab van je developer-tools?
In dat eerste geval heb je je expire headers slecht ingesteld.
kheb geen flauw idee er kwam iig iedere keer wat bij te staan bij dat netwerk gebeuren en nadat ik ze in een verborgen div voor heb geladen gebeurt dat niet.quote:
Gedownload? Of uit de cache geladen?
In dat eerste geval heb je je expire headers slecht ingesteld.
Als ze de hele tijd opnieuw in dat lijstje komen te staan bij de netwerk tab van developer tools en er staat bij dat het uit de cache komt, maakt dat dan wat uit of ik ze in een verborgen div zet zodat ze daar niet steeds opnieuw in het lijstje komen? komt op hetzelfde neer zeker. 1 keer downloaden en dat was t..?quote:
Gedownload? Of uit de cache geladen?
In dat eerste geval heb je je expire headers slecht ingesteld.
Allereerst, als er bij status 304 Not modified staat, dan is de image gewoon uit de cache gehaald en is er qua performance niet zo gek veel aan de hand.quote:
[..]
Als ze de hele tijd opnieuw in dat lijstje komen te staan bij de netwerk tab van developer tools en er staat bij dat het uit de cache komt, maakt dat dan wat uit of ik ze in een verborgen div zet zodat ze daar niet steeds opnieuw in het lijstje komen? komt op hetzelfde neer zeker. 1 keer downloaden en dat was t..?
Een handige tool is deze website: http://gtmetrix.com/ waar je je pagina's kan laten analyseren.
Sterker nog; je kan er volledig geoptimaliseerde versies van je afbeeldingen mee downloaden.
Wat wil je precies bereiken?
maarja nu heb ik iets anders.
ik heb een div met een 50%width en 400px min-widht..
daarin heb ik een tabel van 2td's breed maar geen opmaak ingesteld ofzo, op zn hoogst wat de template van phpbb voor tabellen in het algemeen heeft ingesteld.
als ik nou mn venster verklein word die div smaller en gaat de tekst in de eerste td naar een nieuwe regel dat wil ik dus niet.
wat ik wil:
- de tabel moet in zn geheel binnen de kaders van de div blijven, dus incl. de rechterkolom.
- als de tekstin de linkerkolom ruimte tekort komt wil ik dat die tekst afgekapt word met puntjes (text-overflow:ellipsis;)
Ik heb al text-overflow:ellipsis;white-space:nowrap; geprobeerd her en der maar dan word de tekst niet afgekapt maar word de tabel gewoon breder en gaat ie uit de div.
Ik heb in de body nu een navigatiebar gezet met deze HTML (ik heb de linkjes zelf even weg gehaald):
| 1 2 3 4 5 6 7 | <div id="wrapper"> <ul id="navbar"> <li><a href="link naam/">Blog</a></li> <li><a href="link naam">Portfolio</a></li> <li><a href="link naam">About me</a></li> <li><a href="link naam">Contact</a></li> </ul> |
En deze CSS (met behulp van het boek webdisign voor beginners):
| 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 | #navbar { list-style-type:none; margin:0px; padding:0pc; } #navbar li { float:left } #navbar li a { display:block; width:291px; font-weight:1000; margin:0px; font-size:25px; padding:5px; text-decoration:none; background-color:#F7D4FF; color:#3F004F; } #navbar li a:hover { background-color:#EC9CFF; } |
Nu zou ik die navigatiebar graag willen centreren, omdat er nog een achtergrond komt. Weet iemand misschien hoe ik dat doe?
Hetzelfde geld trouwens voor een afbeelding die precies even groot als de navigatiebar is en er precies onder moet komen te staan.
Alvast bedankt!
http://jsfiddle.net/ms2ch/quote:
Ik ben nog erg nieuw in de wereld van HTML en CSS en ben nu bezig met mijn eerste website via dat te maken.
Ik heb in de body nu een navigatiebar gezet met deze HTML (ik heb de linkjes zelf even weg gehaald):
[ code verwijderd ]
En deze CSS (met behulp van het boek webdisign voor beginners):
[ code verwijderd ]
Nu zou ik die navigatiebar graag willen centreren, omdat er nog een achtergrond komt. Weet iemand misschien hoe ik dat doe?
Hetzelfde geld trouwens voor een afbeelding die precies even groot als de navigatiebar is en er precies onder moet komen te staan.
Alvast bedankt!
Hier is je code met wat verbeteringen én het menu gecentreerd. Dat kun je doen door een breedte aan het menu mee te geven en daarbij margin: 0 auto;. Deze twee dingen moet je ook doen voor de afbeelding.
Tnxzz!quote:
[..]
http://jsfiddle.net/ms2ch/
Hier is je code met wat verbeteringen én het menu gecentreerd. Dat kun je doen door een breedte aan het menu mee te geven en daarbij margin: 0 auto;. Deze twee dingen moet je ook doen voor de afbeelding.
Ik heb nu alleen het probleem dat er bij de navigatiebar er 2 opties langs elkaar staan en daar ook nog twee onder, terwijl ze alle vier langs elkaar bedoeld waren.quote:
[..]
http://jsfiddle.net/ms2ch/
Hier is je code met wat verbeteringen én het menu gecentreerd. Dat kun je doen door een breedte aan het menu mee te geven en daarbij margin: 0 auto;. Deze twee dingen moet je ook doen voor de afbeelding.
Dan moet je van #navbar de breedte aanpassen in 291px * 4 + 4* 5px = 1204px uit mijn hoofd.quote:
[..]
Ik heb nu alleen het probleem dat er bij de navigatiebar er 2 opties langs elkaar staan en daar ook nog twee onder, terwijl ze alle vier langs elkaar bedoeld waren.
Ik ga het proberen! In ieder geval bedanktquote:
[..]
Dan moet je van #navbar de breedte aanpassen in 291px * 4 + 4* 5px = 1204px uit mijn hoofd.
Here you go: http://jsfiddle.net/ms2ch/1/quote:
[..]
Ik ga het proberen! In ieder geval bedankt
een dame vraagt iets onwijs doms en meneer staat ineens klaar om te helpen hoorquote:
[..]
Here you go: http://jsfiddle.net/ms2ch/1/
Sjongejongejonge
Nee, hoor.quote:
[..]
een dame vraagt iets onwijs doms en meneer staat ineens klaar om te helpen hoor
Sjongejongejonge
Ik heb een vraag, is het mogelijk om met JS een highscore lijst bij te houden? Ik heb al een aantal cookie functies in mijn script staan, waardoor die de naam onthoudt.
Maar kan je ook de score onthouden?
Overal waar ik zoek lijkt het alleen maar te lukken met jQuery of .PHP.
Ik hoop dat iemand van jullie me kan helpen, alvast bedankt.
Ja, dat kan.quote:
Goede middag allemaal,
Ik heb een vraag, is het mogelijk om met JS een highscore lijst bij te houden? Ik heb al een aantal cookie functies in mijn script staan, waardoor die de naam onthoudt.
Maar kan je ook de score onthouden?
Overal waar ik zoek lijkt het alleen maar te lukken met jQuery of .PHP.
Ik hoop dat iemand van jullie me kan helpen, alvast bedankt.
Het is alleen wel afhankelijk waar de score vandaan komt en wat voor taal dat is. Alleen, wat is er mis met jQuery als je toch javascript gaat gebruiken?
quote:
Alleen, wat is er mis met jQuery als je toch javascript gaat gebruiken?
Waarom zou je geen integer kunnen opslaan en wel een string?quote:
Goede middag allemaal,
Ik heb een vraag, is het mogelijk om met JS een highscore lijst bij te houden? Ik heb al een aantal cookie functies in mijn script staan, waardoor die de naam onthoudt.
Maar kan je ook de score onthouden?
Overal waar ik zoek lijkt het alleen maar te lukken met jQuery of .PHP.
Ik hoop dat iemand van jullie me kan helpen, alvast bedankt.
Javascript is al iets nieuws voor mij, daar ben ik net een aantal weken mee bezig. Met jQuery daarentegen heb ik nog nooit iets mee gedaan en dus snap ik daar weinig van.quote:
[..]
Alleen, wat is er mis met jQuery als je toch javascript gaat gebruiken?
@Boem-dikkie: Ik heb de cookie functies gevonden via w3schools, ik weet dus eerlijk gezegd niet hoe ik dit het beste kan aanpassen. Vandaar dat ik om hulp vraag.
Ik had al zo'n gevoel dat de anti-library-squad als eerste zou reageren.quote:
quote:
[..]
Ik had al zo'n gevoel dat de anti-library-squad als eerste zou reageren.
support?quote:
Waarom zou je een cookie gebruiken voor informatie die niet naar de server hoeft? Gebruik dan localstorage. Is makkelijker setten en getten ook.
Ik ben niet anti-library. Wel voor simpele zaken oplossen met Javascript in plaats van meteen voor de makkelijke oplossing terwijl dat eigenlijk niet hoeft.quote:
[..]
Ik had al zo'n gevoel dat de anti-library-squad als eerste zou reageren.
In die div heb ik een tabel met 2 td's per tr.. dus 2 kolommen.
nou is mijn bedoeling dat de rechterkolom de breedte heeft die nodig is voor de td met de breedste tekst zeg maar. en ten alle tijden tegen de rechterkant van de div aan staat met het uiteinde van die breedste td, ongeacht of alle td's aan de linkerkant niet zo breed zijn.
De linkerkant heeft de rest van de breedte van de div en zit hoe dan ook tegen de linkerkant aan en de tekst in die div mag als die te lang is niet naar een nieuwe regel, maar moet afgekort worden met text-overflow:ellipsis; die er dan als ik het goed begrijp '...' achter zet.
Hoe krijg ik zoiets voor elkaar?
En als je komt met dan moet je geen tabel gebruiken maar div's zoals iemand eerder al deed leg het me dan uit, want ik heb met div's zitten kloten maar daar krijg ik in de verste verte niks mee voor elkaar wat ik wil.
linker kolom is gewoon de titel van een topic en de rechterkolom is de naam van de gebruiker die gepost heeft..quote:Op zondag 12 januari 2014 17:57 schreef n8n het volgende:
snap ff niet wat je nou wilt, zeg ook even welke data er in moet want er is nog zoiets als semantiek, wat tables buiten tabulaire data niet geven
heb even gekeken maar dan moet de rechter kolom een vaste breedte hebben. anders moet je of met js gaan klooien en anders de ellipsis vergeten en een gewone overflow gebruikenquote:
[..]
linker kolom is gewoon de titel van een topic en de rechterkolom is de naam van de gebruiker die gepost heeft..
Nee, maar misschien wel in overleg met de webdesigner.quote:
Vraagje, een webdesigner heeft een site gemaakt voor het bedrijf waar ik werk. Site heeft een paar K gekost. Het is een Joomla site. Mag ik de template dupliceren?
quote:Op dinsdag 14 januari 2014 10:50 schreef donroyco het volgende:
[..]
Nee, maar misschien wel in overleg met de webdesigner.
Gaat BTW om deze site http://allmotive.eu/
Dan zou ik het sowieso niet doen.quote:
Duidelijk, zal contact opnemen met de webdesigner, dank voor de snelle antwoorden.
Gaat BTW om deze site http://allmotive.eu/
quote:
[..]
Dan zou ik het sowieso niet doen.
Dit. Doorgaans staat zoiets wel opgenomen in de algemene voorwaarden van het web development/design bedrijf die het gebouwd heeft.quote:
Ligt er maar net aan watvoor afspraken er gemaakt zijn.
Joomla is retarded tho. Twee jaar geleden ook al.
| 1 2 3 4 5 6 7 8 | X X X X X X X X X X X X X X X X X X . . . . X X X X . . . . X X X X . . . . X X X X . . . . X X X X X X X X X X X X X X X X X X |
Waarbij X afbeeldingen zijn waarop geklikt kan worden, als er op geklikt wordt moet het veld met de puntjes (de video speler bv) veranderen qua inhoudt..
Iemand een idee hoe ik dit kan maken zonder 3 horizontale en 3 verticale blokken te maken?
beetje vies, maar gaat wel werken
ga googlenGewoon een leeg element, div bijvoorbeeld, alleen als placeholder.quote:
| 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 31 32 33 | @mobile : ~"only screen and (max-width : @{screen-xs-max})"; @tablet: ~"only screen and (min-width : @{screen-sm-min}) and (max-width :@{screen-sm-max})"; @desktop: ~"only screen and (min-width : @{screen-md-min}) and (max-width:@{screen-md-max})"; @desktop-xl : ~"only screen and (min-width : @{screen-lg-min})"; body:after { background: red; color: white; content: "undefined"; right: 0; padding: .5em 1em; position: fixed; text-align: center; bottom: 0; z-index: 1031; @media @mobile { background: orange; content: "mobile"; } @media @tablet { background: purple; content: "tablet"; } @media @desktop { background: green; content: "desktop"; } @media @desktop-xl { background: blue; content: "desktop-xl"; } } |
quote:
waarom je LESS (of Sass) moet gebruiken
[ code verwijderd ]
FTW
Omdat jij het bentquote:
Ik ben er nog steeds niet uit, Catch heb je een guide voor hetgeen wat ik zoek?
http://jsfiddle.net/3t9LK/
dit is het concept, niet bulletproof, maar dan heb je een idee. ervanuitgaande dat alle blokken even groot zijn
thanks man, echter het probleem is dat het middelste blok 2x zo groot als de rest is.. maar hier kan ik iig een beetje mee gaan spelen http://jsfiddle.net/3t9LK/1/quote: