2011-11-17 9 views
0

jQuery自体はまったく新しいものです。 jQueryUIダイアログウィジェットをメッセージングサービスとして使用しようとしています。ここで、ユーザーは「メッセージ送信」リンクをクリックしてダイアログウィジェットをポップアップできます。私は(PHPページから)メッセージを受け取った人のユーザ名をウィジェットにどのように運ぶことができるのだろうかと思っていました。PHPを使用してjQueryUIダイアログにデータを渡す

ここではすべてをモックアップしています。ここで

は私のhtmlの抜粋です:

... 
<tr> 
<td><img height="50px" width="50px" src="photos/1.png" /></td> 
<td><a href="#">username</a></td> 
<td>Real Name</td> 
<td><a href="#" id="opener">Send Message</a></td> 
<td><button>Delete</button></td> 
</tr> 
... 

そして、ここで私が使用しているJavaScriptのだ:

$(document).ready(function() { 
var $dialog = $('#dialog') 
    .dialog({ 
    autoOpen: false, 
    resizable: false, 
    modal: true, 
    height: 350 
}); 
$('#opener').click(function() { 
    $dialog.dialog('open'); 
    return false; 
}); 
$('#closedialog').click(function() { 
    $dialog.dialog('close'); 
    return false; 
}); 
}); 

そして、ここでは、ダイアログウィジェットが含まれているものです。基本的に

<div id="dialog" title="Send a message"> 
<p>To: username</p> 
    <div align="center"> 
    <textarea cols="40" rows="10"></textarea> 
    </div> 
<p align="right"><span style="text-align: right;"><button>Send message</button><button id="closedialog">Cancel</button></span></p> 
</div> 

、 "username"はMySQLデータベースからのデータに置き換えられます。私は<?php echo @_GET['username']; ?>のフォームか何かを考えていましたが、私は紛失しています。どんな助けでも大歓迎です。 PS:jQueryUIダイアログウィジェットの使い方に間違ったことがいくつかありましたが、それらについても私を修正してください。

答えて

0

標準のPHPエコーは正常に動作するはずです。

<p>To: <?php echo $username;?></p> 

ユーザー名変数がモーダルで使用可能であることを確認する必要があります。フレームワークを使用している場合は、データをビューに渡す方法を確認してください。それ以外の場合は、変数を関数に渡したり、定数を設定したり、その他多くのことを行うことができます。あなたのPHPについてもっと教えていただければ、私はあなたを助けることができます。

+0

私は実際にプロジェクトのPHP部分には入っていません。私はこの部分をどうやってやるのかちょっと考えました。ダイアログウィジェットのコンテンツを同じページに含めるというこの方法を使用していますか、それとも.loadを使用して別のファイルから取得する必要がありますか? –

+0

多くのコンテンツはありません...私は、ダイアログウィジェットのコンテンツを同じページに含めることは悪い考えではないと思います。 –

+0

ここで質問を撮影するだけです。上記の例(スニペット)はphpコマンドをループしてMySQLからデータを取得するので、2番目の行はusernameという名前以外は全く同じデータを持っているとしましょう。これをダイアログウィジェットに渡すにはどうすればいいですか一番下のコンテンツですか?私はどこに行くのですか、私はPHPを見つけたときに戻ってきますか?ありがとう。 –