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
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.
[ Bericht 95% gewijzigd door Bart op 08-11-2011 14:31:11 ]
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
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.
[ Bericht 95% gewijzigd door Bart op 08-11-2011 14:31:11 ]
En mijn vraag is:
pi_102173146
Ik heb een tabel met producten, en een tabel met verkocht.
Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-
Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011
Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?
Dus ongeveer dit:
Product A | 3x
Product B | 2x
Product C | 1x
Hoe doe ik dit ook alweer met SQL?
pi_102173146
Ik heb een tabel met producten, en een tabel met verkocht.
Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-
Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011
Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?
Dus ongeveer dit:
Product A | 3x
Product B | 2x
Product C | 1x
Hoe doe ik dit ook alweer met SQL?
idd.quote:Op dinsdag 20 september 2011 10:59 schreef GI het volgende:
Ik zou het niet in een html/css/js topic vragen om mee te beginnen.
Hier zou ik het proberen
Gewoon laten zien hoe vaak je in verkocht elk ID tegenkomt en dit met een JOIN koppelen aan de naam van je product.quote:Op dinsdag 20 september 2011 10:58 schreef wobbel het volgende:
En mijn vraag is:
pi_102173146
Ik heb een tabel met producten, en een tabel met verkocht.
Tabel "producten"
1 | Product A | 25,-
2 | Product B | 100,-
3 | Product C | 33,-
Tabel "verkocht"
1 | 25-8-2011
1 | 26-8-2011
1 | 27-8-2011
2 | 27-8-2011
2 | 28-8-2011
3 | 25-8-2011
Hoe krijg ik nu een overzicht hoeveel producten er verkocht zijn van elk?
Dus ongeveer dit:
Product A | 3x
Product B | 2x
Product C | 1x
Hoe doe ik dit ook alweer met SQL?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Gvd weer verkeerde topicquote:
Ik zou het niet in een html/css/js topic vragen om mee te beginnen.
Dit is echt de 6e keer al ofzo
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>
maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar
komt door de class?
EDIT...DIV is natuurlijkt SPAN
ziet er beter uit
is hier een mooiere oplossing voor? ik wil de letters random een kleur geven
[ Bericht 4% gewijzigd door MrNiles op 04-10-2011 14:44:39 ]
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>
maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar
komt door de class?
EDIT...DIV is natuurlijkt SPAN
ziet er beter uit
is hier een mooiere oplossing voor? ik wil de letters random een kleur geven
[ Bericht 4% gewijzigd door MrNiles op 04-10-2011 14:44:39 ]
Ik denk dat dat met Javascript heel goed kan.. Zo puur met CSS zal lastig worden denk ik.quote:
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>
maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar
komt door de class?
EDIT...DIV is natuurlijkt SPAN
ziet er beter uit
is hier een mooiere oplossing voor? ik wil de letters random een kleur geven
Span zet toch al alles achter elkaar? Bij DIV zou ik float:left; in de css zetten.quote:
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>
maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar
komt door de class?
EDIT...DIV is natuurlijkt SPAN
ziet er beter uit
is hier een mooiere oplossing voor? ik wil de letters random een kleur geven
Verder inderdaad met javascript.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
helemaal NUL verstand van javascriptquote:Op dinsdag 4 oktober 2011 14:46 schreef Treces het volgende:
[..]
Ik denk dat dat met Javascript heel goed kan.. Zo puur met CSS zal lastig worden denk ik.
ach..het is maar voor een menutje..beetje flauwekul..ziet er zo wel leuk uit
probeer nu die kleurtjes te laten verschijnen/verdwijnen met js
<script type="text/javascript">
function changeStyle(url) {
document.getElementById('stylesheet').href = url;
}
</script>
en dat dit bij mijn tekst
<a href="#" onclick="changeStyle('goingloco.css');
Wat ik eigenlijk wil is schakelen tussen 2 css.
Heb een kop van 2 woorden
xxxxx - yyyyy
pagina opmaak is standaard met witte tekst
maar door te klikken op yyyyy wil ik een ander css laden die dan iets met de span doet
kan dat zo?
was misschien niet heel duidelijk maar ik had al een EDIT bij gezet..dat ik de div had vervangen door spanquote:
[..]
Span zet toch al alles achter elkaar? Bij DIV zou ik float:left; in de css zetten.
Verder inderdaad met javascript.
Dat zal komen doordat een DIV default een 'display: block;' heeft, wat betekent dat dit als een block-level-element weergegeven wordt...quote:
css vraagje
ik wil in een koptitel elke letter een andere kleur geven
heb ik zo opgelost
<div class="rood">x</div><div class="oranje">x</div><div class="geel">x</div><div class="groen">x</div><div class="magenta">x</div><div class="blauw">x</div><div class="paars">x</div><div class="oranje">x</div><div class="rood">x</div></a>
maar nu komt de tekst op het scherm onder elkaar ipv achter elkaar
komt door de class?
wil je bv verschillende elementen in een text-flow weergeven moeten die elementen een 'display: inline; óf 'display: inline-block' hebben (de laatste , inline-block is door oudere explorer-versies niet goed ondersteund).
Een SPAN element hééft al standaard display: inline dus dan zou het niet kunenn dat die daardoor opeens onder elkaar komen, maar misschien heb je wel vééls teveel style-definities in je Class ge-copy-pasted? ... post dan gewoon eens de complete code, inculsief CSS?
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
Het gaat hem uiteindelijk om random kleuren.. Dat wordt dus js.quote:Op dinsdag 4 oktober 2011 14:58 schreef RM-rf het volgende:
[..]
Dat zal komen doordat een DIV default een 'display: block;' heeft, wat betekent dat dit als een block-level-element weergegeven wordt...
wil je bv verschillende elementen in een text-flow weergeven moeten die elementen een 'display: inline; óf 'display: inline-block' hebben (de laatste , inline-block is door oudere explorer-versies niet goed ondersteund).
Een SPAN element hééft al standaard display: inline dus dan zou het niet kunenn dat die daardoor opeens onder elkaar komen, maar misschien heb je wel vééls teveel style-definities in je Class ge-copy-pasted? ... post dan gewoon eens de complete code, inculsief CSS?
Maar heel eerlijk gezegd, vraag je eens af of je dat wil. Een bonte kermis aan kleuren ziet er niet uit op een website.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
het is alleen voor de menu namen die ik van kleur laat veranderen + 1 imgquote:
[..]
Het gaat hem uiteindelijk om random kleuren.. Dat wordt dus js.
Maar heel eerlijk gezegd, vraag je eens af of je dat wil. Een bonte kermis aan kleuren ziet er niet uit op een website.
heb nu 1 koptitel in de random kleur en dat is niet storend..maar ik zou het graag willen schakelen/on click maar hoe werkt dat dan?
Opgelost.
[ Bericht 98% gewijzigd door Afwazig op 06-10-2011 15:04:56 ]
[ Bericht 98% gewijzigd door Afwazig op 06-10-2011 15:04:56 ]
Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Zoiets al geprobeerd?quote:Op donderdag 6 oktober 2011 14:33 schreef Afwazig het volgende:
Ok dan toch maar hier vragen... ik kom er echt niet uit.
Voor het eerst een beetje met Wordpress aan het experimenteren. Heb nu alleen een probleem met de CSS. Op de voorpagina staat een artikel, als je op het kopje van dit artikel klikt dan linkt hij naar het artikel. Alleen wordt de link als hij 'visited' is paars. Ik wil dat hij gewoon zwart blijft. Maar ik kan nergens in de CSS files vinden waar ik dit aanpas! Jullie enig idee?
Het gaat om deze site en deze link dus:
| 1 | h2 a:visited {color:#000;} |
Ik ben echt zo dom. Toen ik jouw reply zag sloeg ik mezelf echt voor m`n kop . Ik was de ; vergeten achter de kleurcode 
.
. Ik was de ; vergeten achter de kleurcode .
Would you like to know more?
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Alles over cryptocurrency, bitcoin en blockchain in begrijpelijke taal
Nog een tip van het huis: Een topic wordt er niet overzichtelijker van als je je eigen vragen wegedit.
Goed topic
Is het met mogelijk om te zoeken in een lap tekst (tussen <div id='content'> en </div>) naar [attach=9]?
Ik wil namelijk [attach=9] op de achtergrond vervangen door een stuk ajax welke de betreffende bijlage inlaad.
Zelfde geld voor [attach=?? getal ??]. Ik wil namelijk die ajax request het ID meegeven
Is het met mogelijk om te zoeken in een lap tekst (tussen <div id='content'> en </div>) naar [attach=9]?
Ik wil namelijk [attach=9] op de achtergrond vervangen door een stuk ajax welke de betreffende bijlage inlaad.
Zelfde geld voor [attach=?? getal ??]. Ik wil namelijk die ajax request het ID meegeven
Wat bedoel je met [attach=9]? Het 9e element binnen de div? Een attribuut van een element? Of is dat letterlijk een string die je wilt zoeken?
Gewoon een string volgens mij.quote:Op maandag 10 oktober 2011 22:36 schreef Tijn het volgende:
Wat bedoel je met [attach=9]? Het 9e element binnen de div? Een attribuut van een element? Of is dat letterlijk een string die je wilt zoeken?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Hij wil zoeken op alles met [attach=] en dan de waarde tussen de = en de ] oppakken als ID voor de ajaxcall.
Ik zou het niet op die manier oplossen eigenlijk. Ik zou er een <div class=\"attachment\" id=\"attachment9\"></div> van maken. Vervolgens in jquery die div's oppakken en via ajax herladen.
Als ik al voor een dergelijke oplossing zou gaan, het komt mij erg slordig over.
Ik zou het niet op die manier oplossen eigenlijk. Ik zou er een <div class=\"attachment\" id=\"attachment9\"></div> van maken. Vervolgens in jquery die div's oppakken en via ajax herladen.
Als ik al voor een dergelijke oplossing zou gaan, het komt mij erg slordig over.
Het is inderdaad ook niet netjes, maar het is user-input die omgezet moet worden. Heb het wel server-side opgelost, werkt ook
Nog een vraag: hoe doe ik bepaalde taken steeds opnieuw? (ik gebruik jQuery framework, daarvan gebruik maken mag ook)
Ik wil elke 10 seconden functionA(); uitvoeren, 10 seconden later functionB();en weer 10 seconden later functionC(); uitvoeren. Weer 10 seconden later moet hij weer beginnen met functionA(); enzovoort
Nog een vraag: hoe doe ik bepaalde taken steeds opnieuw? (ik gebruik jQuery framework, daarvan gebruik maken mag ook)
Ik wil elke 10 seconden functionA(); uitvoeren, 10 seconden later functionB();en weer 10 seconden later functionC(); uitvoeren. Weer 10 seconden later moet hij weer beginnen met functionA(); enzovoort
In HTML5 zijn dat Worker threads, in plain javascript maakt men gebruik van setTimeout of setInterval en in jQuery noemt men het delay()
http://api.jquery.com/delay/
http://forum.jquery.com/t(...)nd-use-of-settimeout
[ Bericht 13% gewijzigd door #ANONIEM op 12-10-2011 16:10:16 ]
http://api.jquery.com/delay/
http://forum.jquery.com/t(...)nd-use-of-settimeout
[ Bericht 13% gewijzigd door #ANONIEM op 12-10-2011 16:10:16 ]
