Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Guilherme Eloi

Como chamar essa função js no input text

Por , em Javascript

Recommended Posts

Guilherme Eloi    1

Guilherme Eloi
Postado

Bom dia pessoal , estou querendo fazer uma coisa simples, mas não sei como chamar a função do modo que eu quero...

Quando eu digitar um texto no campo título e depois der TAB (onMouseOut), já automaticamente insira no campo slug, o texto da slug formatado pela função js....

Alguem poderia me ajudar a adaptar? Sei que tenho que chamar a função no input , mas nao sei como, e sei que a função deve setar o valor da variavel formatada no campo slug, mas nao sei como fazer tambem....

 

Obrigado

 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Teste slug</title>
<script type="text/javascript">
function string_to_slug(str) {
  str = str.replace(/^\s+|\s+$/g, ''); // trim
  str = str.toLowerCase();
  
  // remove accents, swap ñ for n, etc
  var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
  var to   = "aaaaeeeeiiiioooouuuunc------";
  for (var i=0, l=from.length ; i<l ; i++) {
    str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
  }

  str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
    .replace(/\s+/g, '-') // collapse whitespace and replace by -
    .replace(/-+/g, '-'); // collapse dashes

  return str;
}

</script>

</head>

<body>
<form name="form1" method="post" action="">
    <label for="textfield">Título:</label>
    <input type="text" name="titulo" id="titulo">
    <label for="textfield2">Slug titulo:</label>
     <input type="text" name="slug" id="slug">
    <input type="submit" name="button" id="button" value="Enviar">
</form>
</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

window.onload = function(){

document.getElementById('titulo').addEventListener("blur", function(){

document.getElementById('slug').value = string_to_slug(this.value);

});

}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito