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?
Klopt. TR Gemacht.quote:
Op
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 zorg gewoon voor no-cache headers bij JSON requests.quote:Op woensdag 11 september 2013 15:34 schreef Catch22- het volgende:
ik pleur er vrijwel _altijd_ een anti-cache parameter bij in
JSON en jQuery zijn toch wel de moeite waard hoor. Zou je script er (enigszins vereenvoudigd) ongeveer zo uitzien:quote:Op woensdag 11 september 2013 15:09 schreef Skunk-m het volgende:
weet niet hoe dat werkt dat JSON.. en jquery dan snap ik er helemaal niks meer van.
| 1 2 3 4 5 6 7 | function newmess(){ $.getJSON("shout/getshouts.php",{'id': id}, function(data){ $("#hoelang").html(data.hoelang); $("#shout").prepend(data.shout); setTimeout(newmess,1000); }); } |
do as I say, not as I do.quote:
Ik vertrouw die headers niet
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 zit hier de hele tijd te kloten omdat ik denk twerkt nog niet met random meuk in die string..
Ie heeft een belachelijke omweg nog schijnbaar.. omdat IE weigert die zooi opnieuw te laden ofzo
nu heb ik dit ervan moeten maken.
shout.innerHTML = r[1] + shout.innerHTML;
newS = shout.cloneNode( true ) // Deep copy
shout.parentNode.replaceChild( newS, shout )
Ie heeft een belachelijke omweg nog schijnbaar.. omdat IE weigert die zooi opnieuw te laden ofzo
nu heb ik dit ervan moeten maken.
shout.innerHTML = r[1] + shout.innerHTML;
newS = shout.cloneNode( true ) // Deep copy
shout.parentNode.replaceChild( newS, shout )
Ik snap je punt. Hoe zou jij dit probleem tackelen? Of zou je het probleem helemaal omzeilen?quote:Op woensdag 11 september 2013 10:51 schreef Tijn het volgende:
[..]
Het levert geen robuust programma op. Je moet code schrijven die je kunt vertrouwen. Als je je variabelen niet onder controle hebt, wordt het ontzettend complex om het overzicht te houden naarmate je programma groeit.
Ik begrijp niet helemaal waarom je überhaupt het probleem hebt dat die functie "te vaak" wordt aangeroepen. Waarom zou dat gebeuren?quote:
[..]
Ik snap je punt. Hoe zou jij dit probleem tackelen? Of zou je het probleem helemaal omzeilen?
Het gaat om een aantal inputs die als filter voor een tabel fungeren. Die tabel wordt bij elke jQuery.change() geüpdatet door middel van AJAX. Ik probeer de requests een soort van te pipelinen, zodat de server niet continu wordt bestookt met requests wanneer het niet nodig is.quote:
[..]
Ik begrijp niet helemaal waarom je überhaupt het probleem hebt dat die functie "te vaak" wordt aangeroepen. Waarom zou dat gebeuren?
Een soort dynamische filters op tabellen ?quote:
[..]
Het gaat om een aantal inputs die als filter voor een tabel fungeren. Die tabel wordt bij elke jQuery.change() geüpdatet door middel van AJAX. Ik probeer de requests een soort van te pipelinen, zodat de server niet continu wordt bestookt met requests wanneer het niet nodig 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.
Exact.quote:Op woensdag 11 september 2013 20:03 schreef Scorpie het volgende:
[..]
Een soort dynamische filters op tabellen ?
Set dan een delay op je invoervelden, dat er na een change 300 of 500 ms gewacht wordt voordat de functie afgaat.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 heb het eerst op die manier gedaan, maar ik vond de filters niet snel genoeg aanvoelen. De tabel wordt ook niet geüpdatet bij keyup maar bij change, dus ofwel de enter moet indrukt worden of er moet buiten het veld geklikt worden. Zo'n delay heb ik wel toegepast op een naam filter die bij elke keyup een request stuurt.quote:
[..]
Set dan een delay op je invoervelden, dat er na een change 300 of 500 ms gewacht wordt voordat de functie afgaat.
Zolang er geen performance-problemen zijn, zou ik me er niet zo druk over maken.quote:
[..]
Het gaat om een aantal inputs die als filter voor een tabel fungeren. Die tabel wordt bij elke jQuery.change() geüpdatet door middel van AJAX. Ik probeer de requests een soort van te pipelinen, zodat de server niet continu wordt bestookt met requests wanneer het niet nodig is.
Dan heb ik nog een vraag voor je: in die functie wordt een andere functie van een plugin (dataTables) aangeroepen. Stel ik noem mijn table: oTable1, dan refresh ik m'n tabel met: oTable1.fnDraw(). Stel ik verander m'n tabelnaam, dan moet ik overal die functie anders aanroepen. Wat is daar een goede oplossing voor? Gewoon de functie in een andere functie stoppen?quote:
[..]
Zolang er geen performance-problemen zijn, zou ik me er niet zo druk over maken.
Uhm, het is een jQuery element(?) opgeslagen in een variabele. Zoiets als:quote:
Op | 1 | var oTable1 = $('#id').dataTables(); |
Daar ga je gewoon mee om zoals elke variabele toch? Als je een andere variabele van naam verandert, moet je ook overal in je code waar deze variabele wordt gebruikt de naam veranderen.
Ik snap de vraag niet echt
Ik snap de vraag niet echt
Oké, dus jij "zegt": "Sloop die timeout van de functie eruit en roep de refresh gewoon op de traditionele manier aan: oTable.fnDraw();". Toch?quote:
Daar ga je gewoon mee om zoals elke variabele toch? Als je een andere variabele van naam verandert, moet je ook overal in je code waar deze variabele wordt gebruikt de naam veranderen.
Ik snap de vraag niet echt
Eigenlijk heb ik me het dus veel te ingewikkeld gemaakt. De site draaide voorheen op ronduit belabberde shared host. Nu draait 'ie op een VPS, dus ik denk dat ik maar terug moet gaan naar basic, want de server kan dit wel aan denk ik.
Ik hoop dat je beter begrijpt wat je aan het doen bent dan ik...
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 klinkt nogal verontrustend.quote:
Ik hoop dat je beter begrijpt wat je aan het doen bent dan ik...
Moet ik me zorgen gaan maken? 
Gooi je code eens op jsfiddle, volgens mij maak je alles veel te moeilijkquote:
[..]
Dit klinkt nogal verontrustend.
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?
