Показване на повече текст кутии +1

[TreantBG]

Как да направя така че след натискане на едно копче примерно "Добави още опции" да се показва нов цял ред на таблицата ??
и като се натиска и натиска да се добавя и добавя нови и нови редове към същата таблица.
+1 за човека който ми каже

 

[TreantBG]

айде де дайте едно скриптче..

 

[devent]

<script language="javascript">
  function toggleDiv(divid){
    if(document.getElementById(divid).style.display == 'none'){
      document.getElementById(divid).style.display = 'block';
    }else{
      document.getElementById(divid).style.display = 'none';
    }
  }
</script>
<div id="mydiv" style="display:none"><h3>Тест тест тест тест<br>Тест2 Тест2 Тест3</h3></div>
<a href="javascript:;" onmousedown="toggleDiv('mydiv');">Натисни ме..</a>

Ето и демо http://dmz.scriptx.info/box/

 

[TreantBG]

не питах за това...
а за добавяне на още и още редове
не само 1 и после да го скриеш

 

[skatebord]

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<script type="text/javascript">

function removeLast()
{
var aFieldset=document.form1.getElementsByTagName('fieldset');
var count=aFieldset.length;

if(count>1)
{
aFieldset[0].parentNode.removeChild(aFieldset[count-1]);
}
}

function addMore()
{
var aFieldset=document.form1.getElementsByTagName('fieldset');
var count=aFieldset.length;
var cloned=aFieldset[0].cloneNode(true);
var parent=aFieldset[0].parentNode;

var aInput=parent.getElementsByTagName('input');
var cInput=cloned.getElementsByTagName('input');
cInput[0].name=count;
count++;

var oDiv=parent.getElementsByTagName('div')[0];
parent.insertBefore(cloned, oDiv);
}

function viewsource() {
alert(document.body.innerHTML);
}

</script>

<form action="#" method="post" name="form1">
<fieldset>

<input name="0" type="text"/>

</fieldset>

<div>
<button type="button" onclick="addMore();">+</button><button type="button" onclick="removeLast();">-</button>
<button type="submit" name="submit">submit</button>
<a href="javascript:viewsource()">виж сорса копеле</a>
</div>
</form>

Това първото поле е с name=0, всяко следващо се покачва.
Ето демо: http://web-tourist.net/project/skatebord/asd.html

 

[TreantBG]

а така
мерси +1

 

[TreantBG]

ама още едно въпросче
как и да добавя към самата input форма да е заградена с <tr><td>Formata</td></tr>
тоест да допълва таблицата

 

[skatebord]

Нещо не разбрах...

 

[TreantBG]

нали имам таблица

<table>
<tr>
<td>
ne6to i ne6to
</td>
</tr>
<tr>
<td>Отношение</td>
<td><select name="other"><option value="new">Нова</option><option value="new2">Нова2</option></select><input type="text" name="movie" maxlength="60"><input type="button" name="add" value="add new" maxlength="60"><input type="submit" name="remove" value="remove" maxlength="60"></td>
</tr>

И сега като натисна адд или ремове да се добавя нов ред с такъв синтаксис

<td><select name="otherfunc"><option value="new">Нова</option><option value="new2">Нова2</option></select><input type="text" name="movie" maxlength="60"></td>

и да завърша после таблицата с тага </table>

възможно ли е това?

 

[skatebord]

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<script type="text/javascript">

function removeLast()
{
var aFieldset=document.form1.getElementsByTagName('fieldset');
var count=aFieldset.length;

if(count>1)
{
aFieldset[0].parentNode.removeChild(aFieldset[count-1]);
}
}

function addMore()
{
var aFieldset=document.form1.getElementsByTagName('fieldset');
var count=aFieldset.length;
var cloned=aFieldset[0].cloneNode(true);
var parent=aFieldset[0].parentNode; 


var aSel=parent.getElementsByTagName('select');
var cSel=cloned.getElementsByTagName('select');
cSel[0].name=aSel[0].name+count;

var aInput=parent.getElementsByTagName('input');
var cInput=cloned.getElementsByTagName('input');
cInput[0].name=aInput[0].name+count;
count++;

var oDiv=parent.getElementsByTagName('div')[0];
parent.insertBefore(cloned, oDiv);
}

function viewsource() {
alert(document.body.innerHTML);
}

</script>

<style type="text/css">
fieldset
{
border:0px;
}
</style>

</head>
<body>
<table>
<tr>
<td>
ne6to i ne6to
</td>
</tr>
<tr>
<td>Отношение</td>
</table>
<form action="#" method="post" name="form1">
<fieldset>
<table>
<td><select name="select">
<option value="new">Нова</option>
<option value="new2">Нова2</option>
</select>

<input type="text" name="input" maxlength="60">
</td>
</table>
</fieldset>

<div>
<button type="button" onclick="addMore();">+</button><button type="button" onclick="removeLast();">-</button>
<button type="submit" name="submit">submit</button>
<a href="javascript:viewsource()">виж сорса копеле</a>
</div>
</form>

Първите полета имат name="input" & name="select", всички следващи ще са под формата на name="input1" & name="select1".

 

[TreantBG]

благодаря