1

jQueryを使用して外部サイトから複数の画像を生成するスクリプトがあります。複数の画像を選択し、それらをphpスクリプトに送信してURLをアーカイブする機能を追加しようとしています。

私の現在のサイトの反復では、問題なくすべての画像を強調表示できます。ただし、phpスクリプトへの投稿で強調表示されたすべての画像を使用する方法については困惑しています。imgsrc行にとを追加id=data-value=ました。これにより、一意の値を持つそのコードでimgsrc行が適切に生成されidます。

画像生成コードは次のとおりです。

$('#images').append("<img id='" + id + "' src='http://example.com/" + id +
  "s.png' height='110' width='110' data-value='" + id + 
  "' onclick='clickpick(this)' />");

onclick関数を使用すると、クリックした画像を次のコードで強調表示できます。

function clickpick(item) {
    if (item.style.borderWidth == '5px') {
        item.style.border = '';
    } else {
        item.style.border = '5px solid blue';
    }
}

最終結果は、グループを選択するドロップダウンボックスをページに配置したいと思います。強調表示された画像は、そのグループ選択によって参照されるようにphpスクリプトに投稿されます。

ヘルプやヒントをいただければ幸いです。

4

1 に答える 1

1

jQueryとWebサービスを使用することをお勧めします。

私はあなたのために例を作りました、あなたはそれをhttp://jsfiddle.net/c685V/で見つけることができます

私がしたことは、ハイライトされた画像を配列にプッシュすることです。次に、ajaxを使用して、パラメーターとして文字列を受け入れるWebサービス(webservices.php / mywebservice)を呼び出します。パラメーターはJSON文字列であり、JSON.stringifyコマンドを使用して配列をJSON文字列に解析します。

$.ajax({
    type: "POST",
    url: "webservices.php/mywebservice",
    data: "{'images':'" + JSON.stringify(arr) + "'}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        if (msg.d === "OK") {
            //do something
        }
    },
    fail: function (msg) {
        document.location = "/errorPage.php";
    }
});

私はPHPコーダーではありませんが、Webサービスを作成してJSON文字列を配列に逆シリアル化する方法の例をGoogleで見つけることができます。

于 2012-12-17T16:26:06.563 に答える