السلام عليكم
السؤال كالتالي عندي صفحة فيها 4 ازرار مثلا home gallery aboutus conact
عند مرور الفارة فوق اي زر منهم يتغير الى لون تاني
وعند الضغط على الزر يتم تثبيت اللون الثاني
وتظهر محتويات الصفحة في iframe تمام
هلق اذا عملنا ريفرش للصفحة F5 تبقى محتويات الصفحة في iframe ولكن يرجع لون الزر للون الاول يعني كأنه مش مضغوط مع انو المحتويات اللي بتدل عليه محملة في iframe
كود تغير الصور في الثلاث حالات : onmouseover , onmouseout , onclick
<html>
<head>
<script type="text/javascript">
<!--
var images = [ // list images
["1.jpg","2.jpg","2.jpg"] // link 1
]
var preloadImages=new Array() // preloads images
for(var i=0;i<images.length;i++) {
preloadImages=new Array()
for(var j=0;j<images.length;j++){
preloadImages[j]=new Image()
preloadImages[j].src=images
}
}
lastN = ""
lastPic=""
function mOver(obj,num){
if(lastN != obj.name){
document.images[obj.name].src = images[num][1]
}
}
function mOut(obj,num){
if(lastN != obj.name){
document.images[obj.name].src = images[num][0]
}
}
function mActive(obj,num){
document.images[obj.name].src = images[num][2]
if (lastN != "" && lastN != obj.name){
document.images[lastN].src = lastPic
}
lastN = obj.name
lastPic=images[num][0]
}
// -->
</script>
</head>
<body>
<a href="#"><img src="1.jpg " name="img0" onmouseover="mOver(this,0)" onmouseout="mOut(this,0)" onclick="mActive(this,0)" width="300" height="300"></a>
</body>
</html>
الرجاء المساعدة ولكم جزيل الشكر .