..:: MX Studio Fóruns ::..: Customizar Clausula Input no DreamWeaver - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




ATENÇÃO

Para evitar posts desnecessários e que não influam para o andamento e desenvolvimento do fórum, clique aqui e leia todas as regras.
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Customizar Clausula Input no DreamWeaver Customizar Clausula Input no DreamWeaver

#1 Guest_saintchelo_*

  • Group: Guests

Posted 21 January 2012 - 10:04 PM

Olá a Todos,

Sou novo por aqui e tb novo em html e estou precisando de ajuda.

É o seguinte : Estou criando um Form no Dreamweaver que tem um Form Field (clausula input) que é o seguinte:

<input name="nome" type="text" id="nome" size="30" />

É um form simples, mas eu gostaria de saber se existe a possibilidade de jogar
no parametro size, uma variável que eu possa definir através de uma função em JS ou de
alguma outra maneira para poder trabalhar com essa variável e customizar esse input
da forma com eu quiser, ou seja em vez de ter um valor fixo que no caso acima é de 30, gostaria de colocar
uma variável que eu possa definir.

É possível ?
0

#2 User is offline   xanburzum 

  • Group: Administrador
  • Posts: 2377
  • Joined: 04-November 08

Posted 22 January 2012 - 08:38 AM

olha es code , onde você cria automaticamnte seus inputs.

/*
 * 
 * Como usar:
 * 		todo o script se baseia nos parâmetros, logo você só terá que defini-los. Sâo eles:
 * 			formID » valor do tipe ID que recebe o formulário
 * 			buttonAdd » valor do tipo ID que recebe o botão para adicionar;
 * 			textButtonRemove » valor do tipo STRING que especifíca o texto que aparecerá no botão de excluir campo
 * 			maxInputs » valor do tipo inteiro que especifíca o máximo de campos a serem criado
 * 			minInputs » valor do tipo inteiro que especifíca o mínimo de campos, no documento, depois de criados
 * 			textLabel » valor do tipo STRING que especifíca o texto que aparecerá no label
 */

window.onload = function(){
	addRemoveInput("upload", "btnAdd", "Deletar Campo!", 10, 2, "URL ");
};

function addRemoveInput(formId, buttonAdd, textButtonRemove, maxInputs, minInputs, textLabel){
	var form = document.getElementById(formId);
	var btnAdd = document.getElementById(buttonAdd);
	var inputs = 0;
	var labels = document.getElementsByTagName("label");
	
	btnAdd.onclick = addInput;
	
	function addInput(){
		if(labels.length < maxInputs){
			++inputs;
			
			var label = document.createElement("label");
			var input = document.createElement("input");
			var btnRemove = document.createElement("input");
			
			label.innerHTML = textLabel + inputs;
			input.setAttribute("type", "text");
			btnRemove.setAttribute("type", "button");
			btnRemove.setAttribute("value", textButtonRemove);
			
			label.appendChild(input);
			
			if(labels.length < minInputs){ 
				form.appendChild(label);
			} else{
				label.appendChild(btnRemove);
				form.appendChild(label);
			}
			btnRemove.onclick = removeInput;
			
		} else alert("Você pode adicionar até " + maxInputs + " campos!");
	}

	function removeInput(){
		if(labels.length == minInputs + 1){
			inputs--;
			alert("Você deve deixar no mínimo " + minInputs + " campo(s)!");
			form.removeChild(this.parentNode);
		} else{
			inputs--;
			form.removeChild(this.parentNode);
		}
	}
}

0

#3 User is offline   donjon 

  • Group: Membros
  • Posts: 54
  • Joined: 28-August 11

Posted 20 February 2012 - 05:32 AM

good to know that i must say it is nice informative share
0

#4 User is offline   xanburzum 

  • Group: Administrador
  • Posts: 2377
  • Joined: 04-November 08

Posted 20 February 2012 - 08:49 AM

is the same as many panels use the file manager to upload
0

#5 User is offline   donjon 

  • Group: Membros
  • Posts: 54
  • Joined: 28-August 11

Posted 19 March 2012 - 07:47 AM

i must say it is nice and informative share good to know that
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic


Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies Tutorial - Alinhamento do Flash no HTML
Como alinhar o seu flash no HTML usando o Dreamweaver
Tutoriais e Artigos ubi_rj 
  • 1 Reply
  • 7979 Views
New Replies Tutorial Dreamweaver Básico
ferramentas básicas do dreamweaver
Tutoriais e Artigos xTnTx 
  • 4 Replies
  • 10082 Views
New Replies Como centrar swf no dreamweaver em qualquer Browser? Tutoriais e Artigos epa_epa 
  • 1 Reply
  • 2852 Views
New Replies interagir com arquivo flv em um player dinamico tem como?
preciso clicar em um input e ir para um trecho especifico do filme...
Flash & ActionScript rodrigomc2000 
  • 1 Reply
  • 903 Views
New Replies Como bloquear teclas F1 ao F12 no Flash
Não tem input text nem botão
Flash & ActionScript Luka13 
  • 2 Replies
  • 1759 Views
New Replies Inputbox perdendo a formatação
Style ?!
Flash & ActionScript ZecaLoteiro 
  • 2 Replies
  • 854 Views
New Replies Exportação para o Dreamweaver com problemas Fireworks Apocalipse16 
  • 6 Replies
  • 2111 Views
New Replies LINK - Dreamweaver
link para outro site - DUVIDA
Tutoriais e Artigos Mick 
  • 2 Replies
  • 5485 Views

Publicidade




2 User(s) are reading this topic
0 membro(s), 2 visitante(s) e 0 membros anônimo(s)