2012-03-19 14 views
0

私がお気に入りのボタンをクリックすると、id = contentという名前のdivのコンテンツが別のdivと私のお気に入りのコードに変更されます。 jquery Ajaxを使用すべきか、何を使うべきかわかりません。 これは私のコードです: 私は正確に私のポイントを得るために何をするのか分かりません。divの別のdivへのcontetntの変更

<!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>"); 
    }); 

}) 

ご使用のサーバーのページから一部のコンテンツをロードする場合は、load機能

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

のTaNxを使用してそう

例を実行するためにjqueryのAJAX呼び出しを使用することができます私の友人だが、私のお気に入りのdivに別のコンテンツをロードしたい。 –

+0

@babakfaghihian:そのdivで同じことをする。 – Shyju

+0

tanx私の友達私は私のdivにあなたが私を助けることができるslidshowを作りたいですか? –

0

多分このようなものが必要ですか?私はボタンをクリックすると、div要素の内容が変更されます。その後、

http://jsfiddle.net/mhtdA/

基本的に私が呼んでいる機能ID「ボタン」を持つ要素の.click()とをそのdiv要素の既存のHTMLコンテンツを置き換えます。

関連する問題