あなたが望むものはJavaScriptを使って実装するのが最良です。私はあなたが「Java」と言ったときのことを思いついたと思います。コメント者が指摘しているように、2つは関連していません。
これには基本的に2つの方法があります。
あなたができます
A)は、すべての回でのページと一緒にあなたのテキストエリアの全てを出したがdisplay:none
で彼らにCSSクラスを与えます。このように非表示に設定されているTextAreasまたはその周囲のコンテナのそれぞれには、固有のIDが必要です。
次に、javascript関数を使用して、display:none
プロパティを持たない別のクラスを任意の単一のidに割り当てることができます。
b)テキスト領域が後で移動するはずの空の要素を配置しますが、一意のIDも使用します。その後、Javascript(AJAX)を使用してHTMLをロードします。これは、多くの可能な要素があり、それらのすべてをいつでも外に出すことがあなたのページをあまりにも吹き飛ばす場合にのみ、良い選択です。
サイトでjQueryのようなJSフレームワークを使用していますか?これは、我々はN
は/非表示のマイナスを示すために、要素の数であることをcN
てc0
であることを表示/非表示されているelemetsのIDに依存しない
<!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>
:とにかく、これはあなたが上記のオプションAを実行する際に始めるかもしれませんone ...
Javaでは、あなたは確かにJavascriptを意味しますが、これはまったく異なっています。 – kapa
私はあなたがJavaではなくJavaScriptを意味すると思います。 – spot35
申し訳ありません、JavaとはJavaScriptではありません –