2011-01-28 8 views
-1

私は、AJAXを使用してサーバー側で構築されたhtmlテーブルを持っています。このhtmlテーブルはprettyphotoを使って表示されていますが、ここまではすべてOKです。しかし、テーブルの最後の欄は、prettyphotoを使用して開く必要がある画像を呼び出すリンクですが、このリンクは期待通りに機能しません。それはprettyphotoなしで画像を開きます。以下のコードを参照してください。親フォトフォトウィンドウ内にあるリンクを使用して別のフォトフォトウィンドウを開く方法はありますか?

- >

関数myJS(myVarに){
をAJAXを使用し、prettyphoto内部テーブルを開く関数IF(window.XMLHttpRequest){
XMLHTTP =新規のXMLHttpRequest() ;}
他 {XMLHTTP =新しいActiveXObjectを( "Microsoft.XMLHTTP");}
xmlhttp.onreadystatechange =関数(){
IF(xmlhttp.readyStateの== 4 & & xmlhttp.statusの== 200){
var de scription = xmlhttp.responseText;
$ .prettyPhoto.open( '#inline-1'、myVar、description);
}
}
xmlhttp.open( "GET"、 "return_form.php?q =" + escape(myVar)、true);
xmlhttp.send();ここで
}

// prettyphoto

<div id="inline-1" class="hide"></div>

によって使用されるdiv要素である------>道セットアップprettyphoto

$(ドキュメント).ready(関数(); $ .fn.prettyPhoto();
$( "a [rel^= 'prettyPhoto']")。prettyPhoto();
});

- >そして、私はprettyphotoという親のprettyphotoのajaxによって返されたテーブルの中で、再びprettyphotoを呼び出しています。これは動作しません。私は、リンクをクリックすると、テーブル内のリンクは、次のウィンドウで画像を開くと、良いでしょうprettyphoto

<td><a href='Habilitacao.jpg' rel='prettyPhoto' title='This is the description'><img src='nf_logo.jpg' width='30' height='30' alt='This is the title' /></a></td>

せずに通常の方法で開かれ、私は前のボタンでクリックしたとき開かれた画像の最初のものに戻ってきます。そこにはたくさんのリンクがあるテーブルがあります。

また、最初のオプションではない場合は、別のウィンドウでprettyphotoを使用してリンクを開き、画像ウィンドウを閉じると、各行に1つのリンクがあるテーブルウィンドウに戻ることができます。

おかげで、

答えて

0

私は$ .prettyPhoto.open()関数は、あなたがそれを行うことを期待やっているとは思いません。この関数は、イメージ名を文字列、イメージタイトル、およびイメージ記述として想定していますが、id、変数、およびAjaxレスポンス全体を渡しています。

$(xmlhttp.responseText).find('a[rel^="prettyPhoto"]').prettyPhoto(); 

あなたの「if(XMLHTTP現在何置き換えます

はこのような何かを試してみてください。上記のコードでブロックしてください。

+0

この部分は、私が期待しているように機能していますが、関数が予期しているものと異なる属性を渡しています。問題はテーブルがprettyphotoの中でレンダリングされるときです(このテーブルはajaxレスポンスになります)。一つの欄には各行のリンクがあります。​​This is the title。そして、このリンクをクリックするとhabilitacao.jpgにリダイレクトされます。私は私のページから出ます。それは明確ですか? –

+0

メインページをクリックした後、私はwww.ecoviladalagoa.com.brのサイトにサンプルを入れました。テーブルはajaxによって返されます。あなたはこのリンクをクリックすると、prettyphoto doesn't wと表示されますi番目の画像。 –

+0

サンプルコードをhttp://www.ecoviladalagoa.com.br/prettyphoto_problemに変更しました –

関連する問題