在加载时隐藏图像并基于一个url参数值显示

时间:2015-09-07 04:33:37

标签: javascript jquery ajax

此页面包含图像,这些图像必须在加载时隐藏,在页面从另一个aspx页面接收参数值后(不单击任何按钮),图像显示基于一个参数值。此代码可以成功接收数据,但如何使用参数值隐藏和显示图像?

HTML:

 <input type="button" id="mybutton" />
 <script>
$('#mybutton').click(function () {
    $.ajax({
        url: 'About.aspx',
        dataType: 'text',
        type: "GET",
        success: function(data)
        {
            var result = $.trim(data);
            if (result = 2) {
                $("image1").show();

            } else {

                if (result = 3) {

                    $("image2").show();
                }
            }
        }
    });
});
</script>

   <div id="graphic">
    <img id="gate1" src="Img/Fully Close Green.png" />
    <img id="gate2" src="Img/Fully Close Red.png" />
</div>

3 个答案:

答案 0 :(得分:1)

尝试此代码隐藏document ready事件上的图片或使用css类设置display:none,然后设置image1image2图片的用户ID,{{1} } tag用于访问任何元素的id和用于类的#以获取更多chcek This: -

.

答案 1 :(得分:0)

您的比较逻辑不正确。使用=====代替=

另外,研究jQuery selectors。使用元素的ID。

if (result == 2) {
   $("#gate1").show();
} else {
   if (result == 3) {
      $("#gate2").show();
   }
}

答案 2 :(得分:0)

你要隐藏所有&amp;只显示与&#34;结果匹配的那个&#34;值?

SELECT penjualan.no_invoice, penjualan.client, (
                sum(penjualan.qty * ( penjualan.b_digital + penjualan.b_large + penjualan.b_kotak + penjualan.b_laminate + penjualan.b_potong )
                )) AS subtotal, LEFT( penjualan.invoice_date, 10 ) AS tgl_invoice, total_byr,tgl_bayar
                FROM penjualan
                LEFT JOIN
                (SELECT penjualan.no_invoice,
                sum(pelunasan.tot_pay) AS total_byr
                FROM penjualan, pelunasan
                WHERE penjualan.no_invoice=pelunasan.no_invoice
                GROUP BY pelunasan.no_invoice) AS ijin
                ON penjualan.no_invoice=ijin.no_invoice
                LEFT JOIN
                (SELECT penjualan.no_invoice,
                left(pelunasan.pay_date, 10) AS tgl_bayar
                FROM penjualan, pelunasan
                WHERE penjualan.no_invoice=pelunasan.no_invoice
                GROUP BY penjualan.no_invoice) AS tgl_bayar
                ON penjualan.no_invoice=tgl_bayar.no_invoice
                WHERE penjualan.no_invoice !=  ''
                AND LEFT( penjualan.invoice_date, 10 ) =  '2015-09-07'
                GROUP BY penjualan.no_invoice
                ORDER BY penjualan.no_invoice DESC