aタグのリンククリックについて教えてください 削除


Message#12 2015年5月1日(金)15時53分
From: IE操作初心者

(function()
{
function drawManufacturers(response)
{
hideIndicator();
jQuery.each(response, function()
{
jQuery("<OPTION>")
.val(this)
.text(this)
.appendTo("#manufacturer");
});
}

function onChangeCategory(ev)
{
var cat = jQuery("#category option:selected").val();

showIndicator();
jQuery("#manufacturer").empty();
jQuery("#items").empty();
jQuery("#item-detail-content").empty();

jQuery.ajax(
{
url: "manufacturers.t.json",
type: "POST",
data: {"category": cat},
dataType: "json",
success: drawManufacturers
});
}

function onChangeManufacturer(ev)
{
var cat = jQuery("#category option:selected").val();
var mf = jQuery("#manufacturer option:selected").val();

showIndicator();
jQuery("#items").empty();
jQuery("#item-detail-content").empty();

jQuery.ajax(
{
url: "items.t.json",
type: "POST",
data:
{
"category": cat,
"manufacturer": mf
},
dataType: "json",
success: drawItems
});
}

function drawItems(response)
{
hideIndicator();
if (response.length == 0)
{
alert("商品がありません");
return;
}

jQuery.each(response, function()
{
var tr = jQuery("<TR>");
var td = jQuery("<TD>");

jQuery("<TD>")
.text(this.jan)
.appendTo(tr);
jQuery("<TD>")
.text(this.code)
.appendTo(tr);
jQuery("<TD>")
.text(this.color)
.appendTo(tr);

jQuery("<A>")
.attr("href", "#")
.prop("data-jan", this.jan)
.text("詳細表示")
.click(onClickItem)
.appendTo(td);

td.appendTo(tr);

tr.appendTo("#items");
});
}

function drawItemDetail(response)
{
var tr;

hideIndicator();
if (!response.jan)
{
alert("該当する商品はありません");
return;
}

tr = jQuery("<TR>");
jQuery("<TD>")
.addClass("row-name")
.text("JAN")
.appendTo(tr);
jQuery("<TD>")
.text(response.jan)
.appendTo(tr);
tr.appendTo("#item-detail-content");

tr = jQuery("<TR>");
jQuery("<TD>")
.addClass("row-name")
.text("型番")
.appendTo(tr);
jQuery("<TD>")
.text(response.code)
.appendTo(tr);
tr.appendTo("#item-detail-content");

tr = jQuery("<TR>");
jQuery("<TD>")
.addClass("row-name")
.text("色")
.appendTo(tr);
jQuery("<TD>")
.text(response.color)
.appendTo(tr);
tr.appendTo("#item-detail-content");

tr = jQuery("<TR>");
jQuery("<TD>")
.addClass("row-name")
.text("参考売価")
.appendTo(tr);
jQuery("<TD>")
.text(response.price)
.appendTo(tr);
tr.appendTo("#item-detail-content");

tr = jQuery("<TR>");
jQuery("<TD>")
.addClass("row-name")
.text("NET(税別)")
.appendTo(tr);
jQuery("<TD>")
.text(response.price_net)
.appendTo(tr);
tr.appendTo("#item-detail-content");

jQuery.each(response.stocks, function()
{
tr = jQuery("<TR>");
jQuery("<TD>")
.addClass("row-name")
.text("在庫(" + this.shop + ")")
.appendTo(tr);
jQuery("<TD>")
.text(this.stock_mark)
.appendTo(tr);
tr.appendTo("#item-detail-content");
/*
tr = jQuery("<TR>");
jQuery("<TD>")
.addClass("row-name")
.text("受取方法")
.appendTo(tr);
jQuery("<TD>")
.text((this.direct == "1") ? "店納品可": "店納品不可")
.appendTo(tr);
tr.appendTo("#item-detail-content");
*/
});
}

function onClickItem(ev)
{
var jan = jQuery(ev.target).prop("data-jan");

doSearchItem(jan);

return false;
}

function doSearchItem(jan)
{
showIndicator();
jQuery("#item-detail-content").empty();

jQuery.ajax(
{
url: "detail.t.json",
type: "POST",
data:
{
"jan": jan
},
dataType: "json",
success: drawItemDetail,
error: function()
{
hideIndicator();
alert("該当する商品はありません");
}
});
}

function showIndicator()
{
jQuery("#fill-mask").show();
jQuery("#loading-indicator-box").show();
}
function hideIndicator()
{
jQuery("#fill-mask").hide();
jQuery("#loading-indicator-box").hide();
}

function onClickItemCodeButton(ev)
{
var jan = jQuery("#itemcode").val();

jQuery("#manufacturer").empty();
jQuery("#items").empty();
jQuery("#item-detail-content").empty();
jQuery("#category").prop("selectedIndex", -1);

if (jan.length > 0)
{
jQuery.ajax(
{
url: "items.t.json",
type: "POST",
data:
{
"itemcode": jan
},
dataType: "json",
success: drawItems
});
}
}

jQuery(function()
{
hideIndicator();
jQuery("#category").change(onChangeCategory);
jQuery("#manufacturer").change(onChangeManufacturer);
jQuery("#itemcode_button").click(onClickItemCodeButton);
});
})();

上のメッセージを削除します。
よければパスワードを入力し、削除ボタンをクリックしてください。

パスワード:

VBAのIE制御についてのQ&A掲示板

↑エクセルVBAのIE(InternetExplorer)操作で分からない事があればこちらの掲示板よりご質問ください^^

ExcelのVBA初心者入門

↑こちらはExcelのVBAをマスターできるよう初心者向けのエクセルVBA入門コンテンツになります^^

VBAのIE制御入門RSS

RSSフィードを登録すると最新記事を受け取ることができます。

VBAIE操作のスカイプレッスン

VBAでIE(InternetExplorer)制御の準備

エクセルVBAでIE制御の応用編

こちらでは、エクセルVBAで実際に作成したIE(InternetExplorer)制御ツールをまとめています。自動ログインや情報収集など具体的に解説しています。IE(InternetExplorer)制御をされる方は参考にしてください。

【ダウンロード】IE操作に便利なツール

こちらでは、これまでに紹介したIE(InternetExplorer)操作で便利な機能をツール化しています。無償でダウンロードできますので、目的に合わせたご利用ください。

IEオブジェクトのメソッド・プロパティ

こちらでは、IE(InternetExplorer)オブジェクトのメソッド・プロパティをまとめています。

IE操作に利用されているVBA関数

こちらでは、エクセルVBAのIE(InternetExplorer)操作で利用されたVBA関数をまとめています。

IE操作に利用されているステートメント

こちらでは、エクセルVBAのIE(InternetExplorer)操作で利用されたステートメントをまとめています。ExcelのVBAで基本的な部分になりますので、しっかり理解しましょう。

IE(InternetExplorer)制御のVBAコード

こちらでは、これまでに作成したIE(InternetExplorer)操作で役立つサブルーチンをまとめています。
全てをコピーする必要はありませんが、目的に合わせたサブルーチンをご利用ください。

ExcelのVBAで作成した役立つVBAコード

こちらでは、IE(InternetExplorer)制御の利用だけでなく、Excel全般で利用できるVBAコードです。エクセルVBAで役に立つものばかりですので、ご利用ください。

dmb.cgi Ver. 1.068
Copyright(C) 1997-2014, hidekik.com