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/
Dat werd niet echt duidelijk uit de afbeelding die je plaatste. Sowieso lijkt het me een vreemde opzet, hoezo zou je je viewport dusdanig klein willen maken, dat je je content er op moet aanpassen?quote:Op donderdag 15 maart 2012 21:20 schreef n8n het volgende:
[..]
dat als de viewport minder hoog wordt de afbeeldingen kleiner worden met het venster mee. Net als content zou moeten als je normaliter een venster minder breed maakt.
Ik gebruik in Dreamweaver CS5.5 via het menuknopje Insert de formulieroptie om makkelijk een contactformulier te maken. Van de week nog een tabel gemaakt, maar nu krijg ik een error als ik op Insert klik 
Ook als er nog niks geopend is.
The following JavaScript error(s) occured: Internal Error: can't decode JSPrincipals
Adobe Help is nutteloos. Verder niets te vinden op Google. Ik zoek naar alternatieven, maar als dit te fixen valt, dan wil ik dit fixen.
[ Bericht 12% gewijzigd door Mirel op 17-03-2012 15:30:07 ]
Ook als er nog niks geopend is.The following JavaScript error(s) occured: Internal Error: can't decode JSPrincipals
Adobe Help is nutteloos. Verder niets te vinden op Google. Ik zoek naar alternatieven, maar als dit te fixen valt, dan wil ik dit fixen.
[ Bericht 12% gewijzigd door Mirel op 17-03-2012 15:30:07 ]
When all else fails, you always have delusion.
Opnieuw installeren lukt ook niet. Nu moet het hele fucking pakket eraf en weer opnieuw erop 
Edit: alles opnieuw geinstalleerd. Het werkt.
[ Bericht 12% gewijzigd door Mirel op 18-03-2012 10:44:27 ]
Edit: alles opnieuw geinstalleerd. Het werkt.
[ Bericht 12% gewijzigd door Mirel op 18-03-2012 10:44:27 ]
When all else fails, you always have delusion.
Waarom gebruik je überhaupt dat soort functies? Tabellen en formulieren stellen echt niks voor?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik vind de codebrij niet echt overzichtelijk, vandaar dreamweaver Het enige handige aan dat programma.
Maar die's nu af, PHP gedeelte ook (moet nog wat bestaande tekst van een tutorial aanpassen). Ik heb nu dus een contactformulier op een website die ik af en toe update, maar niet zelf gemaakt heb(www.sbscoaching.nl). Ik kom er net achter dat ik niks kan invullen in de tekstboxen. Die doen het gewoon in een testbestand.
Hoe komt dit? Ik weet niet echt waar ik naar moet zoeken..
De site heeft zover ik weet nergens een contactformulier staan. Ik zie in de backend wel een mapje genaamd phpmailer, maar ik weet niet waar die voor is.
Het enige handige aan dat programma. Maar die's nu af, PHP gedeelte ook (moet nog wat bestaande tekst van een tutorial aanpassen). Ik heb nu dus een contactformulier op een website die ik af en toe update, maar niet zelf gemaakt heb(www.sbscoaching.nl). Ik kom er net achter dat ik niks kan invullen in de tekstboxen. Die doen het gewoon in een testbestand.
Hoe komt dit? Ik weet niet echt waar ik naar moet zoeken..
De site heeft zover ik weet nergens een contactformulier staan. Ik zie in de backend wel een mapje genaamd phpmailer, maar ik weet niet waar die voor is.
When all else fails, you always have delusion.
Klein vraagje. Ik heb de volgende code. Hoe zorg ik dat deze bij 8 begint? Gewoon + 8 werkt helaas alleen de eerste halve seconde ofzo.
| 1 2 | $('#needle').attr('style', '-webkit-transform:rotate(' + audioElement.currentTime/audioElement.duration*20 + 'deg);'); |
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Beetje onduidelijk idd. Het gaat om een naald (van een lp-speler) die beweegt terwijl er muziek wordt afgespeeld. Deze jQuery zorgt hiervoor met rotate(Xdeg). Maar deze begint bij 0deg en hij moet beginnen bij 8deg. Hopelijk snap je het
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
weet iemand ook of het mogelijk is om een select met de multiple optie anders te stijlen zonder specifiek een class/id aan te geven?
dus een select met 1 optie de ene stijl, bij een multiple andere stijl zonder verandering van class/id
Anyone?
(zal wel niet maar goed, je weet het maar nooit)
dus een select met 1 optie de ene stijl, bij een multiple andere stijl zonder verandering van class/id
Anyone?
(zal wel niet maar goed, je weet het maar nooit)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Iets met :first-child, :last-child etc wellicht?
Waarom geen class?
Waarom geen class?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Kun je toch gewoon + 8 doen, en als ie groter dan 352 wordt begint ie weer bij 0.quote:Op maandag 19 maart 2012 21:40 schreef Neraice het volgende:
Beetje onduidelijk idd. Het gaat om een naald (van een lp-speler) die beweegt terwijl er muziek wordt afgespeeld. Deze jQuery zorgt hiervoor met rotate(Xdeg). Maar deze begint bij 0deg en hij moet beginnen bij 8deg. Hopelijk snap je het
Nee.
Het stylen van selects is sowieso een drama, en moet je ook niet willen. Volgens mij is het ook alleen in Safari/Chrome mogelijk om wat meer te stylen dan alleen de background-color en de font-size/weight/color.quote:
weet iemand ook of het mogelijk is om een select met de multiple optie anders te stijlen zonder specifiek een class/id aan te geven?
dus een select met 1 optie de ene stijl, bij een multiple andere stijl zonder verandering van class/id
Anyone?
Nee.
Gewoon omdat het zou kunnenquote:
Iets met :first-child, :last-child etc wellicht?
Waarom geen class?
en dat voor de toekomstige bewerkers van een bepaald systeem het veranderen / aanpassen dan gemakkelijker gaat! (en ze niet in de code hoeven te prutsen!)Gaat meer om hoogte, bij enkel 1 regel hoog, anders meerdere regels (style)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Ja dacht ik ook, maar hij doet die +8 dan alleen in het begin (dus hij begint alsnog te transformen bij 0)
www.dahndesigns.net/vinyl
www.dahndesigns.net/vinyl
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Waarom doe je dit via Javascript, en waarom rond je die getallen niet af? Tig getallen achter de komma zal het denk ik alleen maar zwaarder maken... Hoort gewoon in je CSS te staan, aangezien het puur decoratie is.
Voor wat betreft je + 8 vraag:
Ik zie nergens +8 staan.
Waarschijnlijk zal dit gewoon werken hoor:
Voor wat betreft je + 8 vraag:
| 1 | $('#needle').attr('style', '-webkit-transform:rotate(' + audioElement.currentTime/audioElement.duration*16 + 'deg);'); |
Ik zie nergens +8 staan.
Waarschijnlijk zal dit gewoon werken hoor:
| 1 | $('#needle').attr('style', '-webkit-transform:rotate(' + (audioElement.currentTime/audioElement.duration*16) + 8+ 'deg);'); |
Nee.
Heb de JS ff geüpdatet, maar het werkt helaas niet zoals je ziet.
En wat bedoel je met via JS en tig getallen achter de komma? Waar precies?
En wat bedoel je met via JS en tig getallen achter de komma? Waar precies?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Je code is niet geupdate, en ik zie in de HTML dat er inline styling wordt gezet:
| 1 | <div id="needle" style="-webkit-transform:rotate(4.271513322868035deg);"></div> |
Nee.
Je code is nu wel geupdate, maar je hebt geen haakjes toegevoegd, waardoor ie de berekening fout doet denk ik.
Nee.
Die wordt berekend door de JS, zodat de naald altijd de hele LP afgaat ongeacht de lengte van het liedje.
Waar zouden de haakjes moeten dan?
Waar zouden de haakjes moeten dan?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Bekijk mijn voorbeeld nou eens...quote:
Die wordt berekend door de JS, zodat de naald altijd de hele LP afgaat ongeacht de lengte van het liedje.
Waar zouden de haakjes moeten dan?
Nee.
Sorry, had de haakjes gemist. Maar heeft ook geen effect helaas.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Je kunt je webkit-transform toch gewoon op 8 laten beginnen in plaats van 1.2[...]?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Waar begint ie op 1.2 dan?quote:Op maandag 19 maart 2012 22:01 schreef boem-dikkie het volgende:
Je kunt je webkit-transform toch gewoon op 8 laten beginnen in plaats van 1.2[...]?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Nevermind, ik keek verkeerd, plus als je dat wel zou doen zou de naald ook op de plaat beginnen, dat is minder mooi.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Dat is juist precies de bedoeling
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
| 1 | $('#needle').attr('style', '-webkit-transform:rotate(' + parseFloat((audioElement.currentTime/audioElement.duration*16)) + 8 + 'deg);'); |
Zo? Want dat werkt ook niet helaas.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Heb 'm online geupdatet, wat doe ik fout? 
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Als ik een console.log doe van de berekening gaat ie bij mij goed hoor...quote:
Heb 'm online geupdatet, wat doe ik fout?
| 1 | $('#needle').attr('style', '-moz-transform:rotate(' + (parseFloat(audioElement.currentTime/audioElement.duration*16) + 8) + 'deg'); |
Extra haakjes doet ie het ook op het element zelf.
Nee.
De lightbox en het schuifscript zitten elkaar nog steeds in de weg. Ik heb ook een andere lightbox versie erin gezet.
Ik heb de divs waar de lightbox afbeeldingen benoemd zijn een id gegeven en deze verwerkt in het script van de lightbox zelf.
De code ziet er nu alsvolgt uit:
Voor de duidelijkheid, de website bestaat in totaal uit 5 delen (divs) die boven elkaar staan (schuiven gebeurt dus verticaal).
Het bovenste deel ziet de gebruiker als de site geopend wordt, soort van index dus. De overige 4 delen zijn portfoliodelen.
Elk deel/div (behalve de index) heeft een menu met daarin de namen voor de portfoliodelen.
In de code staat direct onder de <body> een voorbeeld van zo'n portfoliomenu, in de werkelijke code staat de menucode boven elke portfoliodeel/div.
Ik heb een andere lightbox in de head gezet (geen Prototype meer omdat daar vraagtekens bij werden gezet) en ik heb in de javascript van de lightbox (zie <head>) aangegeven aan welke divs hij gelinkt moet zijn. Deze site heb ik daarbij als leidraad gebruikt.
Het probleem: het schuiven werkt maar de lightbox nog steeds niet, ze zitten elkaar dus nog steeds in de weg.. waar o waar zit de fout?
Ik heb de divs waar de lightbox afbeeldingen benoemd zijn een id gegeven en deze verwerkt in het script van de lightbox zelf.
De code ziet er nu alsvolgt 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 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 | <head> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript"> $(function() { $('#galleryphotoillu a').lightBox(); $('#galleryhuisstijl a').lightBox(); $('#gallerydriedee a').lightBox(); $('#galleryfotografie a').lightBox(); }); </script> </head> <body> <a name="photoillu"></a> <div class="page-padding"></div> <a class="deadlink">photoshop & illustrator</a> <a href="#web" class="alivelink">huisstijl & web</a> <a href="#3d" class="alivelink">3d</a> <a href="#fotografie" class="alivelink">fotografie</a> <div class="photoillu_viewer" id="galleryphotoillu"> <a href= "portfolio/kluis.jpg" rel="lightbox[photoshop]"><img src="portfolio/kluisthumb.jpg" width="260" height="160" border="0" /></a> </div> div class="huisstijl_viewer" id="galleryhuisstijl"> <a href= "portfolio/lsskaartjeachter.jpg" rel="lightbox[huisstijl]" ><img src="portfolio/lsskaartjeachterthumb.jpg" width="260" height="160" border="0" /></a> </div> <div class="driedeeviewer" id="gallerydriedee"> <a href= "portfolio/render2.jpg" rel="lightbox[driedee]"title="Mental Ray render van een wasbak. Gemaakt in 3ds max."><img src="portfolio/render2thumb.jpg" width="260" height="160" border="0" /></a> </div> <div class="foto_viewer" id="galleryfotografie"> <a href= "portfolio/foto1.jpg" rel="lightbox[foto]"title="Film Noir photoshoot #1."><img src="portfolio/foto1thumb.jpg" width="260" height="160" border="0" /></a> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script> $(document).ready(function () { function filterPath(string) { return string .replace(/^\//,'') .replace(/(index|default).[a-zA-Z]{3,4}$/,'') .replace(/\/$/,''); } $('a[href*=#]').each(function() { if ( filterPath(location.pathname) == filterPath(this.pathname) && location.hostname == this.hostname && this.hash.replace(/#/,'') ) { var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']'); var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; if ($target) { var targetOffset = $target.offset().top; $(this).click(function() { $('html, body').animate({scrollTop: targetOffset}, 1000); return false; }); } } }); });</script> </body> |
Het bovenste deel ziet de gebruiker als de site geopend wordt, soort van index dus. De overige 4 delen zijn portfoliodelen.
Elk deel/div (behalve de index) heeft een menu met daarin de namen voor de portfoliodelen.
In de code staat direct onder de <body> een voorbeeld van zo'n portfoliomenu, in de werkelijke code staat de menucode boven elke portfoliodeel/div.
Ik heb een andere lightbox in de head gezet (geen Prototype meer omdat daar vraagtekens bij werden gezet) en ik heb in de javascript van de lightbox (zie <head>) aangegeven aan welke divs hij gelinkt moet zijn. Deze site heb ik daarbij als leidraad gebruikt.
Het probleem: het schuiven werkt maar de lightbox nog steeds niet, ze zitten elkaar dus nog steeds in de weg.. waar o waar zit de fout?
waar is je bodytag en htmltag?
en je doctype definitie?
en je doctype definitie?
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?
Body op 15. HTML is kwijt. Doctype ook.quote:Op dinsdag 20 maart 2012 13:03 schreef Catch22- het volgende:
waar is je bodytag en htmltag?
en je doctype definitie?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
ik heb niet alle code meegekopieerd om het overzichtelijk te houden.quote:
waar is je bodytag en htmltag?
en je doctype definitie?
Ja, door die twee regels code zijn we vast de draad kwijt straks. 
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
ja okequote:Op dinsdag 20 maart 2012 13:19 schreef boem-dikkie het volgende:
Ja, door die twee regels code zijn we vast de draad kwijt straks.
..maar ik heb in de uitleg al aangegeven dat ik voor het overzicht niet álles mee heb gekopieerd.
En daardoor loop je een heel groot risico datgene niet mee te kopieren waarom het gaat. Daarom is het ook zo verdomde handig dat je een testpagina maakt waarop we kunnen zien wat er gebeurt.quote:Op dinsdag 20 maart 2012 13:20 schreef karton2 het volgende:
[..]
ja oke
Ik heb een gratis host geregeld. Hij staat nu online.quote:
[..]
En daardoor loop je een heel groot risico datgene niet mee te kopieren waarom het gaat. Daarom is het ook zo verdomde handig dat je een testpagina maakt waarop we kunnen zien wat er gebeurt.
Hij is nogal kaal maar dat komt omdat ie dus nog niet helemaal af is
http://testsitevoorfok.netne.net/
edit/
m'n achtergrond afbeelding is nogal groot, dat moet ook nog worden aangepast dus.
Begin eens met valide code, werkt een stuk prettiger. En ga daarna kijken waar die foutmelding mbt regel 12 vandaan komt.
debuggen is ook zó moeilijk he...
* Catch22- zucht
* Catch22- zucht
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 heb geprobeerd zoveel mogelijk fouten eruit te halen, maar een aantal blijven staan.
De fouten blijkbaar allemaal in het script voor het schuiven.
Meldingen die ik krijg zijn dat '&' fouten op kan leveren en dat ik daar &voor moet gebruiken, wat dus niet werkt.
Voor de volledigheid is hier het hele rapport te vinden.
Op regel 12 zoals KomtTijd aangeeft krijg ik geen melding.
De fouten blijkbaar allemaal in het script voor het schuiven.
Meldingen die ik krijg zijn dat '&' fouten op kan leveren en dat ik daar &voor moet gebruiken, wat dus niet werkt.
Voor de volledigheid is hier het hele rapport te vinden.
Op regel 12 zoals KomtTijd aangeeft krijg ik geen melding.
Doe eens type="text/javascript" bij je script tag toevoegen...quote:Op dinsdag 20 maart 2012 16:32 schreef karton2 het volgende:
Ik heb geprobeerd zoveel mogelijk fouten eruit te halen, maar een aantal blijven staan.
De fouten blijkbaar allemaal in het script voor het schuiven.
Meldingen die ik krijg zijn dat '&' fouten op kan leveren en dat ik daar &voor moet gebruiken, wat dus niet werkt.
Voor de volledigheid is hier het hele rapport te vinden.
Op regel 12 zoals KomtTijd aangeeft krijg ik geen melding.
Je snapt overigens hoop ik wel dat die meldingen over je javascript niet slaan op de geldigheid van je javascript ansich en dat die && daar syntactisch en semantisch correct zijn?
Dat van die & is html praat, kan javascript niks mee. (nu moet ik wel toegeven dat ik van javascript weinig kaas heb gegeten)quote:
[..]
Doe eens type="text/javascript" bij je script tag toevoegen...
Je snapt overigens hoop ik wel dat die meldingen over je javascript niet slaan op de geldigheid van je javascript ansich en dat die && daar syntactisch en semantisch correct zijn?
Die meldingen over de & zijn geen errors, maar meldingen. De 4 errors kun je prima nog verhelpen, die zijn gewoon zeer duidelijk.
En de javascript console geeft nog steeds een foutmelding op regel 12, lijkt me vrij obvious dat je script daardoor niet werkt. En die kan ook best eens veroorzaakt worden door de eerste 2 HTML fouten.
En de javascript console geeft nog steeds een foutmelding op regel 12, lijkt me vrij obvious dat je script daardoor niet werkt. En die kan ook best eens veroorzaakt worden door de eerste 2 HTML fouten.
Dikgedrukte vind ik een leuke zin.quote:
Die meldingen over de & zijn geen errors, maar meldingen. De 4 errors kun je prima nog verhelpen, die zijn gewoon zeer duidelijk.
En de javascript console geeft nog steeds een foutmelding op regel 12, lijkt me vrij obvious dat je script daardoor niet werkt. En die kan ook best eens veroorzaakt worden door de eerste 2 HTML fouten.
Wow, was mij inderdaad ook nog niet opgevallen, later include ie weer eentje.quote:
Valt me trouwens nu pas op dat je 2 (???) verschillende (?!?!?!) versies van Jquery include.
Ik ga er vanuit dat dit de javascript console is waar jij het over hebt?quote:
Die meldingen over de & zijn geen errors, maar meldingen. De 4 errors kun je prima nog verhelpen, die zijn gewoon zeer duidelijk.
En de javascript console geeft nog steeds een foutmelding op regel 12, lijkt me vrij obvious dat je script daardoor niet werkt. En die kan ook best eens veroorzaakt worden door de eerste 2 HTML fouten.
Ik kom er verder niet uit. Over die regel 12 kan ik niks vinden en hoe het zit met de overige fouten in javascript en het HTML vindt de validator ook niks extra's.
Eh, wat dacht je van gewoon de javascript console van je browser? (ctrl+shift+J in de meeste browsers)
Hij werkt perfect nu, heel erg bedankt voor je hulp!quote:
[..]
Als ik een console.log doe van de berekening gaat ie bij mij goed hoor...
[ code verwijderd ]
Extra haakjes doet ie het ook op het element zelf.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Dat van die fout op regel 12 zie ik nu inderdaad ook maar ik begrijp niet waarom dat ie daarover begint.quote:
Valt me trouwens nu pas op dat je 2 (???) verschillende (?!?!?!) versies van Jquery include.
Ik heb gecontroleerd of de spelling en de verwijzing klopt en dat is hetzelfde als bij de anderen die in function staan.
Kan je aangeven waar de fout precies zit want ik zit vast in m'n zoektocht.
Ik heb overal waar een script geopend wordt type="text/javascript" toegevoegd.quote:
Heb je de fouten mbt je script> tags en die dubbele Jquery al opgelost?
Dat van die dubbele jquery zit ik uit te zoeken.
Jij doelt op regel 8, 9 en 91? Als ik daar in ga zitten werken dan werkt dat betreffende script helemaal niet meer. (dus: één script weghalen en het ander script testen)
Regel 12 blijft áltijd terugkomen: $('#galleryphotoillu a').lightBox is not a function.quote:Op dinsdag 20 maart 2012 20:06 schreef KomtTijd... het volgende:
...en watvoor foutmeldingen laat het javascript console dan zien?
Die blijft als ik ook maar 1 ding aan regel 8 of 9 verander.
Andere melding die ik krijg is dat ie de eigenschap 'zoom' niet kent en daarom maar negeert (jquery.lightbox-0.5.js)
De melding van regel 12 komt niet als ik het schuifscript weghaal, dan krijg ik alleen de zoom melding. De lightbox werkt dan overigens wel zoals het hoort.
Ik begrijp niet hoe ik het op moet lossen van dat ie dubbele jquery's aanroept, hij heeft ze blijkbaar wel allebei nodig.
Heeft het er niet gewoon mee te maken dat je de hele ellende niet in de domready doet, maar gewoon meteen afvuurt, voordat jQuery ingeladen is...?
Nee.
Nee, het heeft er mee te maken dat hij onderaan zijn pagina nog een keer een andere versie van jquery inlaadt.
ooooohquote:
Nee, het heeft er mee te maken dat hij onderaan zijn pagina nog een keer een andere versie van jquery inlaadt.
Ik dacht dat het te maken had met die regel 8 en 9.
Als ik het begrijp zijn
<script data-src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" style="visibility:hidden;"></script>
en
<script type="text/javascript" src="js/jquery.js"></script>
min of meer hetzelfde?
Twee basisscripts gezocht waar ik béétje zelf aan het zitten sleutelen. Heb me rot gezocht naar wat ik moest doen om te krijgen wat ik had voordat ik hier vragen ging stellen.quote:
Oh oh oh oh oh oh
Welke tutorials heb je gecopy/paste
Met dat include gebeuren viel het kwartje niet, achteraf gezien begreep ik blijkbaar niet goed wat KomtTijd bedoelde.. ik zat op de verkeerde plek te zoeken.
Och ja, heb wel weer m'n tijd nuttig besteed.. veel gelezen over javascript en de hoe/wat maar echt begrijpen: nog niet echt.
Hoi! Ik had een CSS vraagje en ik hoop dat jullie mij kunnen helpen
Ik heb een divje met daarin wat divjes, dit wordt de content area.
---
<div id="main">
<div id="main-top"></div><!-- end of main-top-->
<div id="main-holder">
<div id="main-content">
Jejjajdijdiajsdijasidjasijdiasjd<br><br><br>hehehe
</div><!-- end of main-content-->
</div><!-- end of main-holder-->
<div id="main-bottom"></div><!-- end of main-bottom-->
</div><!-- end of main -->
--
De CSS die hierbij hoort is als volgt:
--
#main{
width: 999px;
padding: 0;
margin: 0 auto;
}
#main-top{
height: 22px;
width: 999px;
background: url(../images/main-top.png) no-repeat;
}
#main-holder{
background: url(../images/main-holder.png) repeat-y;
width:999px;
height: auto;
min-height:22px;
}
#main-content{
background: none;
width:auto;
margin:0 10px;
padding: 0 10px 0 10px;
overflow:hidden;
}
#main-bottom{
height:22px;
width:999px;
background: url(../images/main-bottom.png) no-repeat;
}
--
Nu wil ik graag dat de main-holder begint bij 22px hoog, omdat de background een textuur heeft die telkens 'vol' moet zijn. Maar zodra de tekst langer wordt moet hij gaan uitbreiden, telkens per 22px..
Zodat de textuur dus altijd 'goed' blijft.. Dit heb ik met bovenstaande code al eens gedaan met gewoon een wit blok wat tot nu toe nog steeds fijn loopt, maar nu komt er iets meer bij kijken..
Kan iemand mij hiermee helpen:)?
Dankjewel! (En hopelijk ben ik duidelijk genoeg!)
Ik heb een divje met daarin wat divjes, dit wordt de content area.
---
<div id="main">
<div id="main-top"></div><!-- end of main-top-->
<div id="main-holder">
<div id="main-content">
Jejjajdijdiajsdijasidjasijdiasjd<br><br><br>hehehe
</div><!-- end of main-content-->
</div><!-- end of main-holder-->
<div id="main-bottom"></div><!-- end of main-bottom-->
</div><!-- end of main -->
--
De CSS die hierbij hoort is als volgt:
--
#main{
width: 999px;
padding: 0;
margin: 0 auto;
}
#main-top{
height: 22px;
width: 999px;
background: url(../images/main-top.png) no-repeat;
}
#main-holder{
background: url(../images/main-holder.png) repeat-y;
width:999px;
height: auto;
min-height:22px;
}
#main-content{
background: none;
width:auto;
margin:0 10px;
padding: 0 10px 0 10px;
overflow:hidden;
}
#main-bottom{
height:22px;
width:999px;
background: url(../images/main-bottom.png) no-repeat;
}
--
Nu wil ik graag dat de main-holder begint bij 22px hoog, omdat de background een textuur heeft die telkens 'vol' moet zijn. Maar zodra de tekst langer wordt moet hij gaan uitbreiden, telkens per 22px..
Zodat de textuur dus altijd 'goed' blijft.. Dit heb ik met bovenstaande code al eens gedaan met gewoon een wit blok wat tot nu toe nog steeds fijn loopt, maar nu komt er iets meer bij kijken..
Kan iemand mij hiermee helpen:)?
Dankjewel! (En hopelijk ben ik duidelijk genoeg!)
---
Tenzij je de tekst en alle andere soort content een exacte regelhoogte van 22px gaat meegeven en alles goed uitlijnt (is mogelijk). Heb je javascript nodig om het met stappen van 22px te doen.
“Specialization is for insects”.—Robert Heinlein
Ik heb de line-height op 22px gezet en het werkt inderdaad, hoe zou ik dit met javascript voor elkaar kunnen krijgen?
---
http://google.nl#q=javascript+content+height
zoiets?
Dat je dat vervolgens naar boven moet afronden naar een getal deelbaar door 22 had je zelf wel bedacht denk ik?
zoiets?
Dat je dat vervolgens naar boven moet afronden naar een getal deelbaar door 22 had je zelf wel bedacht denk ik?
Hoe kan ik een inputveld verplicht maken? Ik heb al verscheidene Jquery en PHP dingen geprobeerd maar niks werkt.
Ik kan hier geen goede tutorial voor vinden.
[ Bericht 68% gewijzigd door Mirel op 24-03-2012 15:19:12 ]
Ik kan hier geen goede tutorial voor vinden.
[ Bericht 68% gewijzigd door Mirel op 24-03-2012 15:19:12 ]
When all else fails, you always have delusion.
In HTML5 kun je gewoon een required attribuut opgeven. Browsersupport is nog vrij minimaal. Dan wordt het toch client-side (javascript) en/of server-side validatie (PHP of een andere taal).
Nee.
Ja de HTML5 kan je ook nauwelijks editten, is in het Engels.
When all else fails, you always have delusion.
Nou ja, het wordt geregeld door de browser. Ik gok dat er dus vast wel gelokaliseerde versies komen zodra het in alle browsers goed geimplementeerd is, en hopelijk ook enige vorm van stylingmogelijkheden. Zou mooi zijn als je over 5 jaar gewoon native datepickers e.d. hebt die je kunt stylen met bijv. selectors als :today, :sunday e.d.
Nee.
Wat voor jquery dingen heb je geprobeerd?quote:
Hoe kan ik een inputveld verplicht maken? Ik heb al verscheidene Jquery en PHP dingen geprobeerd maar niks werkt.
Ik kan hier geen goede tutorial voor vinden.
In grove lijnen moet je op de onsubmit event van de submitbutton checken of er tekst in de input staat, en zo niet een return false geven. Begin daar maar eens mee.
Dat is dan toch weer PHP, en JQuery is browserside?quote:
Daarnaast handel je het ten allen tijde ook aan de achterkant af.
Bij de PHP oplossingen moet ik m'n hele action.php omgooien, dus ging ik maar kijken naar JQuery. Ik had gisteravond deze gevonden, moet 'em nog proberen: http://www.webreference.c(...)alidation/index.html
When all else fails, you always have delusion.
punt is dat je de gebruikers input (Jquery inclusief) niet mag vertrouwenquote:
[..]
Dat is dan toch weer PHP, en JQuery is browserside?
Bij de PHP oplossingen moet ik m'n hele action.php omgooien, dus ging ik maar kijken naar JQuery. Ik had gisteravond deze gevonden, moet 'em nog proberen: http://www.webreference.c(...)alidation/index.html
http://tweakers.net/revie(...)ste-verdediging.html
Ik denk niet dat de bezoekers van SBS coaching zulke dingen gaan doen.
When all else fails, you always have delusion.
ik denk ook niet dat mensen die langs mijn huis lopen inbreken, maar i.p.v. de deur open laten staan doe ik em wel dichtquote:
Ik denk niet dat de bezoekers van SBS coaching zulke dingen gaan doen.
Heb in 7 jaar dit soort dingen maken er nooit last van gehad. En mijn laptop staat ook wagenwijd open wat betreft firewalls en virusscanners. Bangmakerij.
When all else fails, you always have delusion.
Spambots niet zo maken gebruik van Javascript als uw formulier is afhankelijk van jQuery bespaart wel.
Zorg ervoor dat het e-mailadres is op de server en client niet passeert.
Zorg ervoor dat het e-mailadres is op de server en client niet passeert.
bij m'n pc heb ik dat ook, maar qua webontwikkeling zorg ik er iig voor dat het niet -te- makkelijk wordt eventueel de boel te misbruikenquote:
Heb in 7 jaar dit soort dingen maken er nooit last van gehad. En mijn laptop staat ook wagenwijd open wat betreft firewalls en virusscanners. Bangmakerij.
Dat is geen argument.quote:
Ik denk niet dat de bezoekers van SBS coaching zulke dingen gaan doen.
Ik heb in 7 jaar ook nog nooit aids op gelopen, dus condooms zijn overrated.quote:
Heb in 7 jaar dit soort dingen maken er nooit last van gehad. En mijn laptop staat ook wagenwijd open wat betreft firewalls en virusscanners. Bangmakerij.
Ik ga het niet doen hoor. Als ik er later last van krijg, dan mogen jullie het als eerste weten 
When all else fails, you always have delusion.
Komt omdat je maagd bent.quote:
[..]
Ik heb in 7 jaar ook nog nooit aids op gelopen, dus condooms zijn overrated.
kan ik zo de <p> apart stylen?
iets van
ik wil dus wat ruimte langs mijn image voordat de tekst begint
maar dit lijkt niet te werken
| 1 2 3 4 | <div id="left"> <img src="images/73.jpg" />blabla <p>text enzo.</p> </div> |
iets van
| 1 | #left p { padding:5px;} |
ik wil dus wat ruimte langs mijn image voordat de tekst begint
maar dit lijkt niet te werken
Margin geven aan je plaatje?quote:
kan ik zo de <p> apart stylen?
[ code verwijderd ]
iets van
[ code verwijderd ]
ik wil dus wat ruimte langs mijn image voordat de tekst begint
maar dit lijkt niet te werken
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
994a040db3f025e25771e045468fc121
Ja vast, maar je doet het toch maar gewoon ook serverside, anders sta je binnen de korste keren met je website op Tweakers.net onder het kopje 'gehackte websites'.quote:
Heb in 7 jaar dit soort dingen maken er nooit last van gehad. En mijn laptop staat ook wagenwijd open wat betreft firewalls en virusscanners. Bangmakerij.
je hebt in de gaten dat "blabla" niet in een <p> element staat?quote:
kan ik zo de <p> apart stylen?
[ code verwijderd ]
iets van
[ code verwijderd ]
ik wil dus wat ruimte langs mijn image voordat de tekst begint
maar dit lijkt niet te werken
Sowieso wat is er mis met margins op het plaatje?
iets doe ik niet goed met de marginsquote:
[..]
je hebt in de gaten dat "blabla" niet in een <p> element staat?
Sowieso wat is er mis met margins op het plaatje?
heb het nu zo gedaan
| 1 2 3 4 | #right img { padding-left: 1em; } |
