Bonjour à tous !
Alors, voilà, je vous présente mon problème.
Sur mon site, qui utilise un design decoupé et mis en style css, j'ai décidé de laisser le choix aux membres de choisir leur header.
Pour cela, j'ai trouvé sur internet ce petit script sympa :
Mon menu de séléction du header :
<center><select onchange="changeBckg(this.value);">
<option value="1">image 1</option>
<option value="2">image 2</option>
<option value="3">image 3</option>
<option value="4">image 4</option>
<option value="5">image 5</option>
<option value="6">image 6</option>
<option value="7">image 7</option>
</select></center>
Le script :
<script type="text/javascript">
function changeBckg(num) {
var img;
switch (num) {
case '1':
img = 'header.jpg';
break;
case '2':
img = 'header_1.jpg';
break;
case '3':
img = 'header_2.jpg';
break;
case '4':
img = 'header_3.jpg';
break;
case '5':
img = 'header_4.jpg';
break;
case '6':
img = 'header_5.jpg';
break;
case '7':
img = 'header_6.jpg';
break;
}
document.getElementById('header').style.backgroundImage = 'url(img/'+img+')';
return;
}
</script>
Qui marchent impeccable.
Le seul problème c'est que dès que l'on change de page, le header d'origine revient.
Comment puis-je faire pour que le header choisis par un membre dans son profil reste tant qu'il ne change pas.
Ps : mon site utilise les sessions de phpBB comme zone membre...
Meci d'avance !!