0

ここでは新しく、嬉しいことに、このフォーラムから多くの回答を得ました。しかし、私は現時点で立ち往生しています。

ウィンドウの色とハンドルピッカーを作成しているJavaScriptがあります（色見本をクリックすると画像が変更され、ハンドルをクリックすると同じようになります）。画像の下には、選択したウィンドウの説明があります。このテキストは、画像のタイトルを取得することにより、JavaScriptによって生成されています。

今、楽しい部分です。このピッカーの下に、phpを使用して電子メールで送信されるフォームを追加する必要があります。その電子メール内で、javascriptによって生成されているウィンドウの説明をプルする必要があります。

今日はたくさんのことを試しましたが、数え切れませんでした。私が試したコードの最後のビットは

<script>
$(document).ready(function() {

   $("windowDesc").each(function() {
       var html = jQuery(this).html();
   });

});
</script>

そして、phpメールファイルに次のように追加しました。

$windowtitle = $_GET['html'];

試してみるだけでなく

$windowtitle = $_POST['html'];

そして私はまた次のことを試みました：

<script>
    var content = $('#windowDesc').html();
    $.ajax({
            url: 'send_mail.php',
            type: 'POST',
            data: {
                    content: content
            }
    });
</script>

そして、phpメールファイルに次のように追加しました。

$windowtitle = $_GET['content'];

試してみるだけでなく

$windowtitle = $_POST['content'];

他にもたくさんあることは言うまでもありません。

基本的に私がやろうとしているのは、生成されたテキストを保持しているdivのコンテンツを取得し、それを電子メールで送信することです。上記のいずれかが正しければ、私はそれらを間違った位置か何かに配置しているに違いありません。最初のもので、私はフォームの内側、フォームの外側、divの前、divの後にそれを試しました。まだ頭の上で試していません。長い一日でした、よろしくお願いします：o）

遅れてすみません、忙しい2日間でした。OK、ウィンドウの色とピッカーを処理するコードは次のとおりです。

var Color = "color";
var Handle = "handledescription";
var ColorDesc = "color";
var HandleDesc = "handle description"
function Window(Color,Handle,ColorDesc,HandleDesc) {
    $('#windowPic').animate({opacity: 0}, 250, function () {
        thePicSrc = "http://www.site.com/images/windows/" + Color + Handle + ".jpg";
        $('#windowPic').attr('src', thePicSrc);
        $('#windowDesc').html("<p>" + ColorDesc + " frame with " + HandleDesc + " hardware</p>");
        $('#windowPic').animate({opacity: 1}, 250)
    })
}
$(document).ready(function() {
    $('#wColors li').click( function() {
        Color = $(this).attr('id');
        ColorDesc = $(this).attr('title');
        Window(Color,Handle,ColorDesc,HandleDesc);
    });
    $('#wHandles li').click( function() {
        Handle = $(this).attr('id');
        HandleDesc = $(this).attr('title');
        Window(Color,Handle,ColorDesc,HandleDesc);
    });
});
4

2 に答える 2

0 
<script>
    var content = $('#windowDesc').html();
    $.ajax({
            url: 'send_mail.php',
            type: 'POST',
            data: content
    });
</script>

ここで機能しました。

于 2013-02-25T19:30:39.053 に答える
0

フォームに非表示の入力が必要です。

<form id="send_email" action="send_email.php">
  <input id="content" type="hidden" name="content"/>
  ... other inputs here
</form>

次に、Javascriptを使用して、送信前に入力できます。

$("#send_email").submit(function() {
    $("#content").val($("#windowDesc").html());
}
于 2013-03-01T16:57:32.613 に答える