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
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?
Er zit ook gewoon een "Open nieuw deel" linkje in de mobiele layout hoor
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 dan is de op alleen wegquote:Op woensdag 16 april 2014 20:50 schreef Catch22- het volgende:
Er zit ook gewoon een "Open nieuw deel" linkje in de mobiele layout hoor
“Specialization is for insects”.—Robert Heinlein
Neehoor. Ik zit ook mobielquote:
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?
Voor deze keer.quote:
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?
Lieve jongens en meisjes, ik ben bezig met jQuery leren, heb wat tuts gedaan en ben nou aan het prutsen met een image slider (aan de hand van deze tutorial maar het lukt me niet om de slider te pauzeren als je hovert, en ik weet niet wat ik verkeerd doe.
Als beginner kan het dus best zijn dat ik ergens een syntax foutje over het hoofd zie, maar misschien is het wat gecompliceerder. Ik kom er niet uit!
Hij loopt, hij slide, maar hij pauzeert niet als je hovert.
Als beginner kan het dus best zijn dat ik ergens een syntax foutje over het hoofd zie, maar misschien is het wat gecompliceerder. Ik kom er niet uit!
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | function slideSwitch() { var $active = $('#slideshow div.active'); if ( $active.length == 0 ) $active = $('#slideshow div:last'); var $next = $active.next('div').length ? $active.next() : $('#slideshow div:first'); $active.addClass('last-active'); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); }); } var playSlideshow = setInterval( "slideSwitch()", 2000 ); $('#slideshow').hover(function() { clearInterval(playSlideshow); }, function() { playSlideshow = setInterval( "slideSwitch()", 2000 ); }); |
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Triggert hij de hover callbacks wel? Even breakpoints zetten of loggen dus. Is de clearinterval wel een wrapper voor de divs? Als de elementen er absoluut gepositioneerd staan en hij geen breedte en hoogte heeft dan is heeft hij geen grootte
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?
Wat wat wat? #slideshow is waar de hele handel in staat. De divs in #slideshow worden geslide. Met CSS heb ik #slideshow een hoogte en breedte gegeven. De rest snap ik niet.quote:
Triggert hij de hover callbacks wel? Even breakpoints zetten of loggen dus. Is de clearinterval wel een wrapper voor de divs? Als de elementen er absoluut gepositioneerd staan en hij geen breedte en hoogte heeft dan is heeft hij geen grootte
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Zet eens console.log("in") en console.log("uit") in de twee callbacks van de hover.
En als je het inspect, welke grootte rapporteert hij dan?
En als je het inspect, welke grootte rapporteert hij dan?
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?
Hij logt niets, idd. En grootte zit schijnbaar alleen op de #slideshow, bij de andere divs geeft hij geen afmetingen.
Maar mijn cursor verandert wel. Ik had bij css #slideshow div.active { cursor: pointer;} gezet.
Ik mik er even afmetingen in, de divs zijn idd absoluut. Momentje.
Edit: nope, werkte niet.
Maar mijn cursor verandert wel. Ik had bij css #slideshow div.active { cursor: pointer;} gezet.
Ik mik er even afmetingen in, de divs zijn idd absoluut. Momentje.
Edit: nope, werkte niet.
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
De hover wordt niet getriggerd omdat je divs over de slideshow liggen.
Doe eens $("#slideshow").on("mousein", "div.active", function{});
Doe eens $("#slideshow").on("mousein", "div.active", function{});
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 niets. Ik kan wel een linkje doen?quote:
De hover wordt niet getriggerd omdat je divs over de slideshow liggen.
Doe eens $("#slideshow").on("mousein", "div.active", function{});
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
doe maarquote:
[..]
Nog steeds niets. Ik kan wel een linkje doen?
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:
-
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Document ready er om heen dus. Je include je js bovenin en bind die actie daar gelijk. Dan is de dom nog niet geladen en wordt die event handler dus niet opgelijmd
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?
Het werkt inmiddels, dank je wel Catch22- 
Nou op naar m'n volgende dingetje, werkende bolletjes zodat je kan zien hoeveel slides en welke actief is.
Nou op naar m'n volgende dingetje, werkende bolletjes zodat je kan zien hoeveel slides en welke actief is.
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Sowieso het best om je js onderaan je body te definieren idd.quote:
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?
Leuk artikel, dank jequote:
http://bradfrostweb.com/blog/post/carousels/
Dit al gelezen? #sliders
Chocoladetaartjes.
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Op donderdag 25 juli 2013 18:44 schreef trovey het volgende: Evert, de vrouwelijke versie. :P
Ik ben er ook geen fan van. Heb t principe onlangs wel toegepast, maar dat was scrollable content, dat is wat anders
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?
Kan iemand mij vertellen hoe ik kan uitvissen of een pagina een submit heeft.
Uitleg, onderstaand stuk code gebruik ik als iemand een formulier invult maar niet verzend en naar een andere pagina gaat, dan krijg je een confirm te zien met de vraag of je de gewijzigde data wilt opslaan of juist verder wilt gaan. Nu wil ik wanneer een pagina gesubmit wordt (form submit) dat ik deze melding niet krijg... en eventueel als mogelijk ook een 'zoek' veld waarbij met enter gezocht kan worden niet mee genomen wordt... How do i do this?
Uitleg, onderstaand stuk code gebruik ik als iemand een formulier invult maar niet verzend en naar een andere pagina gaat, dan krijg je een confirm te zien met de vraag of je de gewijzigde data wilt opslaan of juist verder wilt gaan. Nu wil ik wanneer een pagina gesubmit wordt (form submit) dat ik deze melding niet krijg... en eventueel als mogelijk ook een 'zoek' veld waarbij met enter gezocht kan worden niet mee genomen wordt... How do i do this?
| 1 2 3 | $('input').live("change", function () { window.onbeforeunload = function () { return "De wijzigingen zijn nog niet opgeslagen, weet u zeker dat u verder gaat?" }; }); |
Just say hi!
Doen browsers dit niet al zelf?
Anyway, je kunt het form submit event gebruiken om te kijken of je je waarschuwing wel of niet moet geven
Anyway, je kunt het form submit event gebruiken om te kijken of je je waarschuwing wel of niet moet geven
Wat tijn zegt inderdaad. Houd ergens een variabele bij die standaard op false staat, en hang een functie aan het submit-event dat die variabele op true zet. Dan hoef je bij je bovenstaande functie alleen te checken welke waarde die variabele heeft.
Bedenk je wel dat als ze na het submitten weer dingen aanpassen de variabele weer terug op false moet, totdat er natuurlijk weer opnieuw wordt gesubmit.
Bedenk je wel dat als ze na het submitten weer dingen aanpassen de variabele weer terug op false moet, totdat er natuurlijk weer opnieuw wordt gesubmit.
