Ajuda - Ao Clicar No (+), Aparece Mais Opções De Links, Sendo Possível - Javascript / DOM / AJAX / ECMAScript

#1 RoWassano

Novato no fórum

Usuários
1 posts

Sexo:Não informado

Posted 30/01/2009, 15:46

Como fazer isso?
Um exemplo disso está aqui http://tutorial.uolhost.com.br/
embaixo da Busca, lá no FAQ:
Tem os botoes de + e ao clicar nele, aparece mais links, assim como o + muda para -
como fazer isso?
valeu!!

#2 Renan L. Queiroz

Mestre

Usuários
690 posts

Sexo:Masculino
Localidade:Brasilia - DF

Posted 22/01/2010, 14:25

Seria mais ou menos assim?

Script:

<html>

	<head>

		<title> Incluir e excluir linha de e-mail </title>

		<script>

			function addEmail(){

				var tabela = document.getElementById('table');
				var amgs   = document.getElementsByName('amigo[]');

				var amg    = document.getElementById('amigo');
				var add    = document.getElementById('add');
				var del    = document.getElementById('del');

				if (amgs.length < 10){

					var linha = tabela.insertRow(tabela.rows.length);
					
					linha.insertCell(0);
					linha.insertCell(1).appendChild(amg.cloneNode(true));
					linha.insertCell(2).appendChild(add.cloneNode(true));
					linha.insertCell(3).appendChild(del.cloneNode(true));

					document.getElementById('amigo').value = '';
				}
			}

			function delEmail(linha){

				var tabela = document.getElementById('table');
				var amgs   = document.getElementsByName('amigo[]');

				linha = linha.parentNode.parentNode;
				id = linha.rowIndex;

				if (amgs.length > 1 && id != 1)
					tabela.deleteRow(id - 1);
			}

		</script>

	</head>

	<body>

		<form method="post">

			<table width="285" border="0">

				<tr>
					<td width="100"><font face="verdana" size="2">Seu e-mail:</font></td>
					<td width="145"><input name="email" type="text" id="email" size="20"></td>
					<td width="10">&nbsp;</td>
				</tr>

				<tbody id="table">

					<tr>
						<td style="vertical-align:top;" ><font face="verdana" size="2">E-mail amigo:</font></td>
						<td><input type="text" id="amigo" name="amigo[]"></td>
						<td><input type="button" value="+" id="add" onclick="addEmail();"></td>
						<td><input type="button" value="-" id="del" onclick="delEmail(this);"></td>
					</tr>

				</tbody>

				<tr>
					<td>&nbsp;</td>
					<td><input type="submit" value="Enviar"></td>
					<td>&nbsp;</td>
				</tr>

			</table>

		</form>

	</body>

</html>

Edição feita por: Renan L. Queiroz, 22/01/2010, 16:15.

Especialidade: Desenvolvimento e Banco de Dados.

Este post lhe ajudou? Agradeça: Posted Image

#3 RonsisM

Super Veterano

Usuários
15724 posts

Sexo:Masculino
Localidade:Plovdiv

Posted 09/10/2017, 07:13

Albuterol Inhaler Without A Script viagra prescription Levitra Generique Belgique Pharmacie En Ligne

#4 RonsisM

Super Veterano

Usuários
15724 posts

Sexo:Masculino
Localidade:Plovdiv

Posted 25/10/2017, 07:56

Insuffisance Renale Mail Order Stendra Internet Cod Only Next Day Delivery viagra online Purchase Synthroid Online No Prescription Cialis Viagra Achat Orlistat 60 Mg Canada
Buy Doxycycline For Acne Come Assumere Levitra Priligy Sin Receta Mexico viagra Cialis 20 Euro Baclofene Et Lyrica Cipro Cheap No Prescription
Y P Healthcare Cialis A Quel Age Buy Accutane In Mexico viagra Buying Discount Secure Ordering Acticin Pills Store
Acheter Cialis 10 Mg Ligne viagra Amoxicillin 33436 Cuanto Cuesta Viagra En Una Farmacia
Syphilis And Amoxicillin Tadalis Sx Vente 10 Mg Cialis Cancer De La Prostate cialis Buy Cheap Finasteride

#5 RonsisM

Super Veterano

Usuários
15724 posts

Sexo:Masculino
Localidade:Plovdiv

Posted 05/11/2017, 15:41

isotretinoin direct Drugs Similar To Cephalexin levitra brand Preisvergleich Cialis Generika Will Amoxicillin Cure Infection Import Kamagra India
Parmacies On Line Penegra online pharmacy Vendita Viagra On Line

#6 RonsisM

Super Veterano

Usuários
15724 posts

Sexo:Masculino
Localidade:Plovdiv

Posted 28/11/2017, 14:48

Propecia Eficaz cialis Preis Cialis 20mg 12 Furosemide Vs Otc
Viagra Sin Enganos Misoprostol En Ligne viagra online prescription Extra Super Cialis Review Dinoprostone Tricor
Typical Cost Of Amoxicillin buy viagra online Cialis 20mg For Sale

Ajuda - Ao Clicar No (+), Aparece Mais Opções De Links, Sendo Possível

#1 RoWassano

#2 Renan L. Queiroz

#3 RonsisM

#4 RonsisM

#5 RonsisM

#6 RonsisM

0 user(s) are reading this topic

Entrar