Salutation à tous...

Cela fait maintenant 2 semaines que je me suis initié à la programmation web.
J'ai appris et maîtrisé l'HTML-5, je suis intermédiaire en CSS-3, débutant en PHP aussi bien qu'en JavaScript.
Grâce au Youtuber "TheNewBoston", et aux autres sites Tutos, je me considère comme un p**ain de chanceux.

Et maintenant avançons dans le vive du sujet... :

Je fais actuellement face à un problème, des plus délicats avec ma page Web (temporaire et en construction), sur Google Drive: "http://gdriv.es/the-black-cat-619".
Je n'arrive pas à gérer ma barre de navigation pour que la page active, reste active.

La méthode classique avec [class=""] et [id=""] n'est plus envisageable car les différentes pages se chargent à l'intérieur de la première.

Auriez-vous donc moyen de m'aider à corriger mon code incomplet ?

HTML
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<li class="navUrl" onclick="changeStyle()"><a href="pages/home.html" target="iFrame">Home</a></li>
<li class="navUrl"  onclick="changeStyle()"><a href="pages/creations.html" target="iFrame">Creations</a></li>

JavaScript
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
function changeStyle() {
	var x = document.getElementById('navUrl');
	x.style = 'background:-o-linear-gradient(bottom, #0C90FF 10%, #00CCFF 100%)';