Показать сообщение отдельно
  #8 (permalink)  
Старый 08.05.2011, 16:36
Аватар для FeaR51
Аспирант
Отправить личное сообщение для FeaR51 Посмотреть профиль Найти все сообщения от FeaR51
 
Регистрация: 07.05.2011
Сообщений: 54

спасибо но как мне построить if ?
я хочу что при выбранном если в div id="content", загружен в данный момент page1.html у name="img1"
будут свойства что onClick = on2.png
что onMouseOut=on2.png и onMouseOver.
просто вот в другом который я пытался заклепать
</script>

<form>
<a id="im" onMouseOver="document.img1.src='/on3.png'" onMouseOut="document.img1.src='/on.png'"  onClick="document.img1.src='/on2.png'"><img src="on.png" name="img1"<INPUT id="btn1"></img><input type="hidden" id="tmp" value="on2.png" ></a><a id="im2" onMouseOver="document.img3.src='kpz3.png'" onMouseOut="document.img3.src='kpz.png'"><img src="kpz.png" name="img3" <INPUT id="btn2"></img><input type="hidden" id="tmp2" value="kpz2.png" ></a><a id="im3" onMouseOver="document.img2.src='cvz3.png'" onMouseOut="document.img2.src='cvz.png'"><IMG SRC="cvz.png" name="img2"<INPUT id="btn3"></img><input type="hidden" id="tmp3" value="cvz2.png" ></a>
</form>
<script>
		$(document).ready(function(){
		
			$('#btn1').click(function(){
			document.img1.src='on2.png'
				$.ajax({
					url: "page1.html",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
			
			$('#btn2').click(function(){
				$.ajax({
					url: "page2.html",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
			$('#btn3').click(function(){
				$.ajax({
					url: "page3.html",
					cache: false,
					success: function(html){
						$("#content").html(html);
					}
				});
			});
		});


	
	 $(document).ready(function(){

 

$("#btn1").click(function () {

var src = $("#btn1").attr("src");

var tmp = $("#tmp").val();

$("#im").fadeOut("slow", function () {

$("#btn1").attr("src", tmp);

});

$("#im").fadeIn("slow");

$("#tmp").val(src);

});

 $("#btn2").click(function () {

var src = $("#btn2").attr("src");

var tmp = $("#tmp2").val();

$("#im2").fadeOut("slow", function () {

$("#btn2").attr("src", tmp);

});

$("#im2").fadeIn("slow");

$("#tmp2").val(src);

});
$("#btn3").click(function () {

var src = $("#btn3").attr("src");

var tmp = $("#tmp3").val();

$("#im3").fadeOut("slow", function () {

$("#btn3").attr("src", tmp);

});

$("#im3").fadeIn("slow");

$("#tmp3").val(src);

});

});

</script>


<div id="content"></div>

вроде все работало, но мне нада что если выбран page1.html то картинка которая соответсовала этому перестала меняться при onClick,onMouseOut и onMouseOver

Последний раз редактировалось FeaR51, 08.05.2011 в 16:41.
Ответить с цитированием