2012-03-19 91 views
0

當我點擊我最喜歡的按鈕時,命名id = content的div的內容更改爲我最喜歡的代碼與另一個divs。 我不知道我應該使用jQuery的Ajax或什麼? 這是我的代碼: 我不知道我做了什麼才能明白我的觀點。更改另一個div的情況與另一個div與另一個divs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="lib/js/external/_oldies/jquery-1.3.min.js"></script> 
<script type="text/javascript"> 
//what should i write here? 

}); 
}); 
</script> 

<style> 


<body> 
<div class="header"> 
<div class="logo"> 
<strong>MERAJ GAZ<span>branch num2</span> </strong> 

</div> 
</div> 
<div class="wrapper"> 
<div class="menu"> 
<ul> 
<li> 
<a id="product">product</a> 
</li> 
<li> 
adress 
</li> 
<li> 
our succsess 
</li> 
<li> 
contact us 
</li> 
</ul> 
</div> 
<div class="clear-fix"> 
</div> 
<div class="content" > 
<div class="meraj"> 
<img src="absolute.png" /> 
</div> 
<div id="content"> 
<img id="img" src="IMG_0375.JPG" width="822" height="400" style="-moz-border-radius: 15px;border-top:none;"/> 
</div> 
</div> 
<div class="clear-fix"> 
</div> 
</div> 
</div> 
</div> 
</body> 
</html> 

回答

1
//include jQuery to your page. 
<a href="#" id="aFavourite" > Favorite <a/> 
<div id="divDescr"></div> 

<script type="text/javascript"> 

$(function(){ 

    $("#aFavourite").click(function(){ 
    $("#divDescr").html("<p>Some other content loaded now</p>"); 
    }); 

}) 

如果要加載從服務器頁面的一些內容,你可以使用jQuery的AJAX調用與使用load功能

$("#aFavourite").click(function(){ 
    $("#divDescr").load("myserverpage.php"); 
    }); 
+0

坦這樣做

例我的朋友,但我想加載我最喜歡的div上的另一個內容 – 2012-03-20 10:25:00

+0

@babakfaghihian:在該div中做同樣的事情。 – Shyju 2012-03-20 11:16:18

+0

tanx我的朋友,我想在我的div中slideshow可以幫助我嗎? – 2012-03-20 17:23:49

0

也許你想要類似的東西?當我點擊按鈕,一個div的內容發生變化:

http://jsfiddle.net/mhtdA/

ID爲「按鈕」元素基本上我打電話的功能。點擊(),然後替換該分區的現有的HTML內容。