Suppression d'espace et de caractère spéciaux

Bonjour à tous !

Voilà, j'ai deux input et souhaiterais que lorsque je renseigne mon premier, le second copie le texte tout en supprimant les caractères spéciaux, les majuscule et remplace les espace par des tirets.

Voici mon bout de code :

<input type="text" id="Titre" name="Titre" value="<?php echo $Titre; ?>" style="width:99%;" 
    onkeyup="javascript:document.getElementById('Page').value = document.getElementById('Titre').value;" />

<input type="text" id="Page" name="Page" value="<?php echo $Page; ?>" style="width:99%;" readonly="readonly" />

Avec ca, j'arrive à copier les données... je n'arrive pas à :
- supprimer les caractères spéciaux
- rendre les majuscule en minuscule
- remplacer les espace par des tirets

Pouvez-vous m'aider svp ?