0

こんにちは、Google マップのマーカーのクリックで infoWindow を表示しています。infoWindow の内容は、img タグとともにインライン html です。イメージの src は、マーカーごとに変更されます。完了です

var contentString = '<div id="content">'+
  '<div id="siteNotice">'+
  '<img id="image" alt="No Photograph to Display" src="" width="400px" height="250px" />'+

  '</div>'+
  '<h1 id="firstHeading" class="firstHeading">'+title+'</h1>'+
  '<div id="bodyContent">'+
  '<p>'+probdesc+'</p><br>'+
  '<p><b>Open Date:</b>'+opendate+'</p><br>'+
   '<p><b>Status:</b>'+status+'</p><br>'+
  '</div>'+
  '</div>';

画像タグは src 値を取得する必要があり、画像の動的パスを含む url 値に置き換える必要があります 

var url = '<%=imageURL %>'+ "&<portlet:namespace/>imagepath=" + imagepath;
4

1 に答える 1

1

ページに HTML コードを印刷した後、jQuery を使用できます。

$("#image").attr("src", url); //"url" is your var.

Javascript のみ:

document.getElementById("image").setAttribute("src", url);
document.getElementById("image").src = url; //it works too - http://www.w3schools.com/js/js_htmldom_html.asp

Paul Sのコメントの後、簡単にするために。ページに HTML を印刷しないと、"attr" コードは機能しません。ページに HTML コードを印刷するには、次を使用できます。

$("#anchor_element").html(contentString);
// and then
$("#image") .....

純粋な Javascript を使用する:

document.getElementById("anchor").innerHTML = contentString;
// and then
document.getElementById("image")......
于 2013-11-13T13:09:32.370 に答える