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.
[html, css, js] Voor Dummies
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.
Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
dit shirt vorige week besteld.
dit shirt vorige week besteld.
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.
http://allmotive.eu/offerte-aanvragen
Bij de onderste vraag zijn 6 opties te kiezen. Is het mogelijk hiervan 2 rijen van 3 te maken?
Heb al zitten kijken met float left / right maar dit werkt niet goed.
Bij de onderste vraag zijn 6 opties te kiezen. Is het mogelijk hiervan 2 rijen van 3 te maken?
Heb al zitten kijken met float left / right maar dit werkt niet goed.
wrapper om elke checkbox en label, 50% breedte geven (of de linker 50% en de rechter 45% + 4% margin-left) en links floaten 
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Nog steeds dat form waarvan je de HTML niet kunt wijzigen?quote:Op vrijdag 8 februari 2013 10:29 schreef stoeltafel het volgende:
http://allmotive.eu/offerte-aanvragen
Bij de onderste vraag zijn 6 opties te kiezen. Is het mogelijk hiervan 2 rijen van 3 te maken?
Heb al zitten kijken met float left / right maar dit werkt niet goed.
misschien dat input:nth-child(odd) {clear: left;} werkt? (en die andere clear:left weghalen dus)
Dit form werkt wel prima maar het is voor een nieuw formulier.
Ga weer even verder prutsen
Thnx Catch22 / KomtTijd
Ga weer even verder prutsen
Thnx Catch22 / KomtTijd
Als je bij de HTML kan, dan de oplossing van Catch22 gebruiken. Al zou ik gewoon de label zelf als wrapper gebruiken.
Vraagje over het aanpassen van CSS buttons.
http://www.allmotive.eu/producten/test-pagina
De button rechts heet pdf-button.png
Nu wil ik de button per rij aanpassen in hoogte is dit mogelijk?
Kan de button wel aanpassen in stylesheet.css alleen dan verandert die voor elke pagina.
Heb gekeken naar height maar dat lost niks op.
http://www.allmotive.eu/producten/test-pagina
De button rechts heet pdf-button.png
Nu wil ik de button per rij aanpassen in hoogte is dit mogelijk?
Kan de button wel aanpassen in stylesheet.css alleen dan verandert die voor elke pagina.
Heb gekeken naar height maar dat lost niks op.
Ja, dat kan. Noem de class per button anders.quote:
Vraagje over het aanpassen van CSS buttons.
http://www.allmotive.eu/producten/test-pagina
De button rechts heet pdf-button.png
Nu wil ik de button per rij aanpassen in hoogte is dit mogelijk?
Kan de button wel aanpassen in stylesheet.css alleen dan verandert die voor elke pagina.
Heb gekeken naar height maar dat lost niks op.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Heb het nu zo staan
| 1 2 | <td style="width: 250px;"> <p> <a class="pdf" href="images/pdf/DFSK/1%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Epower%201.pdf">download de pdf</a></p> |
De class kun je toch aanpassen?quote:
Heb het nu zo staan
[ code verwijderd ]
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Ja.
Class verwijst naar pdf en dit is pdf-button.png
Maar ik kan het dus toch per regel aanpassen? Begin net met CSS.
Class verwijst naar pdf en dit is pdf-button.png
Maar ik kan het dus toch per regel aanpassen? Begin net met CSS.
Als de hoogte echt per button uniek moet zijn (afhankelijk van content), zou ik adviseren een inline-style te gebruiken.
Als je bijv. twee mogelijke hoogtes hebt maak je gewoon twee classes aan die je aan de button meegeeft (high of low). Of je kiest bijvoorbeeld een standaard hoogte, en maakt alleen een class high voor de buttons die hoger moeten zijn, waarin je de height overruled.
Als je bijv. twee mogelijke hoogtes hebt maak je gewoon twee classes aan die je aan de button meegeeft (high of low). Of je kiest bijvoorbeeld een standaard hoogte, en maakt alleen een class high voor de buttons die hoger moeten zijn, waarin je de height overruled.
Tja moet, het punt is dat het er nu slordig uit ziet of vind je van niet?
Check de regel DFSK Pick Up E-Power en dan de button download de pdf, die is uit verhouding.
Ga even zoeken hoe ik inline-style kan toepassen.
[ Bericht 33% gewijzigd door stoeltafel op 12-02-2013 11:41:45 ]
Check de regel DFSK Pick Up E-Power en dan de button download de pdf, die is uit verhouding.
Ga even zoeken hoe ik inline-style kan toepassen.
[ Bericht 33% gewijzigd door stoeltafel op 12-02-2013 11:41:45 ]
Heb de pagina klaar http://allmotive.eu/producten/test-pagina
Het gaat nu om milimeterwerk, kan de tekst wel gecentreerd staan van de button? Dat zou natuurlijkste het mooiste zijn.
Het gaat nu om milimeterwerk, kan de tekst wel gecentreerd staan van de button? Dat zou natuurlijkste het mooiste zijn.
Meer info (informatie vind ik beter maar is wat langer)quote:
[..]
Te slecht? Iedereen moet het begrijpen he
Of weet jij een betere tekst?
quote:
[..]
Te slecht? Iedereen moet het begrijpen he
Of weet jij een betere tekst?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Beter ja, aangepast.quote:
[..]
Meer info (informatie vind ik beter maar is wat langer)
Tijdje geleden heb ik een enquête laten invullen voor mijn bedrijf. Ik heb daar dingen mee gemaakt, dat geloof je niet. Vandaar mijn wantrouwen maar het is nu aangepast.quote:
Waarom niet van de hele balk een knop maken? Dan klik je gewoon op de bus die je hebben wil.quote:
[..]
Te slecht? Iedereen moet het begrijpen he
Of weet jij een betere tekst?
"Klik hier" is behalve weinig informatief ook niet erg toegankelijk. Daar help je zowel Google als blinde bezoekers niet mee. Ik zou voor een wat beschrijvendere linktekst gaan
quote:Op donderdag 7 februari 2013 21:37 schreef Scorpie het volgende:
[ afbeelding ] dit shirt vorige week besteld.
Hi, wellicht kan iemand me een stapje verder helpen. Ik probeer een 'Jump to' menu zoals hier: https://dev.twitter.com/docs/api/1.1 te coden.
Ben nu met een beetje rommelen met dit gekomen: http://jsfiddle.net/vWX2T/14/ Maar dat werkt bijvoorbeeld nog niet als ik 'click' door 'hover' vervang.
Excuus voor de js scribble (redelijk rommelig)
Iemand een ideetje, wat zie ik over het hoofd.
Mijn kennis van JS is bijna 0.
Ben nu met een beetje rommelen met dit gekomen: http://jsfiddle.net/vWX2T/14/ Maar dat werkt bijvoorbeeld nog niet als ik 'click' door 'hover' vervang.
Excuus voor de js scribble (redelijk rommelig)
Iemand een ideetje, wat zie ik over het hoofd.
Mijn kennis van JS is bijna 0.
Ben ik weer.
Ben nu aan het werk http://htmledit.squarefree.com/ echt super relax. Nu zie je tenminste realtime wat er gebeurt.
In de HTML Editor oogt het wel netjes naast elkaar maar hoe krijg ik de bovenste regel nou precies naast de button?
Ben nu aan het werk http://htmledit.squarefree.com/ echt super relax. Nu zie je tenminste realtime wat er gebeurt.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <table> <tbody> <tr> <td> <img style="vertical-align: middle;" alt="1 DFSK Citytruck Pick up K01" src="images/pdf/DFSK/1%20DFSK%20Citytruck%20Pick%20up%20K01.jpg" height="100" width="175" /></td> <td> <p>DFSK Pick Up E-Power</p> <p>DFSK Pick Up E-Power</p> </td> <td style="width: 250px;"><a class="pdf" href="images/pdf/DFSK/2%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Groengas%201.pdf">Klik hier! </a> <p><a class="pdf" href="images/pdf/DFSK/1%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Epower%201.pdf">Klik hier!</a></p> </td> </tr> </tbody> </table> |
In de HTML Editor oogt het wel netjes naast elkaar maar hoe krijg ik de bovenste regel nou precies naast de button?
Dat heb ik gedaan omdat er straks 4 rijen van ongeveer 6 items komen te staan.
K werk vanuit Joomla en daar is een Editor waar je in kan werken. Tabellen leek mij een makkelijke oplossing om alles netjes onder elkaar te krijgen. Heb jij een betere oplossing?
http://allmotive.eu/voertuigen/specificaties
Zo komt het eruit te zien alleen dit is nog niet mooi uitgelijnd.
Ben weer iets verder, dit knoppen staan netjes onder en naast elkaar. Nu nog de foto er netjes voor alleen dit gelijk het grootste probleem.
[ Bericht 28% gewijzigd door stoeltafel op 13-02-2013 11:09:39 ]
K werk vanuit Joomla en daar is een Editor waar je in kan werken. Tabellen leek mij een makkelijke oplossing om alles netjes onder elkaar te krijgen. Heb jij een betere oplossing?
http://allmotive.eu/voertuigen/specificaties
Zo komt het eruit te zien alleen dit is nog niet mooi uitgelijnd.
Ben weer iets verder, dit knoppen staan netjes onder en naast elkaar. Nu nog de foto er netjes voor alleen dit gelijk het grootste probleem.
| 1 2 3 4 | <table><tbody> <tr><td>DFSK Pick Up E-Power</td><td><td style="width: 250px;"><a class="pdf" href="images/pdf/DFSK/2%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Groengas%201.pdf">Klik hier!</a></td></tr> <tr><td>DFSK Pick Up Groengas</td><td><td style="width: 250px;"><a class="pdf" href="images/pdf/DFSK/2%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Groengas%201.pdf">Klik hier!</a></td></tr> </tbody></table> |
[ Bericht 28% gewijzigd door stoeltafel op 13-02-2013 11:09:39 ]
Holy shit, Opera dumpt Presto en stapt over op Webkit.
Op korte termijn wel relaxed natuurlijk, maar op lange termijn wel zorgelijk dat het web weer een monopoliespeler lijkt te hebben
Op korte termijn wel relaxed natuurlijk, maar op lange termijn wel zorgelijk dat het web weer een monopoliespeler lijkt te hebben
ja. Alleen zitten hier iets meer bedrijven achter dan in de tijd met IE en volgt Webkit de standaarden vrij goed. Ik ben er blij mee.
Iedereen dezelfde renderengine en je onderscheiden met features/UI
Iedereen dezelfde renderengine en je onderscheiden met features/UI
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Een WebKit-monopolie is niet zo erg als een Trident-monopolie, maar een monopolie blijft hoe dan ook niet wenselijk vind ik. Het platformonafhankelijke karakter van het web is juist een van z'n beste eigenschappen en dat komt wel in gevaar op deze manier.
dat denk ik niet, want er zijn teveel bedrijven betrokken bij de development met goede connecties bij het w3c, dus ik ben er niet bang voorquote:Op woensdag 13 februari 2013 11:45 schreef Tijn het volgende:
Een WebKit-monopolie is niet zo erg als een Trident-monopolie, maar een monopolie blijft hoe dan ook niet wenselijk vind ik. Het platformonafhankelijke karakter van het web is juist een van z'n beste eigenschappen en dat komt wel in gevaar op deze manier.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Was dat maar zo... Webkit heeft er nogal een handje van om te veel experimentele features in te bouwen (dus lang voor het ook maar in de buurt komt van een standaard). Met als resultaat, dat steeds meer websites 'webkit only' worden. Waarschijnlijk ook een reden waarom Opera de keuze voor Webkit heeft gemaakt en waarom Gecko steeds meer Webkit-features gaat ondersteunen.quote:Op woensdag 13 februari 2013 11:43 schreef Catch22- het volgende:
en volgt Webkit de standaarden vrij goed.
Op zich zal het marktaandeel van ħ1% van Opera/Presto nu niet het verschil maken.
dat dus.
Presto is toch ook de renderengine die dreamweaver gebruikt? Die zullen dan ook wel op Webkit overgaan.quote:Op woensdag 13 februari 2013 12:30 schreef QM84 het volgende:
[..]
Was dat maar zo... Webkit heeft er nogal een handje van om te veel experimentele features in te bouwen (dus lang voor het ook maar in de buurt komt van een standaard). Met als resultaat, dat steeds meer websites 'webkit only' worden. Waarschijnlijk ook een reden waarom Opera de keuze voor Webkit heeft gemaakt en waarom Gecko steeds meer Webkit-features gaat ondersteunen.
Op zich zal het marktaandeel van ħ1% van Opera/Presto nu niet het verschil maken.
Niet dat ik fan was van Opera, maar het is wel jammer dat er dus een browser verdwijnt en een zoveelste chromium-smaakje bijkomt.
En experimentele features zijn niet zo'n probleem, die hoeven de standaard niet in de weg te zitten. Ook Mozilla en Microsoft implementeren experimentele features. Soms komen die overeen met webkit-features, soms niet. En andersom. Uiteindelijk kiest W3C een recomendation en dan nemen de andere browsers dat in de regel over. Op die manier blijft de ontwikkeling erin.
Het nadeel met die experimentele features is alleen, dat veel webbouwers ze in (productie)sites gebruiken, zonder fatsoenlijke fallback te gebruiken (ofwel is die er nog niet, ofwel houden ze er geen rekening mee). Zie bvb ook dit artikel: http://www.pcmag.com/article2/0,2817,2397158,00.asp , al gaat deze specifiek over Chome en niet Webkit in zijn geheel.quote:Op woensdag 13 februari 2013 12:39 schreef KomtTijd... het volgende:
En experimentele features zijn niet zo'n probleem, die hoeven de standaard niet in de weg te zitten.
Ik ben overigens wel groot Opera-fan
dus ik wacht de veranderingen in spanning af. Hopelijk komt het de browser als totaalpakket ten goede.Overigens wordt in Dreamweaver sinds CS4 Webkit gebruikt als engine.
[ Bericht 3% gewijzigd door QM84 op 13-02-2013 12:50:14 ]
dat dus.
Voor gebruikers van Opera is deze zet ongetwijfeld heel positief. Presto kon al jaren de ontwikkelingen eigenlijk niet meer bijbenen, dus dat Opera nu op een moderner framework met een modernere render engine wordt uigevoerd is alleen maar goed nieuws.quote:
[..]
Ik ben overigens wel groot Opera-fan
Op korter termijn is het voor web developers ook goed nieuws. Minder engines om rekening mee te houden is immers minder hoofdpijn.
Het probleem is mogelijk de lange termijn. Het zou jammer zijn als het web uiteindelijk zo transformeert dat het alleen met WebKit nog goed werkt.
Gelukkig is Webkit in ieder geval open-source, en is bovendien de drijvende kracht erachter er alleszins bij gebaat de vooruitgang erin te houden. In tegenstelling tot concurrent MS waar vooruitgang alleen maar betekent dat je meer code moet schrijven voor het zelfde geld.
Wat moet je doen als de site prime werkt in Chrome alleen in Firefox / IE zie de uitlijning er anders uit.
[ Bericht 94% gewijzigd door stoeltafel op 13-02-2013 16:36:55 ]
[ Bericht 94% gewijzigd door stoeltafel op 13-02-2013 16:36:55 ]
Hallo, CSS-kneus hier.
Hoe zorg ik ervoor dat de 'Meer informatie' altijd op dezelfde positie in zo'n blok staat? Dus altijd onderaan uitgelijnd, ongeacht de lengte van de tekst.
Hoe zorg ik ervoor dat de 'Meer informatie' altijd op dezelfde positie in zo'n blok staat? Dus altijd onderaan uitgelijnd, ongeacht de lengte van de tekst.
Halloquote:Op woensdag 13 februari 2013 19:13 schreef InTrePidIvity het volgende:
Hallo, CSS-kneus hier.
Hoe zorg ik ervoor dat de 'Meer informatie' altijd op dezelfde positie in zo'n blok staat? Dus altijd onderaan uitgelijnd, ongeacht de lengte van de tekst.
[ afbeelding ]
http://jsfiddle.net/Ka4r4/2/
container relative positioneren en daarbij het blokje met de CTA absolute positioneren.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
De uitlijning fixen in Firefox en IE.quote:
Wat moet je doen als de site prime werkt in Chrome alleen in Firefox / IE zie de uitlijning er anders uit.
Niet, het is tenslotte geen 1998 meer toen we nog fixed height blokken gebruikten.quote:
Hallo, CSS-kneus hier.
Hoe zorg ik ervoor dat de 'Meer informatie' altijd op dezelfde positie in zo'n blok staat? Dus altijd onderaan uitgelijnd, ongeacht de lengte van de tekst.
[ afbeelding ]
Bleuh.
quote:
Daar kan ik wat mee, merciquote:
[..]
Hallo
http://jsfiddle.net/Ka4r4/2/
container relative positioneren en daarbij het blokje met de CTA absolute positioneren.
Hiermee iets minder. Toch bedankt voor de moeite.quote:
[..]
Niet, het is tenslotte geen 1998 meer toen we nog fixed height blokken gebruikten.
Ik heb een vraag over de SIGE (image viewer) plugin voor joomla.
Installeren en het instellen van de plugin gaan goed. Het is overigens ook de enigste plugin die ik draai.
Het probleem wat ik heb is dat de plugin het niet doet in mijn template.
Als ik een standaard joomla template zoals Beez instel dan doet hij het zonder problemen.
Mijn site bestaat uit eenvoudige html/css, zonder extra's en gekoppeld aan joomla.
Links is dus mijn template en rechts een standaard joomla template:
Zodra ik van een standaard joomla template terugstap naar mijn eigen template kapt hij ermee.
Bij mij leest hij de CSS niet en ook de JS bestanden vindt hij niet. Zodra ik op een thumbnail klik wordt de afbeelding gewoon in hetzelfde venster geopened ipv dat een 'animatie' wordt afgespeeld.
Via google heb ik een uitleg gevonden over hoe dergelijke conflicten op te lossen.
In Chrome en Firebug heb ik geen errors gevonden (?) Stap 2 van die site gaat al over het uitzetten van JS compression in mijn template, maar die instelling heb ik niet (de joomla templates hebben die overigens ook niet)
Verder heb ik ook het volgende gevonden om een conflict op te lossen:
Mijn vragen die ik heb zijn:
1. Heb ik een gigantische error in firebug over het hoofd gezien die er direct voor zorgt dat die plugin het niet doet?
2. Over de quote in deze post: Moet ik gewoon in de JS code "jQuery" vervangen door "$" en de "();" bij noConflict weghalen en dat is het dan?
3. Zit ik überhaupt wel in de goede richting met mijn JS conflict vermoeden?
Versies die ik gebruik:
Joomla! 2.5.9
Firefox v.18
SIGE plugin voor joomla 2.5
De site gaf geen errors aan in de validators.
Site staat hier: http://...
toevoeging:
opgelost!
[ Bericht 3% gewijzigd door karton2 op 14-02-2013 14:14:26 ]
Installeren en het instellen van de plugin gaan goed. Het is overigens ook de enigste plugin die ik draai.
Het probleem wat ik heb is dat de plugin het niet doet in mijn template.
Als ik een standaard joomla template zoals Beez instel dan doet hij het zonder problemen.
Mijn site bestaat uit eenvoudige html/css, zonder extra's en gekoppeld aan joomla.
Links is dus mijn template en rechts een standaard joomla template:
Zodra ik van een standaard joomla template terugstap naar mijn eigen template kapt hij ermee.
Bij mij leest hij de CSS niet en ook de JS bestanden vindt hij niet. Zodra ik op een thumbnail klik wordt de afbeelding gewoon in hetzelfde venster geopened ipv dat een 'animatie' wordt afgespeeld.
Via google heb ik een uitleg gevonden over hoe dergelijke conflicten op te lossen.
In Chrome en Firebug heb ik geen errors gevonden (?) Stap 2 van die site gaat al over het uitzetten van JS compression in mijn template, maar die instelling heb ik niet (de joomla templates hebben die overigens ook niet)
Verder heb ik ook het volgende gevonden om een conflict op te lossen:
Ik denk dat er dus een javascript conflict optreedt zodra ik mijn template aanzet. Gek eigenlijk omdat mijn template alleen maar bestaat uit html/css. De plugin werkt wel als ik een ander template aanzet.. wel/geen/wel/geen conflict..?quote:use jQuery instead of $ and
give
jQuery.noConflict();
jQuery.noConflict
Many JavaScript libraries use $ as a function or variable name, just as jQuery does. In jQuery's case, $ is just an alias for jQuery, so all functionality is available without using $. If we need to use another JavaScript library alongside jQuery, we can return control of $ back to the other library with a call to $.noConflict():
Mijn vragen die ik heb zijn:
1. Heb ik een gigantische error in firebug over het hoofd gezien die er direct voor zorgt dat die plugin het niet doet?
2. Over de quote in deze post: Moet ik gewoon in de JS code "jQuery" vervangen door "$" en de "();" bij noConflict weghalen en dat is het dan?
3. Zit ik überhaupt wel in de goede richting met mijn JS conflict vermoeden?
Versies die ik gebruik:
Joomla! 2.5.9
Firefox v.18
SIGE plugin voor joomla 2.5
De site gaf geen errors aan in de validators.
Site staat hier: http://...
toevoeging:
opgelost!
[ Bericht 3% gewijzigd door karton2 op 14-02-2013 14:14:26 ]
Oh?quote:
[..]
Niet, het is tenslotte geen 1998 meer toen we nog fixed height blokken gebruikten.
Wil hij toch ook niet? Hij wil de hoogte bepalen door de content.quote:
Vooruit, fixed height content blokken dan.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
een parent child kneus hier, ik heb me echt een halve dag hier aan zitten knagen:
de bedoeling is dat de link
<li class="topfooter"><a href="troll.html">Contract</a></li>
een andere color:; en andere font-size:; krijgt maar ik heb gewoon problemen om uberhaupt ID en classes goed te benaderen
met css
is er uberhaupt iemand bereid om mij af en toe via skype (deel scherm en voice chat) af en toe bij te staan? zeg maar een minuut of 5 per dag?
Groetjes
[ Bericht 8% gewijzigd door maturon op 14-02-2013 08:44:42 ]
de bedoeling is dat de link
<li class="topfooter"><a href="troll.html">Contract</a></li>
een andere color:; en andere font-size:; krijgt maar ik heb gewoon problemen om uberhaupt ID en classes goed te benaderen
met css| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <div id="footer"> <div id="footer1"> <ul> <li class="topfooter"><a href="troll.html">Contract</a></li> <li><a href="">Contact</a></li> <li><a href="">Contact</a></li> <li><a href="">Contact</a></li> <li><a href="">Contact</a></li> <li><a href="">Contact</a></li> </ul> </div> </div> dit is mijn css li.topfooter a {tex-align:right; font-size:40px; color:#ffcaa6; text-decoration:underline;} |
Groetjes
[ Bericht 8% gewijzigd door maturon op 14-02-2013 08:44:42 ]
dit li.topfooter declareer je
En in de effectieve footer heb je het over footer1 met de li daarin... volgens mij zit daar ergens je fout
En in de effectieve footer heb je het over footer1 met de li daarin... volgens mij zit daar ergens je fout
Avatar mede-mogelijk gemaakt door buurpoes
heb je ook een jip en janneke versie voor mij? <3quote:
dit li.topfooter declareer je
En in de effectieve footer heb je het over footer1 met de li daarin... volgens mij zit daar ergens je fout
Het is voor mij te lang geleden om je echt een duidelijk (en kloppend) antwoord te kunnen geven... Maar ik zie ook dat je Divs niet afgesloten zijn en je hebt div footer met daarin div footer1 volgens mij kan je beter die eerste weghalen (footer) en na de </ul> je div sluiten </div> dan daaronder die CSS declareren als li.footer1 ... Maar ik zou afwachten tot je reactie hebt van iemand die er echt verstand van heeft...quote:
[..]
heb je ook een jip en janneke versie voor mij? <3
Avatar mede-mogelijk gemaakt door buurpoes
De divs zijn juist gesloten, daar heb ik geen problemen mee, had het alleen niet meegenomen in de code! heb de code aangepast
Hmm strange het is mij uiteindelijke gelukt via ditquote:
Werkt prima bij mij.
http://jsfiddle.net/LzshX/
#footer1 ul li.topfooter a
hmmm wel vreemd want jouw code werkte wel
Specificity. Doe dat eens googlen.
Eén van de redenen dat stylen op ID's lang niet altijd praktisch is. #footer a overruled namelijk .topfooter a
Eén van de redenen dat stylen op ID's lang niet altijd praktisch is. #footer a overruled namelijk .topfooter a
Dit is een goede test of je CSS een beetje snapt: http://net.tutsplus.com/a(...)icity-and-cascading/
| 1 2 3 4 5 6 | div#footer div#footer1 ul li.topfooter a { text-align:right; font-size:40px; color:#ffcaa6; text-decoration:underline; } |
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik had niet alles goedquote:
Dit is een goede test of je CSS een beetje snapt: http://net.tutsplus.com/a(...)icity-and-cascading/
.
Iemand enig idee waarom ik in oude versies van Safari een blauw lijntje krijg onder p's en h(1)'s?
text-decoration al bekeken, daar zou het niet moeten zitten.
text-decoration al bekeken, daar zou het niet moeten zitten.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Vraagje over de button op deze pagina http://allmotive.eu/offerte-aanvragen
De verstuur button wil ik naar links verplaatsen.
Heb de button opgezocht in stylesheet.css echter kan ik de button niet links krijgen.
Heb float;left en position geprobeerd echter werkt dat niet.
Waar ik bang voor ben als ik de button naar links verplaats, deze site niet meer mooi eruit ziet http://allmotive.eu/voertuigen/specificaties
De button wil ik dus voor 1 pagina naar links halen alleen hoe? Zit al een uur alles te proberen maar nog zonder succes.
http://gathering.tweakers(...)ge/36963307#36963307 Met deze bron vol informatie moet het wel lukken
De verstuur button wil ik naar links verplaatsen.
Heb de button opgezocht in stylesheet.css echter kan ik de button niet links krijgen.
Heb float;left en position geprobeerd echter werkt dat niet.
Waar ik bang voor ben als ik de button naar links verplaats, deze site niet meer mooi eruit ziet http://allmotive.eu/voertuigen/specificaties
De button wil ik dus voor 1 pagina naar links halen alleen hoe? Zit al een uur alles te proberen maar nog zonder succes.
http://gathering.tweakers(...)ge/36963307#36963307 Met deze bron vol informatie moet het wel lukken
<br style="clear: both;" /> voor de button plaatsen? is wel een vieze oplossing maar zou kunnen werken..
Just say hi!
Ga het gelijk even testen, dus dan verander ik het formulier in HTML. Even fixen
Het rare is dat het aan de voorkant, dus in Joomla/chronoforms gewoon goed uit ziet. Als ik vervolgens de HTML hier test http://htmledit.squarefree.com/ dan staat alles netjes onder elkaar. Echter niet op de website.
Het rare is dat het aan de voorkant, dus in Joomla/chronoforms gewoon goed uit ziet. Als ik vervolgens de HTML hier test http://htmledit.squarefree.com/ dan staat alles netjes onder elkaar. Echter niet op de website.
Staan ze niet toevallig in een link-tag?quote:
Iemand enig idee waarom ik in oude versies van Safari een blauw lijntje krijg onder p's en h(1)'s?
text-decoration al bekeken, daar zou het niet moeten zitten.
dat dus.
Er zit eenquote:
Vraagje over de button op deze pagina http://allmotive.eu/offerte-aanvragen
De verstuur button wil ik naar links verplaatsen.
Heb de button opgezocht in stylesheet.css echter kan ik de button niet links krijgen.
Heb float;left en position geprobeerd echter werkt dat niet.
Waar ik bang voor ben als ik de button naar links verplaats, deze site niet meer mooi eruit ziet http://allmotive.eu/voertuigen/specificaties
De button wil ik dus voor 1 pagina naar links halen alleen hoe? Zit al een uur alles te proberen maar nog zonder succes.
http://gathering.tweakers(...)ge/36963307#36963307 Met deze bron vol informatie moet het wel lukken
| 1 2 3 4 | .cfdiv_submit { float: right; margin-right: 60px; } |
Style in, die moet je of naar left zetten. Of overriden voor deze pagina met een float: left !important;
It was an opportunity to honour our memories and to make room for new ones
Zo makkelijk dus, damn voel me dom. Thnx! Heb hem verandert naar float;nonequote:
[..]
Er zit een
[ code verwijderd ]
Style in, die moet je of naar left zetten. Of overriden voor deze pagina met een float: left !important;
Nu ziet het er nog iets mooier uit.
Geen probleem, vaak vind je zulke dingen eenvoudig met "Inspect element" in Chrome of IE of externe plugins in FF.quote:
[..]
Zo makkelijk dus, damn voel me dom. Thnx! Heb hem verandert naar float;none
Nu ziet het er nog iets mooier uit.
It was an opportunity to honour our memories and to make room for new ones
Dat gebruik ik steeds meer maar als ik op inspect klik komt er dit uit
Dus voortaan duik ik sneller in het .css zodat ik de positie er boven kan checken.
| 1 2 3 4 5 6 7 8 9 10 11 12 | .cfdiv_submit input { background: url(../images/pdf-button.png); width: 130px; display: inline-block; height: 29px; font-family: Droid Sans; font-size: 12px; color: #fff; font-weight: 700; text-align: left; border: 1px solid #5f9726; text-transform: uppercase; |
Dus voortaan duik ik sneller in het .css zodat ik de positie er boven kan checken.
Als je in chrome een element inspecteerd krijg je alle toegepaste stijlen, ik vond die er gewoon tussen.quote:
Dat gebruik ik steeds meer maar als ik op inspect klik komt er dit uit
[ code verwijderd ]
Dus voortaan duik ik sneller in het .css zodat ik de positie er boven kan checken.
It was an opportunity to honour our memories and to make room for new ones
5.1.quote:
Wat bedoel je met "oud"? Safari 2? Of Safari 5?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Heeft iemand hier wel eens met DataTables gewerkt? Ik vind het een ontzettend goed project, maar wel enorm ingewikkeld. 
Ik maak gebruik van server-sided processing en ik wil aan elke rij een link hangen. Ik heb al de hele dag wat aangekloot en gegoogled en ik heb 't een en ander daardoor werkend gekregen.
Kan iemand mij vertellen hoe ik href-tags om de row-tags krijg?
Mijn script dat DataTables activeerd:
aData[0] bevat een uniek nummer voor elke rij en is onderdeel van de link.
EDIT:
Ik heb de volgende oplossing die in ieder geval werkt. Heeft iemand een betere?
[ Bericht 1% gewijzigd door pascal08 op 25-02-2013 22:22:50 ]
Ik maak gebruik van server-sided processing en ik wil aan elke rij een link hangen. Ik heb al de hele dag wat aangekloot en gegoogled en ik heb 't een en ander daardoor werkend gekregen.
Kan iemand mij vertellen hoe ik href-tags om de row-tags krijg?
Mijn script dat DataTables activeerd:
| 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 | <script type="text/javascript" charset="utf-8"> $(document).ready(function() { var oTable = $('#datatables').dataTable({ "aoColumnDefs": [{ "aTargets": [0], "bVisible": false }], "sDom": "Rlfrtip", "bDeferRender": true, "sPaginationType": "bootstrap", "sScrollY": "1000px", "sScrollX": "400px", "bProcessing": true, "bServerSide": true, "sServerMethod": "GET", "sAjaxSource": '<?php echo base_url(); ?>main/getTable', "iDisplayLength": 50, "aLengthMenu": [[10, 25, 50], [10, 25, 50]], "aaSorting": [[0, 'desc']] }); $("#datatables tbody tr").live('click',function(){ var aData = $('#datatables').dataTable().fnGetData(this); alert(aData[0]); }); }); </script> |
aData[0] bevat een uniek nummer voor elke rij en is onderdeel van de link.
EDIT:
Ik heb de volgende oplossing die in ieder geval werkt. Heeft iemand een betere?
| 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 | <script type="text/javascript" charset="utf-8"> $(document).ready(function() { var oTable = $('#datatables').dataTable({ "aoColumnDefs": [{ "aTargets": [0], "bVisible": false }], "sDom": "Rlfrtip", "bDeferRender": true, "sPaginationType": "bootstrap", "sScrollY": "1000px", "sScrollX": "400px", "bProcessing": true, "bServerSide": true, "sServerMethod": "GET", "sAjaxSource": '<?php echo base_url(); ?>main/getTable', "iDisplayLength": 50, "aLengthMenu": [[10, 25, 50], [10, 25, 50]], "aaSorting": [[0, 'desc']] }); $("#datatables tbody tr").live('click',function(){ var aData = $('#datatables').dataTable().fnGetData(this); window.location = 'http://../'+aData[0]; }); }); </script> |
[ Bericht 1% gewijzigd door pascal08 op 25-02-2013 22:22:50 ]
EDIT:
Niemand?
Ik zal m'n vraag even inkorten.
Ik wil dit filtersysteem overnemen: http://www.datatables.net/examples/plug-ins/range_filtering.html . Ik heb beide stukken code tussen <script>-tags gezet tussen de <head>-tags, maar het werkt niet. In de spoiler is m'n code te vinden.
Mijn JS-kennis is echt belabberd, dus ik zoek eigenlijk gewoon iemand die mij gewoon hapklaar het antwoord kan geven.
Niemand?
Ik zal m'n vraag even inkorten.
Ik wil dit filtersysteem overnemen: http://www.datatables.net/examples/plug-ins/range_filtering.html . Ik heb beide stukken code tussen <script>-tags gezet tussen de <head>-tags, maar het werkt niet. In de spoiler is m'n code te vinden.
Mijn JS-kennis is echt belabberd, dus ik zoek eigenlijk gewoon iemand die mij gewoon hapklaar het antwoord kan geven.
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
[ Bericht 0% gewijzigd door pascal08 op 26-02-2013 19:30:09 ]
Ik begrijp niet helemaal waar die PHP-code goed voor is. Het idee is toch dat je alle data aan je frontend geeft en dan het filteren/sorteren in de client doet mbv DataTables? Het is toch niet de bedoeling dat het kiezen van een andere sortering of filteren zorgt voor een trip naar de server, of wel?
[edit] Ik snap op zich ook wel dat je niet 12000 rijen aan je frontend wil geven als je alleen de top 10 wil laten zien. Maar als je toch client/server-communicatie wil bij het filteren en sorteren, wat is dan het voordeel van zoiets als DataTables? Waarom laat je dan niet alle filtering/sortering doen door je backend en stop je met een Ajax-call gewoon nieuwe data in de tabel?
[ Bericht 39% gewijzigd door Tijn op 26-02-2013 21:20:22 ]
[edit] Ik snap op zich ook wel dat je niet 12000 rijen aan je frontend wil geven als je alleen de top 10 wil laten zien. Maar als je toch client/server-communicatie wil bij het filteren en sorteren, wat is dan het voordeel van zoiets als DataTables? Waarom laat je dan niet alle filtering/sortering doen door je backend en stop je met een Ajax-call gewoon nieuwe data in de tabel?
[ Bericht 39% gewijzigd door Tijn op 26-02-2013 21:20:22 ]
Volgens mij zeg je in je edit precies wat ik al vermoedde, maar dan begrijp ik nog niet waarom er custom filters mogelijk zijn waarbij je bepaalde waardes onder de ingegeven waarde kan wegfilteren.quote:
Ik begrijp niet helemaal waar die PHP-code goed voor is. Het idee is toch dat je alle data aan je frontend geeft en dan het filteren/sorteren in de client doet mbv DataTables? Het is toch niet de bedoeling dat het kiezen van een andere sortering of filteren zorgt voor een trip naar de server, of wel?
[edit] Ik snap op zich ook wel dat je niet 12000 rijen aan je frontend wil geven als je alleen de top 10 wil laten zien. Maar als je toch client/server-communicatie wil bij het filteren en sorteren, wat is dan het voordeel van zoiets als DataTables? Waarom laat je dan niet alle filtering/sortering doen door je backend en stop je met een Ajax-call gewoon nieuwe data in de tabel?
Zover ik uit de PHP-code kan opmaken is dat alle rijen worden opgevraagd. Mij lijkt het dus dat er 2 opties zijn:
- de rijen worden niet meer opgevraagd middels een aanpassing in de sql-query (back-end)
- de rijen worden niet meer getoond, maar zijn wel ingeladen (front-end)
Het grote euvel is dat ik eigenlijk te weinig kennis wat van dit soort ingewikkelde constructies. Ik ben nu dus eigenlijk heel brutaal aan het vragen om hulp. Ik ben absoluut bereid van alles en nog wat te lezen en te leren hiervoor, maar ik weet gewoon niet waar ik moet beginnen.
Wat is precies de data die je wilt tonen? Waarom wil je een datatable gebruiken? Wat is er mis met een normale table ?
Laten we eerst eens duidelijk zien te krijgen wat je input is en wat je wilt bereiken.
?Laten we eerst eens duidelijk zien te krijgen wat je input is en wat je wilt bereiken
.
2000 light years from home
Wat enorm helpt is het probleem opdelen in kleinere problemen. Niemand kan in 1x een groot probleem oplossen, maar als je het opdeelt in kleinere problemen, wordt het een stuk beter te overzien.
Het helpt ook om je probleem goed te omschrijven, omdat eigenlijk je probleem in woorden uitleggen niet zo heel anders is dan het in code opschrijven.
Dus vertel, wat is precies de bedoeling? Wat voor data heb je, wat wil je tonen en wat wil je dat de gebruiker met deze data kan doen?
Het helpt ook om je probleem goed te omschrijven, omdat eigenlijk je probleem in woorden uitleggen niet zo heel anders is dan het in code opschrijven.
Dus vertel, wat is precies de bedoeling? Wat voor data heb je, wat wil je tonen en wat wil je dat de gebruiker met deze data kan doen?
In aanvulling op Tijn zou ik je alleszins aanraden dit eerst eens te bouwen met klassieke technieken. Gewoon een simpele query maken met een limit en order by statement en html outputten.
Juist, daar gaat 'ie dan:
Wat heb ik:
Ik heb een SQL-table met 11.500 entries. Mijn site is opgebouwd met het CodeIgniter framework.
Wat wil ik:
Een tabel die records uitpoept op basis van de wensen van de gebruiker. In eerste instantie zal de gebruiker nog niets hebben ingevoerd. De output in de tabel zal zich direct aanpassen op het moment dat de gebruiker wenst dat er bepaalde waardes weggefilterd moeten worden.
Voorbeeld:
ID-----Dier-----Leeftijd
1------Kat------8
2------Vis------1
3------Hond-----12
4------Aap------23
5------Paard----17
De gebruiker typt in de veld minimum_leeftijd: 5. Vervolgens moeten alle dieren met de leeftijd onder de 5 worden weggefilterd. Zo kan de gebruiker voor ieder veld een minimum en een maximum invoeren.
Op zich is dat natuurlijk heel makkelijk te bewerkstelligen met een simpele HTML tabel en een query in m'n PHP-code. En wat ik me nu besef is dat ik DataTables dus eigenlijk niet nodig heb. Wat ik me steeds wel afvraag is wat het grote voordeel dan is van DataTables. In eerste instantie dacht ik dat het zonder DataTables veel te intensief zou worden voor de server, maar in het aantal requests dat de server aankan heb ik me al vaker vergist.
Ik zit op dit moment niet achter mijn computer, maar zodra ik thuis ben ga ik het eens proberen zoals KomtTijd zei; gewoon met pure HTML en PHP.
Tot vanmiddag
Wat heb ik:
Ik heb een SQL-table met 11.500 entries. Mijn site is opgebouwd met het CodeIgniter framework.
Wat wil ik:
Een tabel die records uitpoept op basis van de wensen van de gebruiker. In eerste instantie zal de gebruiker nog niets hebben ingevoerd. De output in de tabel zal zich direct aanpassen op het moment dat de gebruiker wenst dat er bepaalde waardes weggefilterd moeten worden.
Voorbeeld:
ID-----Dier-----Leeftijd
1------Kat------8
2------Vis------1
3------Hond-----12
4------Aap------23
5------Paard----17
De gebruiker typt in de veld minimum_leeftijd: 5. Vervolgens moeten alle dieren met de leeftijd onder de 5 worden weggefilterd. Zo kan de gebruiker voor ieder veld een minimum en een maximum invoeren.
Op zich is dat natuurlijk heel makkelijk te bewerkstelligen met een simpele HTML tabel en een query in m'n PHP-code. En wat ik me nu besef is dat ik DataTables dus eigenlijk niet nodig heb. Wat ik me steeds wel afvraag is wat het grote voordeel dan is van DataTables. In eerste instantie dacht ik dat het zonder DataTables veel te intensief zou worden voor de server, maar in het aantal requests dat de server aankan heb ik me al vaker vergist.
Ik zit op dit moment niet achter mijn computer, maar zodra ik thuis ben ga ik het eens proberen zoals KomtTijd zei; gewoon met pure HTML en PHP.
Tot vanmiddag
11.500 records naar de frontend gooien is vragen om problemen. Gewoon een serverside selectie maken en dat aan de voorkant tonen. Zoiets als datatables is leuk tot een record of 100.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik moet de eerste gebruiker nog tegenkomen die voor de lol 11.500 records wil zien.
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.
Het voordeel van datatables is zo te zien dat het een functieset levert die ditsoort dingen een stuk makkelijker maakt. Maar zoals wel vaker geldt voor frameworks en plugins, als je de basis al niet onder de knie hebt, ga je het framework ook niet begrijpen. Beginnen bij het begin dus.quote:Op woensdag 27 februari 2013 09:50 schreef pascal08 het volgende:
Op zich is dat natuurlijk heel makkelijk te bewerkstelligen met een simpele HTML tabel en een query in m'n PHP-code. En wat ik me nu besef is dat ik DataTables dus eigenlijk niet nodig heb. Wat ik me steeds wel afvraag is wat het grote voordeel dan is van DataTables. In eerste instantie dacht ik dat het zonder DataTables veel te intensief zou worden voor de server, maar in het aantal requests dat de server aankan heb ik me al vaker vergist.
Als je dit gemaakt hebt, zou je daarna vrij eenvoudig je tabel kunnen updaten dmv AJAX. Dan heb je niet voor elke filter/sorteeractie een page request. Maar wat je sowieso moet maken is de backend.quote:
Ik zit op dit moment niet achter mijn computer, maar zodra ik thuis ben ga ik het eens proberen zoals KomtTijd zei; gewoon met pure HTML en PHP.
Wat vinden jullie van de site http://validator.w3.org/ ?
Zit even wat sites te kijken bv http://emixion.nl/
Zij maken zelf sites en dan komt dit eruit, uhhhh apart.
Result: 115 Errors, 116 warning(s)
Of is de validator heel streng?
Zit even wat sites te kijken bv http://emixion.nl/
Zij maken zelf sites en dan komt dit eruit, uhhhh apart.
Result: 115 Errors, 116 warning(s)
Of is de validator heel streng?
Die validator werkt prima, houdt zich gewoon aan de specificatie. Daar is weinig subjectiefs aan dus er bestaat niet zoiets als "heel streng" of "minder streng".
Of de errors een probleem zijn moet je natuurlijk als developer zelf bepalen.
Of de errors een probleem zijn moet je natuurlijk als developer zelf bepalen.
Dat laatste is inderdaad het belangrijkste. Het kan dus zijn dat er honderden errors zijn maar de site prima draait. Neem aan dat een site door veel errors langzamer kan zijn.
In de site van mijn werk zitten 7 kleine errors. Zal die is proberen te fixxen.
In de site van mijn werk zitten 7 kleine errors. Zal die is proberen te fixxen.
Er zitten bij die site wel een flink deel onnodige/knullige errors tussen trouwens, XHTML gebruiken en dan je tags niet afsluiten enzo 
.
SEO-technisch wil je ook zo min mogelijk errors, maar het bitneuken tot je site 100% valid is, is wel een beetje achterhaald.
. SEO-technisch wil je ook zo min mogelijk errors, maar het bitneuken tot je site 100% valid is, is wel een beetje achterhaald.
validator smellidator
ik gebruik liever een deprecated target='_blank' dan een vunzig JSje
ik gebruik liever een deprecated target='_blank' dan een vunzig JSje
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ja, dat doe ik ook. Wat vooral handig is van de validator is om slordigheidjes te spotten die je anders niet waren opgevallen. En voor nieuwe ontwikkelaars is het een toegankelijkere manier om de standaard te leren kennen dan alle documenten te gaan zitten doorlezen.quote:
validator smellidator
ik gebruik liever een deprecated target='_blank' dan een vunzig JSje
Ja, dit is denk ik wat ik wil. Ik ben bijna thuis en ik kan niet wachten om aan de slag te gaan. Bij een page request wordt de hele pagina opnieuw geladen, wat intensiever is dan alleen een Ajax-call, toch?quote:
[..]
Als je dit gemaakt hebt, zou je daarna vrij eenvoudig je tabel kunnen updaten dmv AJAX. Dan heb je niet voor elke filter/sorteeractie een page request. Maar wat je sowieso moet maken is de backend.
Nauwelijks. Misschien als je een hele zware pagina hebt met veel dynamische content, maar vrijwel iedere website wisselt vloeiend van pagina zonder dat je het als gebruiker "ziet".quote:
[..]
Ja, dit is denk ik wat ik wil. Ik ben bijna thuis en ik kan niet wachten om aan de slag te gaan. Bij een page request wordt de hele pagina opnieuw geladen, wat intensiever is dan alleen een Ajax-call, toch?
Maar dan alsnog is het beter om gewoon Ajax te gebruiken in plaats van complete pagereloads toch?quote:
[..]
Nauwelijks. Misschien als je een hele zware pagina hebt met veel dynamische content, maar vrijwel iedere website wisselt vloeiend van pagina zonder dat je het als gebruiker "ziet".
quote:
In aanvulling op Tijn zou ik je alleszins aanraden dit eerst eens te bouwen met klassieke technieken. Gewoon een simpele query maken met een limit en order by statement en html outputten.
Oké, dat heb ik gedaan.quote:
Hier mijn code:
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Het is moeilijk om een soort algemeen advies te geven over wanneer je een Ajax request zou moeten doen en wanneer niet, maar ik denk dat in dit specifieke geval het wel gebruiksvriendelijker is om je table met Ajax te updaten dan elke keer de hele pagina opnieuw te laden.quote:
[..]
Maar dan alsnog is het beter om gewoon Ajax te gebruiken in plaats van complete pagereloads toch?
Maar dat wil niet zeggen dat het geen goed idee is om, zoals KomtTijd voorstelt, eerst een "ouderwetse" variant te bouwen zonder Javascript-fratsen. Die basis heb je sowieso nodig namelijk en het is ook belangrijk om iets dat je toch al een beetje ingewikkeld vindt niet nog ingewikkelder te maken dan nodig. Dat bedoelde ik ook eerder met het opdelen van je probleem in kleinere problemen. Je moet niet proberen alles in 1 keer op te lossen, maar stap voor stap af te vinken wat er gedaan moet worden.
Ik snap precies wat je bedoelt hoor. Ik heb nu door dat ik iets te snel ging, door gelijk een ingewikkeld framework te pakken zonder eerst de basis te begrijpen.quote:
[..]
Het is moeilijk om een soort algemeen advies te geven over wanneer je een Ajax request zou moeten doen en wanneer niet, maar ik denk dat in dit specifieke geval het wel gebruiksvriendelijker is om je table met Ajax te updaten dan elke keer de hele pagina opnieuw te laden.
Maar dat wil niet zeggen dat het geen goed idee is om, zoals KomtTijd voorstelt, eerst een "ouderwetse" variant te bouwen zonder Javascript-fratsen. Die basis heb je sowieso nodig namelijk en het is ook belangrijk om iets dat je toch al een beetje ingewikkeld vindt niet nog ingewikkelder te maken dan nodig. Dat bedoelde ik ook eerder met het opdelen van je probleem in kleinere problemen. Je moet niet proberen alles in 1 keer op te lossen, maar stap voor stap af te vinken wat er gedaan moet worden.
Ik heb KomtTijd z'n advies opgevolgd en een simpele model- en controller functie gemaakt met een view waar de HTML table in staat. Ik heb inmiddels een nuttige video gevonden waar het een en ander uitgelegd wordt over sorteren van tabellen etc. Ik laat zo weten hoe ver ik gekomen ben.
EDIT:
In de video zegt de maker: "It is not going to be like Ajax/Javascript trig. We are just going to reload the page, because there is hidden data that is not inside this page. So sorting with Ajax may not be a good idea here."
Ik wil nu eigenlijk van jullie wel weten wat ik het beste kan doen met betrekking tot het sorteren. Page reloads via CodeIgniter, Ajax of iets anders?
[ Bericht 6% gewijzigd door pascal08 op 27-02-2013 18:09:13 ]
Gelezen wat Ajax is, gelezen hoe ik libraries kan toevoegen aan het CodeIgniter framework en wat jQuery erbij geleerd. Inmiddels werkt alles zoals ik het wil. Moraal van het verhaal: gewoon zelf leren en doen.quote:
[..]
Ik snap precies wat je bedoelt hoor. Ik heb nu door dat ik iets te snel ging, door gelijk een ingewikkeld framework te pakken zonder eerst de basis te begrijpen.
Ik heb KomtTijd z'n advies opgevolgd en een simpele model- en controller functie gemaakt met een view waar de HTML table in staat. Ik heb inmiddels een nuttige video gevonden waar het een en ander uitgelegd wordt over sorteren van tabellen etc. Ik laat zo weten hoe ver ik gekomen ben.
EDIT:
In de video zegt de maker: "It is not going to be like Ajax/Javascript trig. We are just going to reload the page, because there is hidden data that is not inside this page. So sorting with Ajax may not be a good idea here."
Ik wil nu eigenlijk van jullie wel weten wat ik het beste kan doen met betrekking tot het sorteren. Page reloads via CodeIgniter, Ajax of iets anders?
Toch bedankt voor jullie hulp.
Vraag over het juist positioneren van navigatiebalk, footer en content div.
Wat ik probeer te bereiken is dat de navigatiebalk (zwarte balk bovenin) en de footer altijd 100% de breedte van het venster benut.
Het probleem met deze twee is dat ze niet breder worden dan de wrapper (800px breed) terwijl hun div niet in de wrapper div zit.
Ik heb de div volgorde telkens aangepast (in de wrapper en er weer uit etc.), maar geen resultaat.
Een tweede vraag is dat is dat ik voor de contentachtergrond een gradient gebruik die direct aansluit op de achtergrond van de headerachtergrond. Nu kan ik wel met negatieve margins gaan spelen maar dat is niet de manier om de content div mooi op de header div aan te laten sluiten.
Laatste vraag die ik heb gaat over het ontwerp van de navigatiebalk (zie: eerste spoiler).
De oranje vlag maakt direct deel uit van de navigatiebalk maar hangt over de banner heen. Vooralsnog gebruik ik een gif als plaatje voor de banner maar in de toekomst wordt dit een geanimeerde banner waar de vlag dus overheen hangt.
Nu heb ik gelezen over z-index maar is dat ook dé manier die ik moet gebruiken voor deze situatie?
Dus de menubalk+vlag samen in een gif met tranparancy en dan bovenop de banner-div plaatsen bijvoorbeeld..
Wat ik probeer te bereiken is dat de navigatiebalk (zwarte balk bovenin) en de footer altijd 100% de breedte van het venster benut.
Het probleem met deze twee is dat ze niet breder worden dan de wrapper (800px breed) terwijl hun div niet in de wrapper div zit.
Ik heb de div volgorde telkens aangepast (in de wrapper en er weer uit etc.), maar geen resultaat.
Een tweede vraag is dat is dat ik voor de contentachtergrond een gradient gebruik die direct aansluit op de achtergrond van de headerachtergrond. Nu kan ik wel met negatieve margins gaan spelen maar dat is niet de manier om de content div mooi op de header div aan te laten sluiten.
Laatste vraag die ik heb gaat over het ontwerp van de navigatiebalk (zie: eerste spoiler).
De oranje vlag maakt direct deel uit van de navigatiebalk maar hangt over de banner heen. Vooralsnog gebruik ik een gif als plaatje voor de banner maar in de toekomst wordt dit een geanimeerde banner waar de vlag dus overheen hangt.
Nu heb ik gelezen over z-index maar is dat ook dé manier die ik moet gebruiken voor deze situatie?
Dus de menubalk+vlag samen in een gif met tranparancy en dan bovenop de banner-div plaatsen bijvoorbeeld..
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Spoiler bevat wat ik nu heb + probleem met navigatiebalk/footer:SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.De site wordt verder uitgewerkt in Joomla overigens.
Alvast bedankt voor de hulp & tips.
CSS:HTML:
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
44
45
46
47
48
49
50
51@charset "utf-8";
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
background-image:url(../images/site_bg.gif);
}
#container {
background: none;
width: 100%;
}
#main {
width: 800px;
height: 100%;
margin: auto;
}
#nav {
height: 39px;
width: 100%;
background-image:url(../images/navigatie_bg.gif);
}
#header {
width: 800px;
height: 233px;
background-image:url(../images/banner_bg.gif);
}
#content {
width: 800px;
height: 290px;
background-image:url(../images/bodygradient_bg.gif);
}
#footer {
position:absolute;
bottom:0;
width:100%;
height: 37px;
background-image:url(../images/footer_bg.gif);
}
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<<body>
<div id="container">
<div id="nav">
<jdoc:include type="modules" name="nav" style="xhtml" />
</div>
<div id="main">
<div id="header"></div>
<div id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>
<div id="footer"> Footerinformatie
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>
</div>
</body>
Heb nog een beetje zitten puzzelen:
#nav uit de #main gehaald zodat de achtergrond helemaal van links naar rechts kan gaan.
#content toch een negatieve margin gegeven (later weer teruggedraaid) om te kijken wat er zou gebeuren.
De bedoeling is dat #contant automatisch tot aan de footer komt ongeacht de grootte van het venster. De gradient achtergrond moet tegelijkertijd bovenin deze div blijven staan zodat de gradient van de #header/banner vloeiend kan uitlopen. Dit nog niet voor elkaar gekregen helaas
[ Bericht 1% gewijzigd door karton2 op 01-03-2013 21:14:54 ]
gezien je "laatste" vraag tevens je enige vraag is, daar maar een antwoord op:
Gif afbeeldingen horen sowieso in het museum, het is geen 1996 meer.
En dit los je sowieso niet met afbeeldingen op, maar gewoon met CSS. Border-radius en box-shadow is all you need.
Als je inderdaad elementen over elkaar heen wilt zetten, is position:absolute en z-index inderdaad de manier.
Gif afbeeldingen horen sowieso in het museum, het is geen 1996 meer.
En dit los je sowieso niet met afbeeldingen op, maar gewoon met CSS. Border-radius en box-shadow is all you need.
Als je inderdaad elementen over elkaar heen wilt zetten, is position:absolute en z-index inderdaad de manier.
Ik loop nu al een tijdje te kloten met mijn tabel. Met Datatables kwam ik een heel eind, maar was toch te beperkt en te ingewikkeld voor iets ogenschijnlijk simpels: een tabel met voor iedere kolom een minimum en maximum criteria in de vorm van een inputbox. Ik wil de tabel aan de hand van deze criteria updaten zonder page reloads en volgens mij is ajax daar de beste oplossing voor.
Voor de duidelijkheid:
- Ik maak gebruik van het CodeIgniter PHP framework.
- Ik heb een SQL-tabel met ~12.000 records en 50+ kolommen.
- Deze tabel wil ik absoluut niet in 1 keer outputten in HTML. Door middel van tabjes wil ik bepaalde kolommen tonen of juist verbergen. Met pagination wil ik een overzichtelijk aantal rijen tonen.
Dit is mijn ultieme poging om het toch nog voor elkaar te krijgen, want inmiddels ben ik er al 2 weken mee bezig en stuit ik iedere keer op een ander vervelend probleem. Vandaar dat ik helemaal opnieuw wil beginnen, met de code die ik vorig week op advies van mensen hier heb gemaakt.
De volgende code die ik heb geschreven:
Voor de duidelijkheid:
- Ik maak gebruik van het CodeIgniter PHP framework.
- Ik heb een SQL-tabel met ~12.000 records en 50+ kolommen.
- Deze tabel wil ik absoluut niet in 1 keer outputten in HTML. Door middel van tabjes wil ik bepaalde kolommen tonen of juist verbergen. Met pagination wil ik een overzichtelijk aantal rijen tonen.
Dit is mijn ultieme poging om het toch nog voor elkaar te krijgen, want inmiddels ben ik er al 2 weken mee bezig en stuit ik iedere keer op een ander vervelend probleem. Vandaar dat ik helemaal opnieuw wil beginnen, met de code die ik vorig week op advies van mensen hier heb gemaakt.
De volgende code die ik heb geschreven:
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Deze code doet dus niets meer en minder dan de resultaten van een simpele query outputten in HTML, zoals jullie mij adviseerden.
Nu, met deze basiscode, wil ik de tabel kunnen updaten met inputfields en ajax.
Stel ik voeg de volgende regel toe aan de view:
1 <input type="text" id="min_col1">Minimum Kolom 1</input>
Dan zou ik via jQuery dit kunnen doen:
1
2
3
4
5
6
7
8
9$(document).ready(function() {
$('#min_col1').keyup(function() {
var min_col1 = $(this).attr('value');
if(!min_col1) {
$.post('/folder/controller/function', {min_col1:min_col1}, function(data) {
$('...').html(data);
});
}
});
Hier loop ik eigenlijk een beetje vast. Moet ik nu een nieuwe functie maken in m'n controller die een HTML-tabel gaat genereren?
Waarom kunnen de meeste frameworks en Javascript zelf trouwens ook zo slecht omgaan met (pseudo) associatieve arrays? Ik weet dat arrays eigenlijk niet bestaan in JS, en gewoon een type object zijn.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)
quote:
Ik loop nu al een tijdje te kloten met mijn tabel. Met Datatables kwam ik een heel eind, maar was toch te beperkt en te ingewikkeld voor iets ogenschijnlijk simpels: een tabel met voor iedere kolom een minimum en maximum criteria in de vorm van een inputbox. Ik wil de tabel aan de hand van deze criteria updaten zonder page reloads en volgens mij is ajax daar de beste oplossing voor.
Voor de duidelijkheid:
- Ik maak gebruik van het CodeIgniter PHP framework.
- Ik heb een SQL-tabel met ~12.000 records en 50+ kolommen.
- Deze tabel wil ik absoluut niet in 1 keer outputten in HTML. Door middel van tabjes wil ik bepaalde kolommen tonen of juist verbergen. Met pagination wil ik een overzichtelijk aantal rijen tonen.
Dit is mijn ultieme poging om het toch nog voor elkaar te krijgen, want inmiddels ben ik er al 2 weken mee bezig en stuit ik iedere keer op een ander vervelend probleem. Vandaar dat ik helemaal opnieuw wil beginnen, met de code die ik vorig week op advies van mensen hier heb gemaakt.
De volgende code die ik heb geschreven:Ik snap je hele doel niet helemaal..SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Deze code doet dus niets meer en minder dan de resultaten van een simpele query outputten in HTML, zoals jullie mij adviseerden.
Nu, met deze basiscode, wil ik de tabel kunnen updaten met inputfields en ajax.
Stel ik voeg de volgende regel toe aan de view:
[ code verwijderd ]
Dan zou ik via jQuery dit kunnen doen:
[ code verwijderd ]
Hier loop ik eigenlijk een beetje vast. Moet ik nu een nieuwe functie maken in m'n controller die een HTML-tabel gaat genereren?
Is het uiteindelijke idee nou dat je met een inputfield doormiddel van ajax een rij toevoegt aan je database tabel?
Dan kun je gewoon met AJAX een functie aanspreken in je controller die de data doorgeeft van je inputfield en dit in je model afhandelen om het in de database te zetten?Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Nee, ik wil niets toevoegen of verwijderen. Via die inputfields wil ik bepaalde data wegfilteren. Aanvankelijk, bij het laden van de pagina, zijn er nog geen filters actief, dus worden bijvoorbeeld de eerste 30e rijen uit de SQL-tabel getoond. Als de gebruiker dan in een inputfield aangeeft dat 'ie bepaalde data met een waarde onder of boven zijn ingevoerde waarde niet wilt zien, dan moet de tabel zo aangepast worden dat er geen data meer getoond wordt die de gebruiker niet wilt zien.quote:
[..]
Ik snap je hele doel niet helemaal..
Is het uiteindelijke idee nou dat je met een inputfield doormiddel van ajax een rij toevoegt aan je database tabel?
Dan kun je gewoon met AJAX een functie aanspreken in je controller die de data doorgeeft van je inputfield en dit in je model afhandelen om het in de database te zetten?
Snap je het of moet ik het aan de hand van een voorbeeld uitleggen?
EDIT:
Dit is een goed voorbeeld van wat ik wil: http://datatables.net/rel(...)range_filtering.html
Echter wil die 2 inputfields voor elke kolom instellen, maar dat is nu even bijzaak.
Je kunt met AJAX meegeven welke waarde de gebruiker heeft ingevoerd en met een nieuwe functie in je controller een functie in je model aanspreken die een query uitvoert waarin je die filter hebt opgenomen?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
1. Laat alle data zien.
2. Stuur met AJAX je input naar een controller.
3. Verwerk je input en spreek een model aan.
4. Voer een query in je model uit die bijvoorbeeld zegt "laat alles zien > $filter"
5. Data terugsturen en in je HTML zetten.
2. Stuur met AJAX je input naar een controller.
3. Verwerk je input en spreek een model aan.
4. Voer een query in je model uit die bijvoorbeeld zegt "laat alles zien > $filter"
5. Data terugsturen en in je HTML zetten.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Oké, ik snap wat je zegt. Stel ik laat PHP dan in de controller-functie de query resultaten outputten en via Javascript in de tabel plaatsen, werken mijn paginatie-instellingen en tabjes dan nog wel? Die functie in de controller waar pagination wordt ingesteld, wordt dan immers niet meer gebruikt als ik een nieuwe functie maak zoals jij zegt.quote:
Je kunt met AJAX meegeven welke waarde de gebruiker heeft ingevoerd en met een nieuwe functie in je controller een functie in je model aanspreken die een query uitvoert waarin je die filter hebt opgenomen?
Momentje, ik ga het proberen.quote:
1. Laat alle data zien.
2. Stuur met AJAX je input naar een controller.
3. Verwerk je input en spreek een model aan.
4. Voer een query in je model uit die bijvoorbeeld zegt "laat alles zien > $filter"
5. Data terugsturen en in je HTML zetten.
EDIT:
Nja, het lukt me om via ajax de nieuwe query resultaten te laten zien, maar pagination en die "kolom"-tabs werken dan niet meer. Dit is gewoon te ingewikkeld voor mij en ik heb er ook geen plezier meer in (waar ik het voornamelijk voor doe
), dus ik laat het hierbij zitten. Bedankt voor je reactie. [ Bericht 24% gewijzigd door pascal08 op 05-03-2013 15:46:15 ]
Aangezien je Codeigniter gebruikt zou je gewoon ter informatie ook het filmpje op deze pagina eens kunnen bekijken: http://net.tutsplus.com/t(...)ch-day-7-pagination/quote:
[..]
Momentje, ik ga het proberen.
EDIT:
Nja, het lukt me om via ajax de nieuwe query resultaten te laten zien, maar pagination en die "kolom"-tabs werken dan niet meer. Dit is gewoon te ingewikkeld voor mij en ik heb er ook geen plezier meer in (waar ik het voornamelijk voor doe
Ik zou wel gewoon models gebruiken, queries in je controllers is niet iets wat jij jezelf moet aanleren.
Met Ajax vind ik persoonlijk wel chiquer.
Wat is het verschil?quote:Op dinsdag 5 maart 2013 20:28 schreef TwenteFC het volgende:
[..]
Aangezien je Codeigniter gebruikt zou je gewoon ter informatie ook het filmpje op deze pagina eens kunnen bekijken: http://net.tutsplus.com/t(...)ch-day-7-pagination/
Met Ajax vind ik persoonlijk wel chiquer.
Jezus man, kan dat ook nog?quote:
[..]
Tussen Ajax pagination, en pagination op deze manier?
Geen pagereloads.
Dat wordt al helemaal ingewikkeld.
Hoe bedoel je? Daar was je toch in eerste instantie mee bezig.quote:
[..]
Jezus man, kan dat ook nog?
Dat wordt al helemaal ingewikkeld.
Die tutorial legt de basics uit van het pagineren, als je die volgt dan snap je volgens mij iets beter waar je mee bezig bent.
Volgens mij was-ie bezig met het anders sorteren van de tabel dmv Ajax. Maar soms lees ik ook iets over filteren.quote:
[..]
Hoe bedoel je? Daar was je toch in eerste instantie mee bezig.
Die tutorial legt de basics uit van het pagineren, als je die volgt dan snap je volgens mij iets beter waar je mee bezig bent.
Ik heb Day 16 al gevolgd van die serie. Erg informatief, maar ik krijg het als geheel niet bij elkaar: ajax-call om de tabel te refreshen, paginatie (ajax of met CI), navigatie met tabjes. Ik kan m'n probleem klaarblijkelijk ook niet goed omschrijven, want iedereen komt met wat anders.quote:
[..]
Hoe bedoel je? Daar was je toch in eerste instantie mee bezig.
Die tutorial legt de basics uit van het pagineren, als je die volgt dan snap je volgens mij iets beter waar je mee bezig bent.
Dan kun je het ook nooit programmeren.quote:
[..]
Ik kan m'n probleem klaarblijkelijk ook niet goed omschrijven
quote:Op dinsdag 5 maart 2013 20:38 schreef Tijn het volgende:
[..]
Volgens mij was-ie bezig met het anders sorteren van de tabel dmv Ajax. Maar soms lees ik ook iets over filteren.
Snap jij het nog?
Wat ik begrijp is dat je 11.500 records hebt, die je wil tonen op een pagina per 50 bijvoorbeeld.quote:
[..]
Ik heb Day 16 al gevolgd van die serie. Erg informatief, maar ik krijg het als geheel niet bij elkaar: ajax-call om de tabel te refreshen, paginatie (ajax of met CI), navigatie met tabjes. Ik kan m'n probleem klaarblijkelijk ook niet goed omschrijven, want iedereen komt met wat anders.
En dat je deze records ook wil filteren op bepaalde eigenschappen?
Ja, exact.quote:
[..]
Wat ik begrijp is dat je 11.500 records hebt, die je wil tonen op een pagina per 50 bijvoorbeeld.
En dat je deze records ook wil filteren op bepaalde eigenschappen?
Begin dan heel simpel, en maak eerst die pagination naquote:
.Daarna komt pas de volgende stap, het toepassen van filters daarop.
Dat kan alleen als je het in kleinere problemen opdeelt en die 1 voor 1 tackelt. Je kunt niet alles in 1 keer maken, zo werkt het gewoon niet.quote:
Ik dacht je zoiets bedoelde:
Een tabel met klikbare headers zodat je kunt sorteren op de kolommen.
De simpelste manier om daar een Ajax-variant van te maken is door een eventhandler op het klikken van de headers te zetten, die de nieuwe pagina op laten halen en de data van die pagina in je huidige tabel te injecteren:
Heb je daar wat aan of slaat dat nergens op?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <table> <thead> <tr> <th> <a href="/hier/je/url?sort=a">a</a> </th> <th> <a href="/hier/je/url?sort=b">b</a> </th> <th> <a href="/hier/je/url?sort=c">c</a> </th> <th> <a href="/hier/je/url?sort=d">d</a> </th> </tr> </thead> <tbody> <!-- hier allemaal rijen met data --> </tbody> </table> |
Een tabel met klikbare headers zodat je kunt sorteren op de kolommen.
De simpelste manier om daar een Ajax-variant van te maken is door een eventhandler op het klikken van de headers te zetten, die de nieuwe pagina op laten halen en de data van die pagina in je huidige tabel te injecteren:
| 1 2 3 4 5 6 7 8 | // klik op een header $('thead a').on('click', function(e) { // voorkom de standaardactie (== geen page request) e.preventDefault(); // haal de url op en stop de tbody van de opgehaalde pagina in de huidige tbody $('table tbody').load($(this).attr('href') + ' table tbody'); }); |
Heb je daar wat aan of slaat dat nergens op?
Ja, dit slaat op wat ik wil.quote:
Ik dacht je zoiets bedoelde:
[ code verwijderd ]
Een tabel met klikbare headers zodat je kunt sorteren op de kolommen.
De simpelste manier om daar een Ajax-variant van te maken is door een eventhandler op het klikken van de headers te zetten, die de nieuwe pagina op laten halen en de data van die pagina in je huidige tabel te injecteren:
[ code verwijderd ]
Heb je daar wat aan of slaat dat nergens op?
Misschien is het handiger als ik snap wat er achter de schermen moet gebeuren. Ik denk namelijk dat het zo zit:
1. Gebruiker vraagt pagina op voor de eerste keer
2. Controller roept model aan met standaardwaarden (minimum en maximum nog niet ingesteld) en genereert de pagina.
3. Gebruiker klikt op sorteren van kolom 2.
4. Via ajax wordt een functie in de controller aangeroepen
5. De controller roept een functie in model aan,
met de informatie dat er in de query gesorteerd moet worden op kolom 2.
6. Via ajax wordt alles in de view geïnjecteerd.
Werkt het zo of klopt mijn hele denkpatroon niet?
Al die model/controller/view-dingen spelen zich af op de server. Die gebruik je om de juiste data op de juiste manier van de server naar de client te sturen.
Waar het nu op gaat is hoe je de data ververst in je client. Dat betekent dat er een request naar je server moet, daar wordt de juiste data verzameld en daarna (dan heb je dus niks meer met MVC te maken) moet die data op de een of andere manier de data op je huidige pagina vervangen. Dat moet met Javascript, want dat is de enige programmeeromgeving die je tot je beschikking hebt in je client.
Wat ik in het voorbeeld hierboven heb gedaan is dezelfde url ophalen die je zonder Ajax-call zou gebruiken ( $(this).attr('href') ). Vervolgens ondersteunt de .load()-functie van jQuery een selector zodat je alleen een gedeelte van dat document gebruikt. In dit geval is dat "table tbody", maar hoe dat precies in jouw website zit, hangt van de structuur op jouw pagina af.
Dit is wel een beetje "poor man's Ajax", omdat je in feite een hele nieuwe pagina opvraagt ipv alleen de nieuwe data.
Als je het écht goed wil doen, moet je je backend aanpassen om bij een Ajax-call alleen de data zelf naar buiten te sturen (bv als JSON) en vervolgens zelf in Javascript een functie schrijven om de gegevens in je JSON-data op de juiste plek in je tabel te zetten. Maar dat vergt dus wel nog wat werk, daar moet je maar net zin in hebben
[ Bericht 0% gewijzigd door Tijn op 05-03-2013 21:56:39 ]
Waar het nu op gaat is hoe je de data ververst in je client. Dat betekent dat er een request naar je server moet, daar wordt de juiste data verzameld en daarna (dan heb je dus niks meer met MVC te maken) moet die data op de een of andere manier de data op je huidige pagina vervangen. Dat moet met Javascript, want dat is de enige programmeeromgeving die je tot je beschikking hebt in je client.
Wat ik in het voorbeeld hierboven heb gedaan is dezelfde url ophalen die je zonder Ajax-call zou gebruiken ( $(this).attr('href') ). Vervolgens ondersteunt de .load()-functie van jQuery een selector zodat je alleen een gedeelte van dat document gebruikt. In dit geval is dat "table tbody", maar hoe dat precies in jouw website zit, hangt van de structuur op jouw pagina af.
Dit is wel een beetje "poor man's Ajax", omdat je in feite een hele nieuwe pagina opvraagt ipv alleen de nieuwe data.
Als je het écht goed wil doen, moet je je backend aanpassen om bij een Ajax-call alleen de data zelf naar buiten te sturen (bv als JSON) en vervolgens zelf in Javascript een functie schrijven om de gegevens in je JSON-data op de juiste plek in je tabel te zetten. Maar dat vergt dus wel nog wat werk, daar moet je maar net zin in hebben
[ Bericht 0% gewijzigd door Tijn op 05-03-2013 21:56:39 ]
Bedankt voor je uitgebreide antwoord.quote:
Al die model/controller/view-dingen spelen zich af op de server. Die gebruik je om de juiste data op de juiste manier van de server naar de client te sturen.
Waar het nu op gaat is hoe je de data ververst in je client. Dat betekent dat er een request naar je server moet, daar wordt de juiste data verzameld en daarna (dan heb je dus niks meer met MVC te maken) moet die data op de een of andere manier de data op je huidige pagina vervangen. Dat moet met Javascript, want dat is de enige programmeeromgeving die je tot je beschikking hebt in je client.
Wat ik in het voorbeeld hierboven heb gedaan is dezelfde url ophalen die je zonder Ajax-call zou gebruiken ( $(this).attr('href') ). Vervolgens ondersteund de .load()-functie van jQuery een selector zodat je alleen een gedeelte van dat document gebruikt. In dit geval is dat "table tbody", maar hoe dat precies in jouw website zit, hangt van de structuur op jouw pagina af.
Dit is wel een beetje "poor man's Ajax", omdat je in feite een hele nieuwe pagina opvraagt ipv alleen de nieuwe data.
Als je het écht goed wil doen, moet je je backend aanpassen om bij een Ajax-call alleen de data zelf naar buiten te sturen (bv als JSON) en vervolgens zelf in Javascript een functie schrijven om de gegevens in je JSON-data op de juiste plek in je tabel te zetten. Maar dat vergt dus wel nog wat werk, daar moet je maar net zin in hebben
Is er misschien ergens op internet documentatie te vinden hierover? Ik wil hier best meer over lezen.
Ik snap je pagination functie niet zo goed binnen CodeIgniter? Is dat een functie die samenwerkt met de query en zo pagina's opbouwt? Of is dat gewoon een functie die bekijkt hoeveel records je hebt en vervolgens een lijstje opbouwt van bijvoorbeeld 10 per pagina en een click navigatie?
Want als het laatste het geval is, kun je toch gewoon met AJAX een nieuwe query aanroepen met variabelen (min en max) en die weer in je tbody dumpen?
Want als het laatste het geval is, kun je toch gewoon met AJAX een nieuwe query aanroepen met variabelen (min en max) en die weer in je tbody dumpen?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Mag hier. Van mij. lief he?
ik heb zelf alleen een beetje ervaring met meteor
ik heb zelf alleen een beetje ervaring met meteor
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ben zelf ook aan het kijken met Meteor, misschien dat ik binnenkort wel een apart topic maak voor NodeJS.quote:
Mag hier. Van mij. lief he?
ik heb zelf alleen een beetje ervaring met meteor
Is toch anders dan frontend javascript.
En hoe bevalt het? Ik ben voor mijn werk wat JavaScript MVP/MVC frameworks aan het verkennen voor het ontwikkelen van SPA's. Backbone en AngularJS (i.z.m. jQuery en Bootstrap) staan hoog op het lijstje.quote:
[..]
ik heb zelf alleen een beetje ervaring met meteor
vond t wel oké. Was bijzonder basis hoor, meer oriënterend. Ga het in de toekomst misschien wel toepassenquote:
[..]
En hoe bevalt het? Ik ben voor mijn werk wat JavaScript MVP/MVC frameworks aan het verkennen voor het ontwikkelen van SPA's. Backbone en AngularJS (i.z.m. jQuery en Bootstrap) staan hoog op het lijstje.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Is Meteor niet nog hartstikke onstabiel?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Kan iemand mij vertellen wat ik hier fout doe? Ik wil CONTENT naast NAVIGATIE zetten maar dan lijkt de 'parent div' terug te vallen zodat de navigatie en content erbuiten vallen, dat alleen de header nog 'in de site' zit. En dat is niet de bedoeling
Edit: het lijkt er dus op dat de maincontainer genegeerd wordt als ik float: left meegeef aan navigatie.
[ Bericht 1% gewijzigd door kievitsboom op 12-03-2013 05:22:51 ]
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <body> <div id="maincontainer"> <div id="mainheader"> <div id="header"><h1>LOGO</h></div> <div id="bannerheader"></div> </div> <div id="maincontent"> <div id="navigatie">NAVIGATIE</div> <div id="content">CONTENT </div> </div> <div id="footer">Het test project</div> </div> </body> |
| 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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | body{ margin: 0; text-align: center; background-color: #919191; } div#maincontainer{ margin: 20px auto 20px auto; width: 850px; text-align: left; border-style: solid; background-color: #E6FCB7; border-width: 6px; } div#mainheader{ width: 850px; height: 130px; } div#header{ width: 350px; text-align: center; float: left; font-size: 150% } div#bannerheader{ position: relative; left: 15px; top: 30px; background-image:url(banner.png); float: left; width: 468px; height: 60px; border-style: solid; } div#maincontent{ width: 844px; } div#navigatie{ border-right-style: solid; width: 20%; height: 250px; margin: 15px 0px 15px 0px; float: left; } div#content{ width: 78%; border:solid; float: left; } div#footer{ width: 100%; height: 55px; text-align: center; |
Edit: het lijkt er dus op dat de maincontainer genegeerd wordt als ik float: left meegeef aan navigatie.
[ Bericht 1% gewijzigd door kievitsboom op 12-03-2013 05:22:51 ]
:{
Makkelijkste oplossing is om onderaan de content een
<br style="clear:both" />
op te nemen.
http://jsfiddle.net/8A5Xt/
<br style="clear:both" />
op te nemen.
http://jsfiddle.net/8A5Xt/
Dat is wel heel vies
Google eens op clearfix
Google eens op clearfix
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
NodeJS ervaring reporting in .quote:
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 ga d'r binnenkort fanatiek mee bezig, het klinkt allemaal heel mooi dus ik ben benieuwd.quote:
Als er animo voor is wil ik dan ook wel een topic openen speciaal voor NodeJS en haar frameworks.
Een beetje goede op neerzetten.
In principe werkt het allemaal het zelfde. Ik doe meestal <br class="clear" /> met .clear{clear:both;} omdat ik dat nu eenmaal gewend ben.quote:
Dat is wel heel vies
Google eens op clearfix
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
Ook goedquote:
[..]
Ik ga d'r binnenkort fanatiek mee bezig, het klinkt allemaal heel mooi dus ik ben benieuwd.
Als er animo voor is wil ik dan ook wel een topic openen speciaal voor NodeJS en haar frameworks.
heb zelf ervaring met Socket.IO, NowJS & Node zeg maar
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.
Nee, het werkt niet hetzelfde:quote:
[..]
In principe werkt het allemaal het zelfde. Ik doe meestal <br class="clear" /> met .clear{clear:both;} omdat ik dat nu eenmaal gewend ben.
Met een <br class="clear" /> voeg je een extra fysiek html-element toe aan je pagina, terwijl je met de clearfix dit niet doet.
Het nadeel van het toevoegen van een <br> is, dat het voor ongewilde resultaten kan zorgen (je voegt een harde line-break toe, dus ruimte) en in veel gevallen is het ook niet eens mogelijk om deze toe te voegen.
dat dus.
Niet helemaal mee eens, met clearfix voeg je ook content (dus ruimte) toe via CSS. Of je het nou fisiek of virtueel doet, de methode is anders maar de werking blijft het zelfde (namelijk een clear:both toevoegen aan de content na het laatste floating-element).quote:
[..]
Nee, het werkt niet hetzelfde:
Met een <br class="clear" /> voeg je een extra fysiek html-element toe aan je pagina, terwijl je met de clearfix dit niet doet.
Het nadeel van het toevoegen van een <br> is, dat het voor ongewilde resultaten kan zorgen (je voegt een harde line-break toe, dus ruimte)
Dat het in dit geval een <br> is maakt het resultaat wel iets anders omdat het inderdaad nog een line-break toevoegt, maar in al die jaren ben ik nog nooit een ongewild resultaat tegengekomen in welke browser dan ook.
Soms gebruik je het ook om elementen na float-elementen weer op de volgende regel te laten beginnen, dan vind ik persoonlijk een <br> juist weer duidelijker.
Maar goed, ik heb zelf niet echt een specifieke voorkeur, ik gebruik gewoon hetgeen wat er in de rest van het project gebruikt wordt.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
Elementen toevoegen voor stijl is lelijk. Een <br> is een semantisch element, dus dat maakt het driedubbel lelijk (gebruik dan een span of div). Maar iedereen gebruikt toch al honderd jaar gewoon overflow:hidden op de parent voor dit probleem?
Met clear:both op de footer ben je er toch ook?
Hoe dan ook ben je verkeerd bezig als je extra elementen nodig hebt, puur voor de layout.
[edit] waarom trouwens <div id="header"> en <div id="footer"> ipv gewoon <header> en <footer>?
Hoe dan ook ben je verkeerd bezig als je extra elementen nodig hebt, puur voor de layout.
[edit] waarom trouwens <div id="header"> en <div id="footer"> ipv gewoon <header> en <footer>?
Ikzelf zou dit oplossen door overflow:hidden toe te voegen aan #maincontent. Of zeg ik nou wat geks? Zo los ik dat altijd op iig.
Ik las hier overheen, vond het al zo vreemd dat niemand dat nog genoemd had.quote:
Elementen toevoegen voor stijl is lelijk. Een <br> is een semantisch element, dus dat maakt het driedubbel lelijk (gebruik dan een span of div). Maar iedereen gebruikt toch al honderd jaar gewoon overflow:hidden op de parent voor dit probleem?
2000 light years from home
Ik gebruik ook overflow: hidden;
Volgens mij heb ik zelfs nog nooit zo iets als een br clearfix gebruikt.
Volgens mij heb ik zelfs nog nooit zo iets als een br clearfix gebruikt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
overflow:hidden lijkt me ook niet de gewenste oplossing.
Soms wil je juist dat elementen buiten het parent element niet worden afgekapt, zoals hier (het slotje):
Soms wil je juist dat elementen buiten het parent element niet worden afgekapt, zoals hier (het slotje):
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
Daar gebruik ik ook geen overflow hidden.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Dat zijn over het algemeen ook niet de situaties waarin je een "clearfix"-achtige oplossing nodig hebt.quote:
overflow:hidden lijkt me ook niet de gewenste oplossing.
Soms wil je juist dat elementen buiten het parent element niet worden afgekapt, zoals hier (het slotje):
[ afbeelding ]
Ik ga aan de slag met Meteor, maar kan daar nu nog weinig zinnigs over zeggen.quote:
[..]
Ook goed
Is het "slecht"/ongewenst om het volgende te doen:
| 1 2 3 4 5 | var blaat = true; if(blaat === true){ return "iets"; } |
Ik snap je vraag niet helemaal.quote:
Is het "slecht"/ongewenst om het volgende te doen:
[ code verwijderd ]
Misschien een beetje onduidelijk uitgelegd ja.quote:
Maar ik kreeg als feedback op mijn code dat ik niet
| 1 2 3 4 5 | var blaat = true; if(blaat === true){ return "iets"; } |
maar
| 1 2 3 4 5 | var blaat = true; if(blaat){ return "iets"; } |
Moest doen, omdat het anders verwarring kon opleveren.
Maar persoonlijk vind ik voorbeeld 1 veel duidelijker om te lezen.
Als je zeker weet dat iets altijd waar- of niet waar is, dan zou ik ook voor het tweede voorbeeld gaan. Maar het blijft een persoonlijke keuze.
Maar je weet eigenlijk niet eens of er wel een boolean inzit, een string zou ook doorgaan voor true. Dat was mijn gedachte er achter.quote:
Als je zeker weet dat iets altijd waar- of niet waar is, dan zou ik ook voor het tweede voorbeeld gaan. Maar het blijft een persoonlijke keuze.
Was voor een schoolopdracht, en zit er een beetje mee dat ik minpunten kreeg omdat dit voor verbetering vatbaar was.
Op mijn werk hebben we juist als standaard dat je zo strikt mogelijk moet zijn, dus het eerste voorbeeld heeft bij ons de voorkeur.
Ook mijn gedachte, maar het is dus echt puur een keuze?quote:
Op mijn werk hebben we juist als standaard dat je zo strikt mogelijk moet zijn, dus het eerste voorbeeld heeft bij ons de voorkeur.
Ook in een Loose Typed taal als Javascript?
In Java of iets dergelijks waar de variable al gecast is als een boolean dan kan ik het nog begrijpen dat voorbeeld 2 misschien makkelijker is.
Het is een keuze in zoverre dat 95% van de tijd het wel goed zal komen, mits je een beetje fatsoenlijk met je variabelen omgaat. Maar juist die 5% die ontzettend veel debuggen kan vereisen is ons het niet waard, waardoor we liever voor de zekereid wat strikter werken.
quote:
Zie ook http://stackoverflow.com/(...)en-and-in-javascript
Ik snap het verschil tussen == en ===.Als ik == had geschreven dan had ik ze gelijk gegeven, want if(val) is inprincipe het zelfde als if(val == true).
Maar die === had ik dus puur gedaan om ook te controleren of het een boolean is.
Bedankt voor het antwoorden ik weet genoeg, morgen de leraar maar even aanspreken.
Op stackoverflow zijn ze het ook niet allemaal met elkaar eens:http://stackoverflow.com/(...)n-in-an-if-statement
Ik moet zeggen dat hun antwoorden wel hout snijden. Als je je variabele altijd zelf zet als true of false weet je dus altijd dat het een boolean is. Het wordt anders als je ingewikkeldere scripts hebt waarbij je niet 100% weet hoe een variabele binnenkomt. Maar ik vind het wel wat overtrokken van je docent om hier minpunten op te geven.
Als je zeker weet dat je true of false terugkrijgt kun je best if(blaa) gebruiken. Wat is input van je if? Dan kunnen we bekijken of je morgen je docent terecht mag afbranden of niet.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
quote:Op woensdag 13 maart 2013 23:46 schreef boem-dikkie het volgende:
Als je zeker weet dat je true of false terugkrijgt kun je best if(blaa) gebruiken. Wat is input van je if? Dan kunnen we bekijken of je morgen je docent terecht mag afbranden of niet.
We zijn er al uit, als je geen === true doet dan komt hij niet door de unit test.
Passen ze dan voor de unittest een variabele in je functie aan of gebruik je iets dat (te) globaal van scope is?quote:
[..]
Er moet gewoon een bepaalde uitkomst uit die functie komen, wat niet correct gebeurt als je er bijv. een string in gooit.quote:
[..]
Passen ze dan voor de unittest een variabele in je functie aan of gebruik je iets dat (te) globaal van scope is?
En als je moet vergelijken met === heb je het over een variabele die van buiten de functie kan worden beinvloed. Zoals een parameter.quote:
[..]
Er moet gewoon een bepaalde uitkomst uit die functie komen, wat niet correct gebeurt als je er bijv. een string in gooit.
Hij zit in een array, die die inderdaad globaal te bereiken is ja.quote:
[..]
En als je moet vergelijken met === heb je het over een variabele die van buiten de functie kan worden beinvloed. Zoals een parameter.
Iemand ervaring met websockets en node.js? Niet heel erg veel documentatie op het internet zeg. 
Lekker happen
Ben er mee aan het experimenteren, vooral met http://meteor.com/ .quote:
Iemand ervaring met websockets en node.js? Niet heel erg veel documentatie op het internet zeg.
Maar heb er nog niet zoveel kennis van dat ik alles zo 1,2,3 kan beantwoorden.
Zal binnenkort wel een apart topic erover maken, als die er dan nog niet is.
Want ik vind het ook erg interessant spul.
Een eigen topic(-reeks) is het wel waard inderdaad. Kan iedereen elkaar een beetje op weg helpen.quote:
[..]
Ben er mee aan het experimenteren, vooral met http://meteor.com/ .
Maar heb er nog niet zoveel kennis van dat ik alles zo 1,2,3 kan beantwoorden.
Zal binnenkort wel een apart topic erover maken, als die er dan nog niet is.
Want ik vind het ook erg interessant spul.
Lekker happen
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
wtf?quote:
http://codepen.io/noahblon/pen/IdcvD
damn, dat is een staaltje CSS waar ik eng van word
Wel mooi.
Je moeder is een hamster
| 1 2 3 4 5 6 7 8 | html { font-size: 62.5%; } /* 1em standaard 10px */ body { font-size: 1em; } body.smaller { font-size: .8em; } /* schaal alles 80% */ body.bigger { font-size: 1.2em; } /* schaal alles 120% */ @media (max-width: 90em) { /* breakpoint 1 */ } @media (max-width: 60em) { /* breakpoint 2 */ } @media (max-width: 30em) { /* breakpoint 3 */ } |
als je nu alleen em's of procenten gebruikt voor je maateenheden heb je een lay-out waarvan alles, inclusief de breakpoints, schaalt.
“Specialization is for insects”.—Robert Heinlein
Nee. Waarom zou je dat mogelijkw illen?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik wil een door de gebruiker samengestelde pagina opslaan als afbeelding.quote:
Nee. Waarom zou je dat mogelijkw illen?
Je zou url2png kunnen gebruiken. Maar ik zou er eens goed over nadenken of je inderdaad echt plaatjes van HTML wil, want dat is niet erg logisch.quote:
[..]
Ik wil een door de gebruiker samengestelde pagina opslaan als afbeelding.
Wat is dan wel logisch? Ik vond het vrij logische toepassing voor m'n site, maar toen ik op onderzoek ging bleek het toch niet zo gangbaar als ik dacht.quote:
[..]
Je zou url2png kunnen gebruiken. Maar ik zou er eens goed over nadenken of je inderdaad echt plaatjes van HTML wil, want dat is niet erg logisch.
Fluid is sowieso beter dan van hak op de tak breakpoints. En dan helemaal als mensen ook nog iOS breakpoints gebruiken.quote:Op dinsdag 19 maart 2013 10:21 schreef n8n het volgende:
[ code verwijderd ]
als je nu alleen em's of procenten gebruikt voor je maateenheden heb je een lay-out waarvan alles, inclusief de breakpoints, schaalt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
De posities en breedtes/hoogtes van de elementen opslaan?quote:
[..]
Wat is dan wel logisch? Ik vond het vrij logische toepassing voor m'n site, maar toen ik op onderzoek ging bleek het toch niet zo gangbaar als ik dacht.
En dan?quote:
[..]
De posities en breedtes/hoogtes van de elementen opslaan?
En het dan her-opbouwen. Weet niet waar je die indeling voor nodig hebt, maar het lijkt me dat je meer aan de afmetingen hebt dan aan een afbeelding van een indeling, zonder enige maten of aanduidingen.quote:
Ik dacht dat het gewoon het simpelste zou zijn om een snapshot te nemen van de samenstelling van de gebruiker. Echter zijn de meeste scripts heel beperkt in de browsercompatibiliteit, dus erg gebruiksvriendelijk is dat ook niet.quote:
[..]
En het dan her-opbouwen. Weet niet waar je die indeling voor nodig hebt, maar het lijkt me dat je meer aan de afmetingen hebt dan aan een afbeelding van een indeling, zonder enige maten of aanduidingen.
Je brengt me wel op het idee om gewoon zelfs een canvas te creëren met JavaScript, maar dat is ongelofelijk (!) veel werk, dus ik weet niet of dat de moeite waard is.
Ik had nog een vraagje. Hoe kan je er in javascript voor zorgen dat elke keer dat een functie wordt aangeroepen het eerste item van een array wordt weggehaald en de rest dan doorschuift zeg maar zodat het tweede item de eerste is?
Lekker happen
Omgekeerd sorteren, pop, terugsorteren?
Er is vast iets makkelijkers maar dit is het eerste dat in me opkomt.
Er is vast iets makkelijkers maar dit is het eerste dat in me opkomt.
Geen idee waarom je dat zou willen doen? Moet vast makkelijker kunnen.quote:
Ik had nog een vraagje. Hoe kan je er in javascript voor zorgen dat elke keer dat een functie wordt aangeroepen het eerste item van een array wordt weggehaald en de rest dan doorschuift zeg maar zodat het tweede item de eerste is?
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.
klinkt verdacht veel als een gevalletje DIG / Kijk hier als je snel een oplossing wil voor je probleem inderdaad...
Gewoon Array.shift() gebruiken toch? Of mis ik iets?quote:
Ik had nog een vraagje. Hoe kan je er in javascript voor zorgen dat elke keer dat een functie wordt aangeroepen het eerste item van een array wordt weggehaald en de rest dan doorschuift zeg maar zodat het tweede item de eerste is?
Dat bedoelde ik nou met 'het kan vast gemakkelijker'. Weer een handige method geleerdquote:
[..]
Gewoon Array.shift() gebruiken toch? Of mis ik iets?
.
Ook niet in alle gevallen, fluid geeft weinig controle over het aantal karakters per regel in tekst, iets wat essentieel is om te hebbenquote:
[..]
Fluid is sowieso beter dan van hak op de tak breakpoints. En dan helemaal als mensen ook nog iOS breakpoints gebruiken.
“Specialization is for insects”.—Robert Heinlein
Ik heb een probleem dat ik beschreef in het PHP voor dummies topic
DIG / [PHP/(My)SQL] voor dummies #107
kan er altijd van leren! zal 3djs ook eens een bezoekje geven.
Even iets anders, wil nu mijn infowindow anders maken, dus custom.
Bovenstaand is mijn html code voor mijn custom infowindow! werkt op zich goed, echter wil ik de content laten vervangen door en ajax aanroep (iets wat half werkt).
Normaal zou ik via infoWindow.setContent(data) de content kunnen vervangen maar helaas vervang ik daarmee ook de styling van de divs en dat wil ik niet, vandaar dat ik dacht middels $('#infobox').innerHTML de content aan te passen maar dat werkt niet. Heeft iemand hier een oplossing voor? google bracht mij namelijk niet veel nuttigs
werkt totaal niet (geeft ook geen error trouwens)
plaatst tekst maar vervangt styling
Op zich weet ik hoe ik tekst kan aanpassen $('#div').innerHTML maar dat werkt op een of andere manier niet samen met de styling en als ik de content niet aanpas zie ik een leuke box met 'loading....'
dit is mijn stylesheet.
dit is de aanroep van de infoWindow
Maar iedere keer als ik op een marker klik verdwijnt de styling en komt de tekst er voor in de plaats..
@Juicyhil: Hoezo kan mod_rewrite veiliger zijn? tenzij je doelt op het parsen van afbeeldingen, dan ben ik het met je eens... die behoor je niet te 'parsen'
Iemand een idee?
DIG / [PHP/(My)SQL] voor dummies #107
Leuk!quote:
[..]
Ja, kijk vooral ook naar 3DJS.org daar staan paar leuke heatmap samples in combinatie met geojson, ik zal maandag even mijn sample op basis van deze jaart neergooien
kan er altijd van leren! zal 3djs ook eens een bezoekje geven.Even iets anders, wil nu mijn infowindow anders maken, dus custom.
| 1 2 3 4 5 | <div class="infobox-wrapper"> <div id="infobox"> <div id="infobox-content">loading information.</dov> </div> </div> |
werkt op zich goed, echter wil ik de content laten vervangen door en ajax aanroep (iets wat half werkt).| 1 2 3 4 5 6 7 8 9 10 11 | google.maps.event.addListener(marker, 'click', function() { $.ajax({ url: '/test/ajax?name=' + name + '&id=' + id, success: function(data) { //infoWindow.setContent(data); $('#infobox').innerHTML = data; infoWindow.open(map, marker); } }); }); |
Normaal zou ik via infoWindow.setContent(data) de content kunnen vervangen maar helaas vervang ik daarmee ook de styling van de divs en dat wil ik niet, vandaar dat ik dacht middels $('#infobox').innerHTML de content aan te passen maar dat werkt niet. Heeft iemand hier een oplossing voor? google bracht mij namelijk niet veel nuttigs
quote:
Volgens mij kan je gewoon $('#infobox').text(data); gebruiken, anders even googlen op jquery replace text within div.
| 1 | $('#infobox-content').text(data); |
| 1 | $('#infobox-content').innerHTML = data; |
Op zich weet ik hoe ik tekst kan aanpassen $('#div').innerHTML maar dat werkt op een of andere manier niet samen met de styling en als ik de content niet aanpas zie ik een leuke box met 'loading....'
Helaas werkt onderstaand voorbeeld ook nietquote:
[..]
[ code verwijderd ]
werkt totaal niet (geeft ook geen error trouwens)
[ code verwijderd ]
plaatst tekst maar vervangt styling
Op zich weet ik hoe ik tekst kan aanpassen $('#div').innerHTML maar dat werkt op een of andere manier niet samen met de styling en als ik de content niet aanpas zie ik een leuke box met 'loading....'
| 1 | infoWindow.setContent('<div class="infobox-wrapper"><div id="infobox">' + data + '</div></div>'); |
Ja die dov moet een div zijn lol maar die had ik reeds gevonden en aangepast.quote:
[..]
Die </dov> moet </div> zijn, neem ik aan.
[..]
Hoe ziet je css eruit? Ik denk dat re geen styling zit op #infobox maar alleen op de div daarin (#infobox-content). Die verdwijnt, dus gaat de styling ook weg.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | .infobox-wrapper { display:none; } #infobox { border:2px solid black; margin-top: 8px; background:#333; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: .5em 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow:0 -1px #000000; -webkit-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000; } |
dit is mijn stylesheet.
dit is de aanroep van de infoWindow
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | infoWindow = new InfoBox({ content: $("#infobox"), disableAutoPan: false, maxWidth: 150, pixelOffset: new google.maps.Size(-140, 0), zIndex: null, boxStyle: { background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat", opacity: 0.75, width: "280px" }, closeBoxMargin: "12px 4px 2px 2px", closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif", infoBoxClearance: new google.maps.Size(1, 1) }); |
Maar iedere keer als ik op een marker klik verdwijnt de styling en komt de tekst er voor in de plaats..
@Juicyhil: Hoezo kan mod_rewrite veiliger zijn? tenzij je doelt op het parsen van afbeeldingen, dan ben ik het met je eens... die behoor je niet te 'parsen'
Helaas is dat ook geen optie jQuery() is het zelfde als $ en die werkt op zich wel maar vervangt de inhoud van de infoWindow maar dan ook compleet incl styling... en dat is nou niet de bedoeling.quote:
En als je
[ code verwijderd ]
gebruikt in plaats van
[ code verwijderd ]
werkt het dan ook niet?
Iemand een idee?
Just say hi!
Sowieso nooit meer dan 64, daar kun je natuurlijk op letten.quote:
[..]
Ook niet in alle gevallen, fluid geeft weinig controle over het aantal karakters per regel in tekst, iets wat essentieel is om te hebben
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Niemand een idee waarom de styling van infoBox verdwijnt? en hoe ik dit kan voorkomen? nu krijg ik alleen maar de icoon te zien die verwijst naar de lokatie op de map...
Daarbij gebruik ik onderstaande code
Daarbij gebruik ik onderstaande code
| 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 | function createMarker(latlng, name, address, id) { // var html = '<div style="width:275px;"><b>' + name + '</b> <br/>' + address + '</div>'; var marker = new google.maps.Marker ({ map: map, position: latlng }); google.maps.event.addListener(marker, 'click', function() { $.ajax({ url: '/test/ajax?name=' + name + '&id=' + id, success: function(data) { var str = '<div class="infobox-wrapper"><div id="infobox">' + data + '</div></div>'; // alert(str); infoWindow.setContent(str); // verwijderd styling, laat NIETS zien. infoWindow.setContent(data); // verwijderd content laat styling zien. //$('#infobox-content').text(data); // doet zelfde als bovenstaand //$('#infobox-content').innerHTML = data; // same o same. infoWindow.open(map, marker); } }); }); markers.push(marker); } |
Just say hi!
is alleen een beetje lastig met fluid design > procentenquote:
[..]
Sowieso nooit meer dan 64, daar kun je natuurlijk op letten.
“Specialization is for insects”.—Robert Heinlein
Nee at is het probleem niet, zal eens proberen om ook de opmaak via ajax te versturen en kijken of ik dan de stijl kan behouden maar lijkt me sterkquote:
Wat krijg je terug in data? Misschien zitten daar karakters in die de opmaak kapot maken.
Just say hi!
Doorloop je request eens regel voor regel en kijk op welke regel het fout gaat. En wat is de inhoud van data?
2000 light years from home
Na veel pogingen ben ik er achter dat je middels setContent het gehele blok moet vullen met de juiste HTML code. En dat daarmee ook direct de eigenschappen van het blok veranderd worden. Dus voor iedere aanroep van setContent moet ik ook de opmaak van <divs> van de infoBox meenemen. Het is nu duidelijk!
-edit-
Weet iemand ook of het mogelijk is om met https://github.com/jawj/OverlappingMarkerSpiderfier na het aanmaken van alle markers deze alsnog om te zetten? dus ipv het in de code te verweven dit na het aanmaken van alle markers alsnog gedaan kan worden?
-edit 2-
Zoveel vragen.... met map.fitBounds(bounds); zet ik de zoom op het aantal markers, maar stel ik wil maximum zoom van 11? hoe krijg je dan dat deze bounds maximaal zoom 11 krijgt ipv zoom 15?
oplossing edit2:
-edit-
Weet iemand ook of het mogelijk is om met https://github.com/jawj/OverlappingMarkerSpiderfier na het aanmaken van alle markers deze alsnog om te zetten? dus ipv het in de code te verweven dit na het aanmaken van alle markers alsnog gedaan kan worden?
-edit 2-
Zoveel vragen.... met map.fitBounds(bounds); zet ik de zoom op het aantal markers, maar stel ik wil maximum zoom van 11? hoe krijg je dan dat deze bounds maximaal zoom 11 krijgt ipv zoom 15?
oplossing edit2:
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.-edit 3-
En een ander, want nu wordt deze functie automatisch getriggerd als ik map.fitBounds doehoe zorg ik er voor dat wanneer ik map.fitBounds aanroep de zoom functie niet alsnog getriggerd wordt?
1
2
3
4google.maps.event.addListener(map, 'zoom_changed', function()
{
BoundBasedMarkers(map)
});
Als ik nu een adres laad via een zoek functie, wordt map.fitBounds gebruikt om de map goed te positioneren, echter wordt direct daarna binnen de bounds nog een oproep gedaan om de markers te in te lezen, dus dubbel....
opgelost:SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Ik leer het allemaal nog wel
en nu kijken hoe ik die OMS er dynamisch in kan zetten
[ Bericht 26% gewijzigd door Chandler op 25-03-2013 14:19:00 ]Just say hi!
Ik hem OMS nog steeds niet aan het werk maar dat komt spoedig nu even een andere vraag, heb mijn script geoptimaliseerd maar zou graag wat opbouwende punten willen horen, verder snap ik niet waarom de function createlist() geen json data ontvang, deze heb ik toch in het begin als globale variabel ingesteld.
Ik krijg ook geen foutmeldingen of wat dan ook, en in de console zie ik dat de functie createlist wel aangeroepen wordt, iemand een idee?
nu even een andere vraag, heb mijn script geoptimaliseerd maar zou graag wat opbouwende punten willen horen, verder snap ik niet waarom de function createlist() geen json data ontvang, deze heb ik toch in het begin als globale variabel ingesteld.| 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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 | var map, json; // markers = []; var infoWindow; var zoomIgnore = false; function load() { map = new google.maps.Map(document.getElementById("map"), { center: new google.maps.LatLng(40, -100), zoom: 4, maxZoom: 11, mapTypeId: 'roadmap', mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, scrollwheel: false }); // infoWindow = new google.maps.InfoWindow(); infoWindow = new InfoBox({ content: $("#infobox"), disableAutoPan: false, pixelOffset: new google.maps.Size(-140, 0), zIndex: null, boxStyle: { background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat", opacity: 0.75 }, closeBoxMargin: "12px 4px 2px 2px", closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif", infoBoxClearance: new google.maps.Size(1, 1) }); /* functions to enable reload after zooman drag */ google.maps.event.addListener(map, 'dragend', function() { BoundBasedMarkers(map); }); google.maps.event.addListener(map, 'zoom_changed', function() { if (zoomIgnore) { return false; } BoundBasedMarkers(map); }); } function BoundBasedMarkers(map) { var searchUrl = '/test/script?' + 'SW_LAT=' + map.getBounds().getSouthWest().lat() + '&SW_LNG=' + map.getBounds().getSouthWest().lng() + '&NE_LAT=' + map.getBounds().getNorthEast().lat() + '&NE_LNG=' + map.getBounds().getNorthEast().lng(); $.ajax({ url: searchUrl, error: function() { alert('Er is geen data gevonden worden binnen gegeven coordinaten'); }, dataType: "json", success: function (json) { var bounds = new google.maps.LatLngBounds(); for (var i = 0, length = json.length; i < length; i++) { var data = json[i]; var latLng = new google.maps.LatLng(data.lat, data.lng); createMarker(latLng, data.id, data.name); bounds.extend(latLng); } createList(); } }); } function searchLocations() { var address = $("#addressInput").val(); var geocoder = new google.maps.Geocoder(); geocoder.geocode({address: address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { var center = results[0].geometry.location; var radius = $('#radiusSelect').val(); var searchUrl = '/test/script?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius; $.ajax({ url: searchUrl, dataType: "json", error: function() { alert('Er is geen data gevonden worden met opgegeven lokatie'); }, success: function (json) { zoomIgnore = true; var bounds = new google.maps.LatLngBounds(); for (var i = 0, length = json.length; i < length; i++) { var data = json[i]; var latLng = new google.maps.LatLng(data.lat, data.lng); createMarker(latLng, data.id, data.name); bounds.extend(latLng); } map.fitBounds(bounds); zoomIgnore = false; createList(); } }); } else { alert(address + ' not found'); } }); } function createMarker(latlng, id, name) { var marker = new google.maps.Marker({ map: map, position: latlng }); google.maps.event.addListener(marker, 'click', function() { $.ajax({ url: '/test/ajax?name=' + name + '&id=' + id, success: function(data) { infoWindow.setContent('<div class="infobox-wrapper"><div id="infobox" style="display: block;">' + data + '</div></div>'); infoWindow.open(map, marker); map.setCenter(marker.getPosition()); } }); }); // markers.push(marker); } function createList() { console.log('createlist'); if (typeof json !== 'undefined') { for (var i = 0, length = json.length; i < length; i++) { var data = json[i]; $('#list').append('<div id="addresslist"><h2>' + data.name + '</h2><p>' + data.address + '</p></div>'); } } } //]]> |
Ik krijg ook geen foutmeldingen of wat dan ook, en in de console zie ik dat de functie createlist wel aangeroepen wordt, iemand een idee?
Just say hi!
Je moet de jsondata wel meegeven natuurlijk
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik dacht dat doordat ik var json; in het begin van het script heb gezet, deze array overal te benaderen was... maar daar zit ik dus fout mee? hoe kan ik wel zorgen dat deze data overal beschikbaar is?quote:
Je moet de jsondata wel meegeven natuurlijk
Just say hi!
Je definieert hem als lege variabel, waar stop je er data in?quote:
[..]
Ik dacht dat doordat ik var json; in het begin van het script heb gezet, deze array overal te benaderen was... maar daar zit ik dus fout mee? hoe kan ik wel zorgen dat deze data overal beschikbaar is?
Nooit zulke globale variabelen op deze manier gebruiken! Altijd gewoon meegeven aan de methode die er wat mee doet. Anders krijg je gedonderquote:
[..]
Ik dacht dat doordat ik var json; in het begin van het script heb gezet, deze array overal te benaderen was... maar daar zit ik dus fout mee? hoe kan ik wel zorgen dat deze data overal beschikbaar is?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
@KomtTijd; in de functies searchLocations() en BoundBasedMarkers(map) kijk maar eens goed, daar wordt deze functie ook aangeroepen!
@Catch22; je zult ongetwijfeld gelijk hebben hoor, maar map wordt ook op zo'n manier gebruikt en dat werkt wel dus vraag mij af waarom dit dan niet werkt... (wil het fijne er eigenlijk van weten..)
kijk maar eens goed, daar wordt deze functie ook aangeroepen!@Catch22; je zult ongetwijfeld gelijk hebben hoor, maar map wordt ook op zo'n manier gebruikt en dat werkt wel dus vraag mij af waarom dit dan niet werkt... (wil het fijne er eigenlijk van weten..)
Just say hi!
Dat is omdat er 1 maar 1 map object is, die 1x wordt geset. Die JSon wordt met elke call mogelijk aangepast en dan ga je rare dingen krijgen. Ik gebruik zelf eigenlijk nooit globale (window) variabelen in mijn javascript.quote:
@KomtTijd; in de functies searchLocations() en BoundBasedMarkers(map)
@Catch22; je zult ongetwijfeld gelijk hebben hoor, maar map wordt ook op zo'n manier gebruikt en dat werkt wel dus vraag mij af waarom dit dan niet werkt... (wil het fijne er eigenlijk van weten..)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
In Javascript kunnen globale en lokale variabelen dezelfde naam hebben. Het is niet zo dat je de globale variabele "json" bijwerkt op het moment dat je een lokale variabele vult met dezelfde naam.quote:
@KomtTijd; in de functies searchLocations() en BoundBasedMarkers(map)
In jouw code blijft de variabele "json" die je bovenin definieert altijd leeg omdat je 'm nergens een waarde toewijst.
dus ook in de $.ajax functie niet? daar geef ik toch de parameter json mee?
| 1 | function (json) |
Just say hi!
Het is sowieso een goed idee om een object voor je functionaliteit te maken en die de benodigde properties en methods te geven in plaats van een losse lijst met variabelen en functies.
Nee, de ajax-functie geeft de data die terugkomt van de server mee in een variabele die json heet. Dit heeft niets te maken met de globale variabele in jouw code die ook json heet.quote:
dus ook in de $.ajax functie niet? daar geef ik toch de parameter json mee?
[ code verwijderd ]
Nee.quote:
dus ook in de $.ajax functie niet? daar geef ik toch de parameter json mee?
[ code verwijderd ]
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.
Dan zal ik mij daar ook maar aan houden, wil eigenlijk bovenstaande functies zo gaan maken dat ze op welke map dan maar ook te gebruiken zijn... heb nog een hoop te doen!quote:
Dat is omdat er 1 maar 1 map object is, die 1x wordt geset. Die JSon wordt met elke call mogelijk aangepast en dan ga je rare dingen krijgen. Ik gebruik zelf eigenlijk nooit globale (window) variabelen in mijn javascript.
En waarom niet? please tell mequote:
Duidelijk!quote:
Nee, de ajax-functie geeft de data die terugkomt van de server mee in een variabele die json heet. Dit heeft niets te maken met de globale variabele in jouw code die ook json heet.
Gelijk weer een andere vraag, stel ik wil in mijn createlist functie (die ik nu aanroep met createlist(json)) ook een link toevoegen en wanneer mensen op deze link klikken, dat de map dan centreert naar de 'marker' en eventueel de infowindow opent.. hoe doe je dat? ben al wezen zoeken maar kan er niet zoveel over vinden...
Just say hi!
http://yuiblog.com/crockford/quote:
(wil het fijne er eigenlijk van weten..)
Wat Tijn zegt. En dan nog zou het niet werken omdat de functie aanroep niet wacht op de json response. Die moet je op zijn minst verplaatsen naar de success function.
Staat al in de success functionquote:
Wat Tijn zegt. En dan nog zou het niet werken omdat de functie aanroep niet wacht op de json response. Die moet je op zijn minst verplaatsen naar de success function.
Just say hi!
Haha... mobiele fok is een stuk minder snel (met typen..)quote:
oh jullie waren al wat verder. zit op mobiel
Just say hi!
...of 137 regels code doorspitten, tor that matter...quote:
[..]
Haha... mobiele fok is een stuk minder snel (met typen..)
Haha dat ook ja!quote:
[..]
...of 137 regels code doorspitten, tor that matter...
al is dat een stuk gemakkelijker dan typen (mijn mening)
Just say hi!
Zo simpel.quote:
Ik dacht dat die loop oneindig bleef doorlopen en dat jQuery geen animaties kan toepassen op classes die aangemaakt worden door jQuery zelf. 
Bedankt weer.
http://jsfiddle.net/87A3u/10/
Zijn de meeste van jullie werkzaam in de ICT-branche of zijn jullie, net als ik, gewoon hobbyisten? Ik ben nu ongeveer een half jaar geleden begonnen met het leren van programmeren en het bouwen van websites en ik begin het steeds leuker te vinden. Vooral omdat ik nu de basis van zowel HTML, JS, PHP en CSS snap en ik daarmee al behoorlijk wel leuke dingen kan maken.
Zo voelt het soms wel ja.quote:
Deze site: http://css-tricks.com/ heeft me wel vaak uit de brand geholpen.
Begonnen op mijn 13/14e als hobbyist en doe nu een Informatica opleiding en werk voor een groothandel in mobiele telefonie.quote:
Zijn de meeste van jullie werkzaam in de ICT-branche of zijn jullie, net als ik, gewoon hobbyisten? Ik ben nu ongeveer een half jaar geleden begonnen met het leren van programmeren en het bouwen van websites en ik begin het steeds leuker te vinden. Vooral omdat ik nu de basis van zowel HTML, JS, PHP en CSS snap en ik daarmee al behoorlijk wel leuke dingen kan maken.
Maar even ontopic; Heeft iemand hier ervaring met AngularJS? Ik wil deze namelijk laten luisteren naar een NodeJS backendend en data constant laten refreshen wanneer het in de db veranderd.
Is Angular daar geschikt voor?
Ik heb geen ervaring met NodeJS, maar sinds een aantal weken wel enige ervaring met AngularJS. Ik vind het erg geschikt voor MVC. En het werkt ook erg fijn vanwege de mogelijkheid om modulair te ontwikkelen. Ik gebruik het samen met RequireJS om modules on-demand te laden. Dat gezegd hebbende, weet ik niet of het in AngularJS mogelijk is om een verbinding met een database op te zetten. Je kunt natuurlijk altijd pollen of een implementatie van WebSocket gebruiken om je model te verwittigen.quote:
[..]
Heeft iemand hier ervaring met AngularJS? Ik wil deze namelijk laten luisteren naar een NodeJS backendend en data constant laten refreshen wanneer het in de db veranderd.
Is Angular daar geschikt voor?
Programmeren is mijn beroep (all-round). Ik verdien dus geld met mijn hobbyquote:
Zijn de meeste van jullie werkzaam in de ICT-branche of zijn jullie, net als ik, gewoon hobbyisten?
.
Ik zou met Node gewoon een rest-api kunnen opzetten natuurlijk, waar AngularJS vervolgens de data van ophaalt/stuurt? Maar AngularJS heeft dus wel een mogelijkheid om constant te pollen naar een server bijv?quote:
[..]
Ik heb geen ervaring met NodeJS, maar sinds een aantal weken wel enige ervaring met AngularJS. Ik vind het erg geschikt voor MVC. En het werkt ook erg fijn vanwege de mogelijkheid om modulair te ontwikkelen. Ik gebruik het samen met RequireJS om modules on-demand te laden. Dat gezegd hebbende, weet ik niet of het in AngularJS mogelijk is om een verbinding met een database op te zetten. Je kunt natuurlijk altijd pollen of een implementatie van WebSocket gebruiken om je model te verwittigen.
[..]
Programmeren is mijn beroep (all-round). Ik verdien dus geld met mijn hobby
Ik weet niet of dit onderdeel van de API is (werken met REST sowieso wel), maar je kunt altijd pollen. Je moet alleen zelf even zoeken op pollen in AngularJS, want dat heb ik nog niet gebruikt.quote:
[..]
Ik zou met Node gewoon een rest-api kunnen opzetten natuurlijk, waar AngularJS vervolgens de data van ophaalt/stuurt? Maar AngularJS heeft dus wel een mogelijkheid om constant te pollen naar een server bijv?
Dit zou misschien kunnen helpen.
Can Angular.js auto-update a view if a persistent model (server database) is changed by an external app?
Ik ben 15 jaar geleden begonnen als hobbyist, maar sinds een jaar of 3 is het maken van websites en -applicaties m'n beroep.quote:
Zijn de meeste van jullie werkzaam in de ICT-branche of zijn jullie, net als ik, gewoon hobbyisten? Ik ben nu ongeveer een half jaar geleden begonnen met het leren van programmeren en het bouwen van websites en ik begin het steeds leuker te vinden. Vooral omdat ik nu de basis van zowel HTML, JS, PHP en CSS snap en ik daarmee al behoorlijk wel leuke dingen kan maken.
Ik ben ooit begonnen als 'manusje-van-alles' (design, io, SEO, front-end). Sinds een jaar of 4, 5 focus ik me steeds meer alleen op front-end, waarbij ik de laatse 2 jaar ook Front End Developer als m'n functieomschrijving heb. Werk met name aan grotere projecten, waarbij de nadruk op Javascript steeds groter wordt.
Bleuh.
Ik ben 3,5 jaar back en frontenddev geweest, nu alweer twee jaar frontenddev en interaction designer sinds een jaar.
Daarnaast doe ik wat projectmanagement intern en bewaak ik altijd de usability
Daarnaast doe ik wat projectmanagement intern en bewaak ik altijd de usability
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Allemaal professionals dus. Het is dat ik al een studierichting heb gekozen wat niets met ICT te maken heeft, anders had ik waarschijnlijk ook die kant op gegaan. Ach, misschien valt er nog het een en ander te combineren straks.
Het is dat ik al een studierichting heb gekozen wat niets met ICT te maken heeft, anders had ik waarschijnlijk ook die kant op gegaan. Ach, misschien valt er nog het een en ander te combineren straks.
Voordat ik me 3 jaar geleden full-time op webdevelopment heb gestort heb ik diverse baantjes bij diverse bedrijven gehad en altijd en overal waar ik zat, welke functie ik ook bekleedde, ik kon altijd wel een website voor het een of ander maken
Je moet ook nooit zeggen dat je dat kan tenzij dat daadwerkelijk je baan isquote:
Voordat ik me 3 jaar geleden full-time op webdevelopment heb gestort heb ik diverse baantjes bij diverse bedrijven gehad en altijd en overal waar ik zat, welke functie ik ook bekleedde, ik kon altijd wel een website voor het een of ander maken
Ik vond het juist altijd wel leuk, hoor. Ook tijdens m'n studie heb ik trouwens diverse websites gemaakt. Ik heb er onwijs veel van geleerd voordat ik het "voor het echie" ging doen.quote:
[..]
Je moet ook nooit zeggen dat je dat kan tenzij dat daadwerkelijk je baan is
Ik koos sowieso altijd al vrijwel altijd een web-achtige oplossing als het maar even kan. Mensen hebben me we wel eens vreemd aangekeken als ik een document als HTML-file naar ze stuurden of een presentatie gaf met een browser, maar imho werkt dat een stuk beter dan Office-achtige software.
quote:
Ik ben 3,5 jaar back en frontenddev geweest, nu alweer twee jaar frontenddev en interaction designer sinds een jaar.
Daarnaast doe ik wat projectmanagement intern en bewaak ik altijd de usability
Jij bent dus de kerel die altijd naar mensen toegaat om te vertellen dat ze er een pixel naast zitten?
Ach ik zie, tenminste eigen ervaring bekeken dat veel bedrijven het belangrijker vinden wat je doet en wat het niveau is dan een papiertje die zegt 'webontwikkelaar (of wat dan ook)'. Het papiertje is daarnaast natuurlijk wel een bewijs voor bijvoorbeeld HBO denkniveau e.d.quote:
Allemaal professionals dus.
Dus als je goed bent in wat je doet dan kun je zonder papiertje ook wel aan werk komen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Enige reden waarom ik nu hbo doe is voor dat papiertje ja, heb nu toevallig ook een semester dat over web gaat. Cijfers tot nu toe: 9.8, 9, 8.1, 9.6.quote:
[..]
Ach ik zie, tenminste eigen ervaring bekeken dat veel bedrijven het belangrijker vinden wat je doet en wat het niveau is dan een papiertje die zegt 'webontwikkelaar (of wat dan ook)'. Het papiertje is daarnaast natuurlijk wel een bewijs voor bijvoorbeeld HBO denkniveau e.d.
Dus als je goed bent in wat je doet dan kun je zonder papiertje ook wel aan werk komen.
En dat is dus niet omdat ik het daar op school heb geleerd, maar omdat ik het zelf leuk vind om te doen en niet te beroerd ben om dingen uit te zoeken.
Was ook liever al aan het werk geweest, maar een hbo papiertje doet ook je loon geen kwaad natuurlijk.
Maar dit verandert een beetje in een slowchat zo.
Ik werk nu 7 jaar als front-end (en in mindere mate backend) developer. Ben doorgegroeid naar lead developer nu, stuur 2 anderen aan, doe architectuur en functioneel ontwerp en wat project management.quote:
Zijn de meeste van jullie werkzaam in de ICT-branche of zijn jullie, net als ik, gewoon hobbyisten? Ik ben nu ongeveer een half jaar geleden begonnen met het leren van programmeren en het bouwen van websites en ik begin het steeds leuker te vinden. Vooral omdat ik nu de basis van zowel HTML, JS, PHP en CSS snap en ik daarmee al behoorlijk wel leuke dingen kan maken.
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.
is er iemand die iets wil checken, maar dan via DM of PM? wil het namelijk niet laten indexeren
Betreft Google Maps v3 icm AJAX, dus iemand met kennis daarvan zou geweldig zijn!
Betreft Google Maps v3 icm AJAX, dus iemand met kennis daarvan zou geweldig zijn!
Just say hi!
Hoe zorg ik ervoor dat een lege td breedte krijgt in outlook? Ik krijg het overal voor elkaar behalve in outlook 2007 en 2013. Het lijkt erop alsof die helemaal niks doet met styles op lege td's. Heb er ook al geprobeerd een spatie met in te zetten en dan er een style overheen te gooien..
[ Bericht 32% gewijzigd door Crimyclown op 01-04-2013 01:31:02 ]
[ Bericht 32% gewijzigd door Crimyclown op 01-04-2013 01:31:02 ]
Anonieme tievesclown
Werkt ook niet. De cel krijgt de breedte van die spacie (natuurlijk). Maar kan er nog geen style aan hangen.
Anonieme tievesclown
Outlook gebruikt een antieke renderengine. Doe alsof het 1997 is, is mijn advies.quote:Op maandag 1 april 2013 01:21 schreef Crimyclown het volgende:
Hoe zorg ik ervoor dat een lege td breedte krijgt in outlook? Ik krijg het overal voor elkaar behalve in outlook 2007 en 2013. Het lijkt erop alsof die helemaal niks doet met styles op lege td's. Heb er ook al geprobeerd een spatie met in te zetten en dan er een style overheen te gooien..
2000 light years from home
Vertel dat maar eens aan de Chinese spiders.quote:
Een pagina niet laten indexeren regel je met jr robots.txt, niet door het adres geheim te houden.
Even een vraag over AngularJS.
Ik heb de volgende route:
Wanneer ik dus vanaf de homepage op een link klik die verwijst naar http://localhost/car/2, dan laad hij netjes de showpartial en vult deze met de correcte data.
Boven in de adresbalk verandert de url dan ook naar /car/2, maar wanneer ik dan op F5 druk dan krijg ik gewoon een routing error van mijn server, wat ook klopt natuurlijk.
Op welke manier kan ik dit het beste oplossen? Zodat je ook gewoon kan refreshen.
Ik heb de volgende route:
Wanneer ik dus vanaf de homepage op een link klik die verwijst naar http://localhost/car/2, dan laad hij netjes de showpartial en vult deze met de correcte data.
Boven in de adresbalk verandert de url dan ook naar /car/2, maar wanneer ik dan op F5 druk dan krijg ik gewoon een routing error van mijn server, wat ook klopt natuurlijk.
Op welke manier kan ik dit het beste oplossen? Zodat je ook gewoon kan refreshen.
Ow wacht, ik ben heel stom bezig en heb zelf het antwoord al gegeven; er wordt natuurlijk niks ingeladen dan duh.
Een drama is dat ja, een mailtemplate maken.quote:
[..]
Outlook gebruikt een antieke renderengine. Doe alsof het 1997 is, is mijn advies.
Ik pak dan meestal gewoon een template van het web en pas die aan.
Mailtemplates zijn wel te doen als je de regels in acht neemt
Alleen inline styles, markup in tabellen, geen achtergronden etc
Alleen inline styles, markup in tabellen, geen achtergronden etc
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
quote:twitter:syn twitterde op dinsdag 02-04-2013 om 13:04:47 This is the most elegant Bootstrap theme that I have ever seen. http://t.co/vcQdGkBDUM reageer retweet
This is the most elegant Bootstrap theme that I have ever seen.
Experts
Even een simpele vraag van een nitwit:
Een kennis van mij stelde dat java en flash echt iets van het verleden zijn voor bouwers van websites, is dat zo? En zo ja: wat is er dan wel eigentijds en modern?
Even een simpele vraag van een nitwit:
Een kennis van mij stelde dat java en flash echt iets van het verleden zijn voor bouwers van websites, is dat zo? En zo ja: wat is er dan wel eigentijds en modern?
html5 en css3 met javascript.quote:
Een kennis van mij stelde dat java en flash echt iets van het verleden zijn voor bouwers van websites, is dat zo? En zo ja: wat is er dan wel eigentijds en modern?
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
java en flash zijn nooit hip geweest voor het bouwen van websites. Ja er was even een periode dat sommige mensen vonden dat het een goed idee was om websites in flash te maken, maar daar is nooit iemand gelukkig van geworden.
De laatste keer dat ik Java op een website heb gezien kan ik me niet eens herinneren. Ik surf al jaren zonder Java plugin en ik heb niet het idee dat ik iets mis.
Ik kan me ook niet herinneren dat het ooit echt veel gebruikt is voor websites. Voor zover ik weet is het alleen gebruikt voor gimmicky features of als launcher van iets dat niks met het web te maken heeft.
Ik kan me ook niet herinneren dat het ooit echt veel gebruikt is voor websites. Voor zover ik weet is het alleen gebruikt voor gimmicky features of als launcher van iets dat niks met het web te maken heeft.
Niet zomaar sommige mensen... het was een tijd heel populair en zelfs sites van grote merken zoals die van Lamborghini werden toen compleet in flash gemaakt.quote:
java en flash zijn nooit hip geweest voor het bouwen van websites. Ja er was even een periode dat sommige mensen vonden dat het een goed idee was om websites in flash te maken, maar daar is nooit iemand gelukkig van geworden.
Gelukkig werd het toen ook al helemaal afgekraakt omdat zoekmachines er niks mee konden.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
Maar dat waren over het algemeen wel marketing-achtige sites die sowieso geen echte informatie bevatte.quote:
[..]
Niet zomaar sommige mensen... het was een tijd heel populair en zelfs sites van grote merken zoals die van Lamborghini werden toen compleet in flash gemaakt.
Gelukkig werd het toen ook al helemaal afgekraakt omdat zoekmachines er niks mee konden.
ja van die design websites die alleen maar bestonden omdat merk x nou eenmaal een website moest hebben en manager y overtuigd moest worden met eye-candy.quote:
[..]
Maar dat waren over het algemeen wel marketing-achtige sites die sowieso geen echte informatie bevatte.
Flash wordt nog wel gebruikt voor games en advertising, maar het is tegenwoordig vooral html, css en javascript. Als je interesse hebt in 3D, zou je je ook kunnen verdiepen in webGL wat ook door steeds meer browsers ondersteunt wordt.quote:
Experts
Even een simpele vraag van een nitwit:
Een kennis van mij stelde dat java en flash echt iets van het verleden zijn voor bouwers van websites, is dat zo? En zo ja: wat is er dan wel eigentijds en modern?
...dat is het al sinds mensenheugenis hoor.quote:
[..]
maar het is tegenwoordig vooral html, css en javascript.
Ik ben begonnen met HTML toen CSS nog niet bestondquote:
[..]
...dat is het al sinds mensenheugenis hoor.
Nice. Volgens mij was CSS er al wel toen ik begon maar of ik het toen al goed wist toe te passen kan ik me niet herinneren, toen was ik 11.quote:
[..]
Ik ben begonnen met HTML toen CSS nog niet bestond
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik had het bewust over "mensenheugenis" en niet over "dinosaurusheugenis"quote:
[..]
Ik ben begonnen met HTML toen CSS nog niet bestond
Je hebt gelijk, maar tot een jaar of 2 geleden waren er ook genoeg Flash websites te vinden. Het internet bestaat uit meer dan alleen data-driven websites...quote:
[..]
...dat is het al sinds mensenheugenis hoor.
Ze waren er wel, maar vindbaar waren ze niet hoor!quote:
[..]
Je hebt gelijk, maar tot een jaar of 2 geleden waren er ook genoeg Flash websites te vinden. Het internet bestaat uit meer dan alleen data-driven websites...
Nou, sinds de komst van smartphones (en later tablets) is Flash hard de nek omgedraaid, hoor. Twee jaar geleden was het ook al behoorlijk achterhaald om een complete website op basis van Flash te bouwen.quote:
[..]
Je hebt gelijk, maar tot een jaar of 2 geleden waren er ook genoeg Flash websites te vinden. Het internet bestaat uit meer dan alleen data-driven websites...
Ik weet alleen dat ik tot ongeveer die tijd nog als Flash developer werkzaam was en over de hoeveelheid werk niet te klagen hadquote:
[..]
Nou, sinds de komst van smartphones (en later tablets) is Flash hard de nek omgedraaid, hoor. Twee jaar geleden was het ook al behoorlijk achterhaald om een complete website op basis van Flash te bouwen.
Chrome stapt over op Blink, een op Webkit gebaseerde rendering engine. Goede zaak dat ze deze beslissing hebben genomen als ze in innovatie opgehouden worden door de beperkingen van Webkit.
http://blog.chromium.org/(...)ne-for-chromium.html
Developer FAQ
http://blog.chromium.org/(...)ne-for-chromium.html
Developer FAQ
Blink is een fork van Webkit toch?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
die sterft uit (dat doet hij al) en blink gaat prefixloos verderquote:
Ik ben benieuwd wat er met de -webkit- prefix gebeurt.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Oh shit, die heet al Servoquote:
Wie doet er mee aan een gecko-fork? We noemen hem marquee.
http://tweakers.net/nieuw(...)e-browserengine.html
Iemand een idee waarom http://tinyurl.com/cprol73 in chrome & IE vast loopt? op mijn lokale server doet dit het namelijk zeer goed zonder vast lopen maar sinds ik de test online heb gezet gaat er iets goed fout?!
Just say hi!
Omdat je er een zooitje van hebt gemaakt?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Firefox kan er ook geen kaas van maken hoor.
Zodra je ook maar iets doet in die kaart gaat hij eindeloos veel requests doen naar /test/script en doet niets het meer.
Zodra je ook maar iets doet in die kaart gaat hij eindeloos veel requests doen naar /test/script en doet niets het meer.
Iemand die hier een oplossing voor weet? ik wil via ajax een externe URL aanroepen en daarvan de tekst terug ontvangen en dat doe ik dan zo
error:
Hoe los ik dit op?
| 1 2 3 4 5 6 7 8 9 10 11 | $(function() { var url ="http://lxxx.n/api.php?url=" + escape($(location).attr('href')); $.ajax({ url: url, dataType: "text", success: function (html) { $('#xxxnl').val(html); }, error: function(html) { $('#xxxnl').val('error loading address'); }, }); }); |
error:
| 1 | XMLHttpRequest cannot load http://xxx.nl/api.php?url=http%3A//www.bruggema.nl/testpagina.html. Origin http://www.bruggema.nl is not allowed by Access-Control-Allow-Origin |
Hoe los ik dit op?
Just say hi!
encodeURI() ?quote:
Iemand die hier een oplossing voor weet? ik wil via ajax een externe URL aanroepen en daarvan de tekst terug ontvangen en dat doe ik dan zo
[ code verwijderd ]
error:
[ code verwijderd ]
Hoe los ik dit op?
Google eens op cors
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Top, gedaan maar op een of andere manier wil het niet werken? ik heb het werkende voorbeeld overgenomen, zie deze code http://jsfiddle.net/4sK2M/quote:
op een paar extra { en }'s na heb ik niets aangepast en zou het dus moeten werken... maar helaas... kan een functie opeens niet laden?!
| 1 | callOtherDomain is not defined? |
Just say hi!
Lijm die onclick eens in op in je js
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik snap je niet? wat bedoel je precies?
-edit-
Het is mij duidelijk dat het niet gaat werken, rare is dat het met PHP wel lukt maar met javascript weer niet. Dan maar een extra php scriptje op de server om de externe request te doen en gebruik ik JS wel om de 'interne' request te doen...
-edit-
Het is mij duidelijk dat het niet gaat werken, rare is dat het met PHP wel lukt
maar met javascript weer niet. Dan maar een extra php scriptje op de server om de externe request te doen en gebruik ik JS wel om de 'interne' request te doen...
Just say hi!
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |