Boostrap navbar opens on hover with clickable parent

The bootstrap navbar hover post is one of the most visited blogposts of this blog. Recently I got a questions about this on Twitter by @wang_jina, who wanted to know how to open the bootstrap navbar dropdown menu’s on a hover event but keeping the parent clickable. Time for an update!

Continue reading Boostrap navbar opens on hover with clickable parent

Download Youtube movie as MP3 with Chrome bookmark

There are some pretty good (re)mixes available on Youtube. Some of them I like that much, I want them on my phone to listen while working or travelling from (or to) work. Streaming Youtube is an option, but the (mobile) data limits are reached pretty fast.

Luckily there are many websites which allow you to download a mp3 version of a music video. Some even have browser extensions available. I don’t like installing extensions (especially if they are installed manually because they can’t be found in the chrome extensions web store) and it’s not even necessary.

So I created a bookmarklet which I can press when watching a youtube video and which passes it to the website. The only thing you have to do is press the download button. So no more copy-pasting youtube urls!

Continue reading Download Youtube movie as MP3 with Chrome bookmark

Javascript: classes van element

Een html element kan meerdere css classes hebben, welke dan door middel van een spatie worden gescheiden:

<span class="class_een class_twee">..</span>

Bovenstaande span element heeft dus als class “class_een” en “class_twee”.

Om deze classes nu in javascript op te vragen en/of te manipuleren kan je het attribuut class opvragen of de className van het element. Echter levert dat een string met alle class namen spatie gescheiden. Om op een eenvoudige wijze een array van classes op te vragen of aan te passen, heb ik tweetal (zeer kleine) eenvoudige functies.

Continue reading Javascript: classes van element

Regexp validatie

Het valideren van formulieren kan op vele manieren en er bestaan al vele libaries en functies voor. Voor een aanmeldformulier heb ik her en der wat reguliere expressies verzameld en in een object gezet. Zo kan een eenvoudige client-side validatie plaats vinden die eenvoudig toepasbaar is in kleine formulieren.

Het is erg belangrijk om naast client-side validatie (doel: valideren data en assistentie gebruiker) ook server-side (doel: zorgen dat juiste formaat data opgeslagen wordt) een degelijke validatie uit te voeren!

Continue reading Regexp validatie