Я хочу, чтобы при нажатии на ссылку «Подробнее» отображались все данные, оставленные для ссылки «Подробнее», во всплывающем окне. То же самое со всей ссылкой Подробнее. Например: если я нажму первую ссылку «Дополнительная информация», то во всплывающем окне она должна отобразить 83779616, не предварительную дату подачи, владельцев. И если я нажимаю вторую ссылку «Подробнее», то во всплывающем окне должны отображаться все данные, оставленные до второй ссылки «Подробнее». А также все эти данные поступают из Apache Solr с использованием JSP. И я делю каждый результат по горизонтали. Таким образом, все данные ниже горизонтальной линии - это новые данные от Apache Solr. Любые предложения будут оценены. И как мне поступить.
С помощью этого кода я получаю все данные от Apache Solr.
<search:resultList response="${response}">
<search:result>
<div class="number-description">
<search:field fieldName="c_id" label="" query="${query}" prefix="" />
</div>
<search:field fieldName="c_name" label="" query="${query}" addCssClass="capsule" />
<a href="#?w=700" rel="popup2" class="poplight">
<div class="meta">
<div class="show-more-info">+ More Info</div>
</div>
</a>
<div class="item-details">
<search:field fieldName="c_date" label="Filed Date: " query="${query}" format="MM/dd/yyyy"/>
<search:field fieldName="ow" label="Own: " query="${query}"/>
</div>
<c:set var="docUrl" value="http://domain:8001/ce/document/82/81-W110-1.pdf" />
<search:conditional test="${result.fields.url != ''}">
<c:url var="viewUrl" value="${dpsURL}/view">
<c:param name="url" value="${docUrl}" />
<c:param name="query" value="${query.value.display}" />
<c:param name="proxy" value="${dpsURL}" />
</c:url>
<c:import url="${viewUrl}"/>
</search:conditional>
</search:result>
</search:resultList>
Итак, это исходный код HTML, который я получаю, как только данные загружаются из Apache Solr, если щелкнуть правой кнопкой мыши браузер (просмотреть исходный код страницы).
<ol class="result-list"><li class="result item_1 odd first"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_2 even"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_3 odd"><h2>
<div class="number-description">
<div class="search-field c_id"></div>
</div>
<div class="search-field capsule c_name"></p></div>
<a href="#?w=700" rel="popup2" class="poplight">
<div class="meta">
<div class="show-more-info">+ More Info</div>
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date"><h3 class="label">Filed Date: </h3>
</div></li><li class="result item_4 even"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_type_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_5 odd"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_6 even"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_7 odd"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_type">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">
</div></li><li class="result item_8 even"><h2>
<div class="number-description">
<div class="search-field c_id">
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date"></div>
</div></li><li class="result item_9 odd"><h2>
<div class="number-description">
<div class="search-field c_id"></div>
</div>
<div class="search-field capsule c_name">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date">/div>
</div></li><li class="result item_10 even last"><h2>
<div class="number-description">
<div class="search-field c_id"></div>
</div>
<div class="search-field capsule c_name"><p class="value">
</div>
</a>
</h2>
<div class="item-details">
<div class="search-field c_date"><h3 class="label">Filed Date: </h3></div>
</div></li></ol>