Een procedure is eigenlijk een te groot woord voor deze paar regeltjes code. Het is wél makkelijk om even een url in "veilige code" te vertalen. Als je de code op jouw eigen website wilt gebruiken staat de code hieronder... Het geheel valideert op de html5, css en JSLint.
<script>
/*global document: false */
function codeer_url() {
'use strict';
var obj = document.getElementById('url_decoder');
obj.value = encodeURIComponent(obj.value);
}
function decodeer_url() {
'use strict';
var obj = document.getElementById('url_decoder');
obj.value = decodeURIComponent(obj.value.replace(/\+/g, " "));
}
</script>
<form onsubmit="return false;">
<textarea cols="80" rows="4" id="url_decoder"></textarea>
<div style="margin:20px 0 0 10px">
<input type="button" onclick="decodeer_url()" value="decode">
<input type="button" onclick="codeer_url()" value="encode">
</div>
</form>