То, что вы хотите, лучше всего реализовать с помощью JavaScript, как я думаю, вы имели в виду, когда говорили «Java». Как отметили комментаторы, эти два понятия не связаны.
В принципе, есть два способа, которыми вы можете подойти к этому.
Вы могли бы:
a) всегда выкладывайте все свои TextAreas вместе со страницей, но дайте им класс css с display:none
. Каждый из TextAreas или окружающего его контейнера, который вы задали таким образом, чтобы он был невидимым, также должен иметь уникальный идентификатор.
Затем вы можете использовать функцию javascript для назначения другого класса, у которого нет свойства display:none
, для какого-либо одного идентификатора.
b) вывести пустые элементы, куда текстовые области должны идти позже, но также с уникальным идентификатором. Затем вы загружаете HTML, когда это необходимо, с помощью Javascript (AJAX). Это хороший выбор, только если есть много возможных элементов, и если вы их все время выбрасываете, это слишком сильно взрывает вашу страницу.
Использует ли сайт какие-либо JS-фреймворки, такие как jQuery? В любом случае, это может помочь вам начать реализацию вышеупомянутого варианта:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta charset="utf-8"/>
<style type="text/css">
/*<![CDATA[*/
.hidden
{
display:none;
}
/*]]>*/
</style>
<script type="text/javascript">
// <![CDATA[
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
ele.className=ele.className.replace(reg,' ');
}
}
function showComment(id){
var hideID=document.getElementById('c0');
var i=0;
while (hideID!=null)
{
addClass(hideID,'hidden');
i++;
hideID=document.getElementById('c'+i);
}
removeClass(document.getElementById(id),'hidden');
}
// ]]>
</script>
</head>
<body>
<a href="javascript:showComment('c0');">show 1</a>
<a href="javascript:showComment('c1');">show 2</a>
<a href="javascript:showComment('c2');">show 3</a>
<div id="c0" class="hidden">
<textarea rows="4" cols="98">txt1</textarea></div>
<div id="c1" class="hidden">
<textarea rows="4" cols="98">txt2</textarea></div>
<div id="c2" class="hidden">
<textarea rows="4" cols="98">txt3</textarea></div>
</body></html>
Это зависит от идентификаторов элементов, которые мы показываем / скрываем, чтобы быть от c0
до cN
с N
, являющимся количеством элементов, чтобы показать / скрыть минус один ...