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. Deze kun je stellen in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. kun je terecht in Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: [Wordpress]Algemeen topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
, zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.
Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Hier een paar artikelen over CSS elementen die vaak voor verwarring zorgen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Heb je zin om HTML, CSS of Javascript leren, dan zijn deze video tutorials een goede plek om te beginnen
30 Days to Learn HTML & CSS
30 Days to Learn jQuery
JavaScript from null
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Deze kun je stellen in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. kun je terecht in Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: [Wordpress]Algemeen topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
, zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Hier een paar artikelen over CSS elementen die vaak voor verwarring zorgen
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Heb je zin om HTML, CSS of Javascript leren, dan zijn deze video tutorials een goede plek om te beginnen
30 Days to Learn HTML & CSS
30 Days to Learn jQuery
JavaScript from null
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. :'(
Super zeg!quote:
lol, had nog niet eens tijd om te zoeken 
Zo was het wiel nooit uitgevondenquote:Op vrijdag 17 januari 2014 10:46 schreef KomtTijd... het volgende:
Mijn tip: Doe niet moeilijk en gebruik gewoon 5 wrappers.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
http://jsfiddle.net/3t9LK/1/quote:Op vrijdag 17 januari 2014 10:48 schreef Chandler het volgende:
[..]
Super zeg!
[..]
Zo was het wiel nooit uitgevonden
gvd niet gesaved
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?
Godver jaquote:Op vrijdag 17 januari 2014 11:03 schreef Catch22- het volgende:
[..]
http://jsfiddle.net/3t9LK/1/
gvd niet gesaved
Ik was al verder dan dat. Optie voor JSFiddle om autosave in te bouwen?
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. :'(
quote:
[..]
Super zeg!
[..]
Zo was het wiel nooit uitgevonden
quote:
[..]
http://jsfiddle.net/3t9LK/1/
gvd niet gesaved
http://jsfiddle.net/3t9LK/4/quote:Op vrijdag 17 januari 2014 11:04 schreef donroyco het volgende:
[..]
Godver ja
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. :'(
dat jaquote:
[..]
[..]
[..]
http://jsfiddle.net/3t9LK/4/
Nu weer verder met onze nieuwe corporate responsive site. vette shit, mag vol los gaan
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?
Cool.quote:
[..]
dat ja
Nu weer verder met onze nieuwe corporate responsive site. vette shit, mag vol los gaan
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. :'(
Knap hoor heren! ik doe het jullie niet na! grappig dat er toch 'verborgen' blocks nodig zijn, maar daar kan ik natuurlijk gewoon dummies van maken! heel handig! 
grappig dat er toch 'verborgen' blocks nodig zijn, maar daar kan ik natuurlijk gewoon dummies van maken! heel handig!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
http://jsfiddle.net/maxx0r/3t9LK/5/quote:
Knap hoor heren! ik doe het jullie niet na!
ook nog schaalbaar. Met variabele hoogte is het wat meer geklooi. Dat kan je oplossen met flexboxes, maar dat werkt alleen in webkitbrowsers op meerdere rijden, dus dan zal je moeten gaan javascripten
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 ga er eens mee spelen, heb 2 hele nachten de tijd!.....
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Ik vind al die oplossingen wel mooi, maar als je er ook nog dynamische content in moet plaatsen is het waarschijnlijk toch makkelijker om gewoon enkele wrappers te gebruiken. Nu zit je ook met 4 "loze" elementen, met 4 wrappers zit je dat ook.
Klopt, maar nu hoef ik maar een paar blanke regels in te voeren, de andere mogelijkheid moet je precies gaan verdelen en in sommige gevallen uitrekenen (boven zoveer, links, rechts, onder) en dat hoeft nu niet 
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Offtopic: I am getting sick and tired of google giving me only freaking jquery results when looking for a JAVASCRIPT solution!!!
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
Wat is de reden dat je geen jQuery wilt/kunt gebruiken?quote:
Offtopic: I am getting sick and tired of google giving me only freaking jquery results when looking for a JAVASCRIPT solution!!!
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Je zou de target kunnen controleren om welke DIV het gaat.quote:
Offtopic: I am getting sick and tired of google giving me only freaking jquery results when looking for a JAVASCRIPT solution!!!
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
https://developer.mozilla(...)g=DOM%2Fevent.target
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Als een soort van dialog welke geannuleerd wordt zodra je ernaast klikt als ik het goed begrijp.quote:
Offtopic: I am getting sick and tired of google giving me only freaking jquery results when looking for a JAVASCRIPT solution!!!
Ik wil als ik waar dan ook buiten een bepaalde div klik dat die div weggehaald word.. kheb nou een onclick op de container div die de hele pagina bezet gedaan, maar dan gaat ie ook weg als k op de div zelf klik.
En zie hier, laatste reactie: http://stackoverflow.com/(...)v-when-click-outside
Ik wil graag html, css, js , php en mysql leren. Want ik wil een webdeveloper worden. Eerst wil ik html, css en js leren.
Waar kan ik het beste zijn om te leren? Is tut+ , welke in de OP geadviseerd wordt, werkelijk zo goed?
Waar kan ik het beste zijn om te leren? Is tut+ , welke in de OP geadviseerd wordt, werkelijk zo goed?
Wat betreft de "30 Days to..." cursussen vind ik dat wel. Ik ben dan ook degene die ze aan de OP toegevoegd heeft. Ik ben al enige tijd fan van de heldere manier van uitleggen van de instructeur, Jeffery Way.quote:Op zondag 19 januari 2014 18:02 schreef Kraan-Water het volgende:
Ik wil graag html, css, js , php en mysql leren. Want ik wil een webdeveloper worden. Eerst wil ik html, css en js leren.
Waar kan ik het beste zijn om te leren? Is tut+ , welke in de OP geadviseerd wordt, werkelijk zo goed?
Wat ik ook wel een voordeel aan zijn verhaal vind is dat hij vanaf het begin goed uitlegt hoe je de structuur (HTML) van de stijl (CSS) onderscheid. In veel tutorials/cursussen wordt je eerst HTML geleerd waarbij de stijlen voor het gemak aan de HTML worden geplakt zodat het er een beetje leuk uit blijft zien. Om vervolgens halverwege je cursus ineens te leren hoe slecht dat is en dat je dat netjes moet scheiden. Tuts+ doet dat in één keer goed.
Met de pure JS cursus heb ik verder geen ervaring maar die staat er bij om mensen de basis van JS te kunnen leren zonder dat ze aan jQuery vast zitten. Dit kan handig zijn omdat voor simpele JS opdrachten de hele jQuery bibliotheek toevoegen overkill kan zijn.
Het Tuts+ netwerk staat ook al jaren overeind met een blijvende stroom aan tutorials en cursussen in allerlei design/development categorieën. Dus enige kwaliteit mag je wel van ze verwachten.
Wel een kanttekening, zoals in je eigen topic ook al aangegeven werd. Van alleen filmpjes natypen leer je niet veel. Ga vooral ook zelf klooien met de dingen die je geleerd hebt. Niet eerst de hele cursus kijken en dan denken dat je alles fijneloos onder de knie hebt. Probeer na elk nieuw ding wat je geleerd hebt het eerst zelf toe te passen. Zoek de verschillende opties van een html-tag of css-property uit en zie wat de verschillende opties voor effect hebben.
Bouw lekker je eigen probeersels. Maakt niet uit dat ze er nog totaal niet uitzien in het begin. Kijk gewoon wat al die verschillende codes doen en leer van je fouten zodra ze niet blijken te doen wat je had verwacht. Dat is de beste manier om het onder de knie te krijgen.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Dank. Ik zit al enige tijd (sinds start van mijn eigen topic) te leren (HTML,CSS), maar ik heb thuis een design uitgetekend die ik graag wil namaken; geen probleem zou je zeggen, gewoon beginnen met schrijven en als je even iets kwijt bent --> opzoeken.quote:
[..]
Wat betreft de "30 Days to..." cursussen vind ik dat wel. Ik ben dan ook degene die ze aan de OP toegevoegd heeft. Ik ben al enige tijd fan van de heldere manier van uitleggen van de instructeur, Jeffery Way.
Wat ik ook wel een voordeel aan zijn verhaal vind is dat hij vanaf het begin goed uitlegt hoe je de structuur (HTML) van de stijl (CSS) onderscheid. In veel tutorials/cursussen wordt je eerst HTML geleerd waarbij de stijlen voor het gemak aan de HTML worden geplakt zodat het er een beetje leuk uit blijft zien. Om vervolgens halverwege je cursus ineens te leren hoe slecht dat is en dat je dat netjes moet scheiden. Tuts+ doet dat in één keer goed.
Met de pure JS cursus heb ik verder geen ervaring maar die staat er bij om mensen de basis van JS te kunnen leren zonder dat ze aan jQuery vast zitten. Dit kan handig zijn omdat voor simpele JS opdrachten de hele jQuery bibliotheek toevoegen overkill kan zijn.
Het Tuts+ netwerk staat ook al jaren overeind met een blijvende stroom aan tutorials en cursussen in allerlei design/development categorieën. Dus enige kwaliteit mag je wel van ze verwachten.
Wel een kanttekening, zoals in je eigen topic ook al aangegeven werd. Van alleen filmpjes natypen leer je niet veel. Ga vooral ook zelf klooien met de dingen die je geleerd hebt. Niet eerst de hele cursus kijken en dan denken dat je alles fijneloos onder de knie hebt. Probeer na elk nieuw ding wat je geleerd hebt het eerst zelf toe te passen. Zoek de verschillende opties van een html-tag of css-property uit en zie wat de verschillende opties voor effect hebben.
Bouw lekker je eigen probeersels. Maakt niet uit dat ze er nog totaal niet uitzien in het begin. Kijk gewoon wat al die verschillende codes doen en leer van je fouten zodra ze niet blijken te doen wat je had verwacht. Dat is de beste manier om het onder de knie te krijgen.
Maar het punt is dat ik een design/template wil maken dat qua style als windows 8 metro is.. Het probleem is; hoe maak ik dat? Dat is namelijk erg ingewikkeld.. lijkt mij? Ik moet dan ook die buttons etc zelf gaan tekenen waar ik al niet goed in ben..
Ik weet niet echt waar ik moet starten. Een webpagina maken lukt mij aardig, maar van een webpagina naar een webpagina met metrostyle lijkt me vrij lastig..
Metrostijl is toch juist heel makkelijk? Super recht en egale kleuren.quote:
[..]
Dank. Ik zit al enige tijd (sinds start van mijn eigen topic) te leren (HTML,CSS), maar ik heb thuis een design uitgetekend die ik graag wil namaken; geen probleem zou je zeggen, gewoon beginnen met schrijven en als je even iets kwijt bent --> opzoeken.
Maar het punt is dat ik een design/template wil maken dat qua style als windows 8 metro is.. Het probleem is; hoe maak ik dat? Dat is namelijk erg ingewikkeld.. lijkt mij? Ik moet dan ook die buttons etc zelf gaan tekenen waar ik al niet goed in ben..
Ik weet niet echt waar ik moet starten. Een webpagina maken lukt mij aardig, maar van een webpagina naar een webpagina met metrostyle lijkt me vrij lastig..
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Het is Modern UI.quote:
[..]
Dank. Ik zit al enige tijd (sinds start van mijn eigen topic) te leren (HTML,CSS), maar ik heb thuis een design uitgetekend die ik graag wil namaken; geen probleem zou je zeggen, gewoon beginnen met schrijven en als je even iets kwijt bent --> opzoeken.
Maar het punt is dat ik een design/template wil maken dat qua style als windows 8 metro is.. Het probleem is; hoe maak ik dat? Dat is namelijk erg ingewikkeld.. lijkt mij? Ik moet dan ook die buttons etc zelf gaan tekenen waar ik al niet goed in ben..
Ik weet niet echt waar ik moet starten. Een webpagina maken lukt mij aardig, maar van een webpagina naar een webpagina met metrostyle lijkt me vrij lastig..
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. :'(
Linkje?quote:
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. :'(
Nice.quote:Op zondag 19 januari 2014 21:12 schreef -Datdus- het volgende:
[..]
Stelde niet veel voor hoor.
http://cdpn.io/aqmiH
Mierenneukerij: Het is YouTube
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. :'(
The humanity.quote:
[..]
Nice.
Mierenneukerij: Het is YouTube
Afgelopen week ook maar iets snel in elkaar gezet, de Tinder UI animatie nagemaakt met CSS.
http://donroycodesign.nl/tinder/
http://donroycodesign.nl/tinder/
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 foto is echt 1 pixel teveel naar rechts.quote:
Afgelopen week ook maar iets snel in elkaar gezet, de Tinder UI animatie nagemaakt met CSS.
http://donroycodesign.nl/tinder/
Wel nice.
Thanksquote:
[..]
De foto is echt 1 pixel teveel naar rechts.
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. :'(
kheb het nou met dit opgelost:
document.onclick = function(e) {
if(e.target == document.getElementById('videocon')) {
document.getElementById('video').innerHTML = '';
}
if(e.target == document.getElementById('albumcon')) {
document.getElementById('album').innerHTML = '';
}
}
snap het niet helemaal aangezien ik op basis van dit begonnen ben: http://jsfiddle.net/DUhP6/2/
maar met getelementbyid werkte t niet enzo, maarja twerkt iig..
maar bij chrome krijg ik de waarschuwing: event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
(wederom krijg je met google alleeeeen maar jquery meuk..) maar wat moet ik doen dat dit in de toekomst ook nog werkt?
document.onclick = function(e) {
if(e.target == document.getElementById('videocon')) {
document.getElementById('video').innerHTML = '';
}
if(e.target == document.getElementById('albumcon')) {
document.getElementById('album').innerHTML = '';
}
}
snap het niet helemaal aangezien ik op basis van dit begonnen ben: http://jsfiddle.net/DUhP6/2/
maar met getelementbyid werkte t niet enzo, maarja twerkt iig..
maar bij chrome krijg ik de waarschuwing: event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
(wederom krijg je met google alleeeeen maar jquery meuk..) maar wat moet ik doen dat dit in de toekomst ook nog werkt?
Waarom wil je per se een JavaScript-oplossing?quote:
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. :'(
Omdat ik niks met jquery te maken wil hebben, bovendien is jquery ook maar meuk die javascript uitvoert op de achtergrond.quote:
[..]
Waarom wil je per se een JavaScript-oplossing?
wat er gebeurd werkt al.. (dat als ik buiten mn div click de div waar die div in staat leeggehaald word.. maar ik krijg die waarschuwing dat event.returnValue deprecated is, oftewel in de toekomst werkt dat niet meer, maar ik zou niet weten wat ik moet doen dat ik die melding niet krijg.quote:
jQuery gebruiken.quote:
[..]
wat er gebeurd werkt al.. (dat als ik buiten mn div click de div waar die div in staat leeggehaald word.. maar ik krijg die waarschuwing dat event.returnValue deprecated is, oftewel in de toekomst werkt dat niet meer, maar ik zou niet weten wat ik moet doen dat ik die melding niet krijg.
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. :'(
Oh! Dat ligt aan chrome.quote:
[..]
wat er gebeurd werkt al.. (dat als ik buiten mn div click de div waar die div in staat leeggehaald word.. maar ik krijg die waarschuwing dat event.returnValue deprecated is, oftewel in de toekomst werkt dat niet meer, maar ik zou niet weten wat ik moet doen dat ik die melding niet krijg.
Is op elke website. Open nu maar eens je console./
Op zondag 19 januari 2014 21:34 schreef -Datdus- het volgende:[..]
Oh! Dat ligt aan chrome.
Is op elke website. Open nu maar eens je console./[ afbeelding ]
[/quote]
ja ik zie het maar dan werkt dat in de toekomst toch niet meer.. of lult chrome maar wat en is het niet deprecated..?
Het is niet direct van toepassing, gewoon een waarschuwing.quote:
[..]
laat die gasten die jquery in elkaar flansen het maar oplossen.. wat een gemakzucht
[..]
ja ik zie het maar dan werkt dat in de toekomst toch niet meer.. of lult chrome maar wat en is het niet deprecated..?
ja dat snap ik.. het ging mij om de toekomst. maarja vooruit.. dan los k dat in de toekomst wel op.quote:
[..]
Het is niet direct van toepassing, gewoon een waarschuwing.
Omdat je hier een ID gebruikt zou je het ook kunnen schrijven als:quote:
kheb het nou met dit opgelost:
document.onclick = function(e) {
if(e.target == document.getElementById('videocon')) {
document.getElementById('video').innerHTML = '';
}
if(e.target == document.getElementById('albumcon')) {
document.getElementById('album').innerHTML = '';
}
}
if (e.target.id === 'videocon') {
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
When the student is truly ready, the teacher will disappear.
Vind je? Welke programmeertaal zorgt ervoor dat de pagina niet hoeft te refreshen en dat je dus als je op een button klikt (zoals bij w8 metro) de pagina direct tevoorschijnkomt?quote:
[..]
Metrostijl is toch juist heel makkelijk? Super recht en egale kleuren.
Yes. Lees maar.quote:
[..]
Metro style heet dus Modern UI?
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. :'(
Je haalt hier twee dingen door elkaar. Het uiterlijk en de functionaliteit. Het uiterlijk, oftewel de stijl, is Metro/Modern UI en kun je maken door je HTML elementen met CSS een mooi strak uiterlijk met egale kleuren te geven.quote:
[..]
Vind je? Welke programmeertaal zorgt ervoor dat de pagina niet hoeft te refreshen en dat je dus als je op een button klikt (zoals bij w8 metro) de pagina direct tevoorschijnkomt?
De functionaliteit om pagina's maar deels te verversen met nieuwe data kun je doen door middel van Javascript die als reactie op je invoer de nieuwe data van de server opvraagt. Dit doe je met de AJAX techniek. Die data moet dan aan de server kant teruggegeven worden via PHP. Deze techniek staat verder totaal los van het hele Metro/Modern gebeuren en word hier bijvoorbeeld gebruikt om te controleren of je ergens gequote bent, of dat de inhoud van een topic veranderd is.
De term die word gebruikt voor websites die in het geheel via AJAX hun navigatie en inhoud regelen is "Single page applications" en worden vaak met JS frameworks zoals AngularJS of EmberJS opgezet.
Maar voordat je zo ver bent zou ik me eerst concentreren op het uiterlijk. HTML en CSS onder de knie krijgen. Dan pas aan JS beginnen en je over dit soort dingen druk gaan maken.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Even een browservraagje.
Wanneer je in je eigen website naar een bepaalde pagina linkt en niet de gehele link plaatst maar enkel het kruimelpad, gaat iedere webbrowser dan door naar die pagina op dat domein?
Voorbeeld:
<a href="http://forum.fok.nl/topic/2065719">[HTML, CSS, JS] Frontend #38: Wrapper</a>
Wordt
<a href="/topic/2065719">[HTML, CSS, JS] Frontend #38: Wrapper</a>
Dit lijkt met de geteste browsers te werken, maar ik heb geen idee of dit ook werkt onder oudere browsers. Het zou fijn zijn dit te kunnen gebruiken daar ik een zelfgebouwde CMS heb waar ik nu iedere keer dit soort linkjes moet veranderen met de URL van de website. Op deze manier zou dit niet meer hoeven en dat scheelt een hoop gedoe bij het opzetten van een nieuwe website.
Wanneer je in je eigen website naar een bepaalde pagina linkt en niet de gehele link plaatst maar enkel het kruimelpad, gaat iedere webbrowser dan door naar die pagina op dat domein?
Voorbeeld:
<a href="http://forum.fok.nl/topic/2065719">[HTML, CSS, JS] Frontend #38: Wrapper</a>
Wordt
<a href="/topic/2065719">[HTML, CSS, JS] Frontend #38: Wrapper</a>
Dit lijkt met de geteste browsers te werken, maar ik heb geen idee of dit ook werkt onder oudere browsers. Het zou fijn zijn dit te kunnen gebruiken daar ik een zelfgebouwde CMS heb waar ik nu iedere keer dit soort linkjes moet veranderen met de URL van de website. Op deze manier zou dit niet meer hoeven en dat scheelt een hoop gedoe bij het opzetten van een nieuwe website.
Daar gebruik je toch het Base element voor?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
Lijkt inderdaad op wat ik wil. Maar mocht het ook werken zonder base, dan zou het al helemaal makkelijk zijn. Dat scheelt nog meer werk.quote:
Daar gebruik je toch het Base element voor?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
Je moet een base href zetten.
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 dat geval dus zorgen dat in de <head> de regel
<base href="http://forum.fok.nl">
staat en dan zou de regel
<a href="/topic/2065719">[HTML, CSS, JS] Frontend #38: Wrapper</a>
in iedere browser moeten werken? Of begrijp ik de tag nu verkeerd?
<base href="http://forum.fok.nl">
staat en dan zou de regel
<a href="/topic/2065719">[HTML, CSS, JS] Frontend #38: Wrapper</a>
in iedere browser moeten werken? Of begrijp ik de tag nu verkeerd?
