1

現在、URL でクエリ文字列を使用して製品の選択を示しています。この関数を使用して、Web サイトに送信される非表示のテキスト ボックスに製品の選択肢を表示させました。

function getQueryVariable(key) {
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (decodeURIComponent(pair[0])== key) {
            return decodeURIComponent(pair[1]);
        }
    }
}

var product = getQueryVariable('product');
document.getElementById("00NK0000000Yqv2").value = product;

URL クエリ文字列で示されている製品に応じて、ヘッダー イメージも表示する必要があります。4 つの製品 (製造、建設、専門、一般) があります。

URLがwww.foo.com?product=Constructionのようなもので、建設ヘッダーを表示するか、www.foo.com?product=Manufacturingの場合、代わりに製造を表示するようにするにはどうすればよいですか。

4

3 に答える 3

2

次のように画像のソースを変更するだけです：

document.getElementById("headerImg").src = 'header' + product + '.jpg';

画像が次のように同じ ID を持つ場所:

<img id="headerImg" src="images/headerImg.jpg">
于 2012-11-21T21:10:51.447 に答える
0

要素の css クラスを製品名に変更し、CSS の背景画像を入れ替えることができます。たとえば、ヘッダー要素に id = ヘッダーがある場合、jquery を使用すると次のようになります。

$('#header').addClass(製品); // product は変数です

次に、CSS で次のようにスタイルを設定できます。

#header {background-image: url(pathToDefaultImage)}

#header.Manufacturing {background-image: url(pathToManufacturingImage)}

于 2012-11-21T21:11:22.213 に答える
0

はい、設定と同じ方法でそれを行うことができますvalue-srcクエリ変数に基づいて画像の属性を設定します。

何かのようなもの：

var image;
if (product === 'Construction') image = 'your_construction_image.png';
// more cases

document.getElementById('yourimageID').src = image;

ただし、これに対するより良いアプローチは、サーバー側の言語を使用して、必要な HTML を JavaScript で後で設定する代わりにレンダリングすることです。

于 2012-11-21T21:12:39.460 に答える