Ir para conteúdo

Arquivado

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

Marxrj

Dúvida para gravar para URL amigável

Recommended Posts

Galera, estou com uma dúvida mas não sei direito por onde começar, Preço gravar um nome no banco de dados para URL amigável, então se quero gravar no banco um nome com acento e sobrenome. Exemplo: Maísa Gonçalves, eu tenho de gravar também em outro campo maisa-goncalves.

 

Então eu teria de ter o campo nome no bd e outro sendo nome_url por exemplo, mas como consigo gravar esse segundo nome com minusculas, sem acentos e com o traço?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá!
Normalmente esse campo é chamado slug.
Você trata a string do nome(converter em minúsculas, remover acentuação, trocar espaços por sinal de menos), para gerar uma slug e só então persistir no database.
Houve uma discussão aqui mesmo sobre isso, veja se te ajuda:

 

https://forum.imasters.com.br/topic/456141-resolvido função-para-criar-slug/

Compartilhar este post


Link para o post
Compartilhar em outros sites
Cara, até consegui, mas não sei porque no sistema ele da esse erro,
ele faz a separação na boa e tudo mais, mas se eu colocar um acento ele coloca o traço

Se eu colocar Maria Andrade fica maria-andrade. Mas seu eu coloco Maria Caçula
e da maria-ca-ula se fosse Maria Angélica ele da maria-ang-lica

O código: Funciona bem assim, mas quando coloco no sistema da esse erro,
não sei se pode ser alguma codificação ou incompatibilidade com outro arquivo

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Teste gravar URL</title>
        
        <script src="src/slugify.js"></script>
        <script src="src/slugify_test.js"></script>
        <!-- Removing access to jQuery and $. But it'll still be available as _$, if
             you REALLY want to mess around with jQuery in the console. REMEMBER WE
             ARE TESTING A PLUGIN HERE, THIS HELPS ENSURE BEST PRACTICES. REALLY. -->
        <script>window._$ = jQuery.noConflict(true);</script>
		
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		  <script src="src/slugify.min.js"></script>
		  <script src="src/speakingurl.min.js"></script>
		  
<script>
jQuery(function($) {
  $('#slug-target,#slug-target-span').slugify('#slug_source'); // Type as you slug
});
</script>
	
    </head>
    <body>
        <div>
            <input type ="text" value="" id="slug_source"/>
        </div>
        <div>
            <input type ="text" value="" id="slug_target"/>
        </div>
        
    </body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Está nos arquivos js, então é complicado eu ver isso, mas como eu disse, ele está funcionando perfeitamente, porém no meu sistema da o erro.Estou vendo o que pode haver de errado. 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Veja...  nunca se deve deixar a responsabilidade de caracteres no javascript.

Qualquer um pode pressionar ctrl+shifit+i e editar-lo.

 

Não que não possa usar como em algo para facilitar, deixar mais agradável a experiência do usuário na aplicação, para isso usamos a própria máquina do usuário através do javascript. Mas quando for passar para o back-end onde a "mágica acontece" sempre quem deve fazer as coisas é o sistema que trabalha do lado do servidor.

 

Fiz algo só para explicar (Não testei, pois estou escrevendo direto aqui, mas funciona)

<?php
function formartarTexto($string) {
    $arr = [];
    $arr['A'] = 'áÁéÉíÍóÓúÚ çÇ';
    $arr['B'] = 'aAeEiIoOuU-cC';
    $retorno = strtr(utf8_decode($string), utf8_decode($arr['A']), $arr['B']);
    return $retorno;
}

$nome = 'Maísa Gonçalves'; // Nome para formatar

echo formartarTexto($nome); // A saída será Maisa-Goncalves

echo strtolower(formartarTexto($nome)); // A saída será maisa-goncalves

Se deu para entender criei um array com 2 índices A e B. Onde quando existirem os caracteres do A serão substituídos pelos do índice B. No mais o resto você ajeita da melhor forma que desejar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entendi, só não funcionou aqui, não sei se implantei direito no input

 

        <div>
            <input type ="text" value="" id="nome"/>
        </div>
        <div>
            <input type ="text" value="" id="nome2"/>
        </div>

Pois no caso tenho de inserir a cópia no nome2, mas quando escrevo no campo 1 o nome, nada acontece

Compartilhar este post


Link para o post
Compartilhar em outros sites

Como disse, você pode usar o javascript para facilitar ou interagir com o usuário.

Ou seja tenho o input 1 o que eu digitar ele também é escrito no 2.

 

Mas pelo que entendi sua pergunta era para gravar o nome sem acento e sem espaço no banco, então mostrei uma função que vai tratar o campo (só usei poucos caracteres de demostração) para fazer tal coisa quando o sistema do servidor é executado.

 

A propósito não vejo razão para ao digitar em um input escrever em outro a mesma coisa só que com texto formatado.

Fiz alguma brincadeira aqui, não está completa pois agora não estou me recordando como barrar outras teclas sem apelar para muitas camadas de verificação.

 

Veja;

Isso seria o javascript

Spoiler

var Exemplo = function (inputEntrada, inputSaida) {
    var entrada = document.getElementById(inputEntrada);
    var saida = document.getElementById(inputSaida);
    entrada.value = null;
    saida.value = null;

    entrada.addEventListener('keypress', formatar, false);

    function formatar(e) {
        var tecla = e.key;
        var formatado =
                tecla.toString()            // qualquer entrada deve ser STR mesmo que seja INT
                .replace(/[ÁáàãÀÂÃ]/, 'a')  // letra A acentuada
                .replace(/[ÉéÈèÊê]/, 'e')   // letra E acentuada
                .replace(/[ÍíÌìÎ]/, 'i')    // letra I acentuada
                .replace(/[ÓóÒòÔôÕõ]/, 'o') // letra O acentuada
                .replace(/[ÚúÙù]/, 'u')     // letra U acentuada
                .replace(/[Çç]/, 'c')       // letra C acentuada
                .replace(/^-+/, '')         // traços para nada
                .replace(/\s+/g, '-');      // todos espaços para traço
        saida.value += formatado.toLowerCase();
    }
};

 

 

Então digamos que esse seja o html

Spoiler

<input type ="text" id="input_A"/>

<input type ="text" id="input_B"/>

<script>
    var filtro = new Exemplo('input_A', 'input_B'); // Chamamos a classJS passando os IDs dos inputs
</script>

 

 

Só repassando, como disse acima que não vejo utilidade/benefício de tal ação, uma vez que um usuário mal intencionado com certeza porque esses não faltam por aí, vai abrir o inspetor > editar > e submeter esses dados modificados como ele bem quis para seu sistema.

O que deve sempre entrar em ação é o tratamento de todo tipo de dado que entra na sua aplicação.

Se fosse meu caso só pegaria o input nome da pessoa e criaria no back os dados que desejo para minha aplicação a partir desse nome que ela inseriu já tratados e limpos... bla... bla... bla....

 

Enfim fiz só um básico do que seria a função que executaria esse negócio de inserir no input e tal.

No mais vi que está usando jQuery que uma coisa que passo longe, porque detesto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvi!!! Agradeço a ajuda de todos

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
		<script src="jquery.slugify.js" type="text/javascript"></script>
		<script type="text/javascript" charset="utf-8">
			$().ready(function () {
				$('.nome2').slugify('#nome');
			
				var pigLatin = function(str) {
					return str.replace(/(\w*)([aeiou]\w*)/g, "$2$1ay");
				}
			
				$('#pig_latin').slugify('#nome', {
						slugFunc: function(str, originalFunc) { return pigLatin(originalFunc(str)); } 
					}
				);
			
			}); 
		</script>

<input type="text" name="nome" value="" id="nome">
  
<input type="text" name="nome2" id="nome2" value="" class="nome2">
  
  

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Fala galera, tudo bem?
       
      Tenho o seguinte codigo:
       
       class Data {
      public static function ExibirTempoDecorrido($date)
      {
          if(empty($date))
          {
              return "Informe a data";
          }
          $periodos = array("segundo", "minuto", "hora", "dia", "semana", "mês", "ano", "década");
          $duracao = array("60","60","24","7","4.35","12","10");
          $agora = time();
          $unix_data = strtotime($date);
          // check validity of date
          if(empty($unix_data))
          {  
              return "Bad date";
          }
          // is it future date or past date
          if($agora > $unix_data) 
          {  
              $diferenca     = $agora - $unix_data;
              $tempo         = "atrás";
          } 
          else 
          {
              $diferenca     = $unix_data - $agora;
              $tempo         = "agora";
          }
          for($j = 0; $diferenca >= $duracao[$j] && $j < count($duracao)-1; $j++) 
          {
              $diferenca /= $duracao[$j];
          }
          $diferenca = round($diferenca);
          if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
          return "$diferenca $periodos[$j] {$tempo}";
      }
      }
       
      Funciona redondinho se o valor retornado for de algumas horas, mas...
      Quando passa de dois meses, ele retorna a palavra mess. Deve ser por conta dessa linha
      if($diferenca != 1) 
          {
              $periodos[$j].= "s";
          }
       
      Quero que modre:
       
      2 meses atrás
      e não
      2 mess atrás.
       
      Espero que tenham entendido.
       
      Valeu
    • Por Carlos Web Soluções Web
      Olá...
      Estou tentando fazer o seguinte !!
      Listando dados em tabela !!
      Gostaria que....se na listagem houver 4 linhas...indepedente de seu número de ID, faça a listagem em ID ser em ordem 1 2 3 4 !!
      Exemplo...se tiver uma listagem de dados que está em ID 1 3 3...faça ficar 1 2 3 !!

       
      echo "<table class='tabela_dados' border='1'> <tr> <td>ID</td> <td>Nome Empresa</td> <td>Responsável</td> <td>Telefone 1</td> <td>Telefone 2</td> <td>E-mail 1</td> <td>E-mail 2</td> <td>Endereço</td> <td>CEP</td> <td>Bairro</td> <td>AÇÃO 1</td> <td>AÇÃO 2</td> </tr> "; $sql = "SELECT ID FROM usuarios_dados WHERE Usuario='$usuario'"; $result = $conn->query($sql); $num_rows = $result->num_rows; $Novo_ID = 1; for ($i = 0; $i < $num_rows; $i++) { $registro = $result -> fetch_row(); $sql2 = "UPDATE usuarios_dados SET ID='$Novo_ID' WHERE ID='$Novo_ID'"; $result2 = $conn->query($sql2); $Novo_ID++; } $sql = "SELECT * FROM usuarios_dados"; $result = $conn->query($sql); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { echo "<tr> <td>$row[ID]</td> <td>$row[Nome_Empresa]</td> <td>$row[Responsavel]</td> <td>$row[Telefone_1]</td> <td>$row[Telefone_2]</td> <td>$row[Email_1]</td> <td>$row[Email_2]</td> <td>$row[Endereço]</td> <td>$row[CEP]</td> <td>$row[Bairro]</td> <td> <form method='post' action='Editar_Dados.php'> <input type='hidden' name='usuario' value='$usuario'> <input type='hidden' name='senha' value='$senha'> <input type='hidden' name='ID' value='$row[ID]'> <input type='submit' style='padding: 10px;' value='EDITAR'> </form> </td> <td> <form method='post' action='Deletar_Dados.php'> <input type='hidden' name='usuario' value='$usuario'> <input type='hidden' name='senha' value='$senha'> <input type='hidden' name='ID' value='$row[ID]'> <input type='submit' style='padding: 10px;' value='DELETAR'> </form> </td> </tr> "; } } else { echo "0 results"; } $conn->close();  
    • Por ILR master
      Boa tarde pessoal, tudo bem ?
       
      Eu uso o tinymce para cadastro de textos no meu siite, porém, quero fazer um sistema para que os colunistas possam fazer o próprio post.
      O problema do tinymce, é que ele mantém a formatação do texto copiado, como tamanho de fonts, negritos, etc... Quero que o usuário cole o texto e a própria textarea limpe a formatação para que ele formate como quiser.
       
      A pergunta é:
       
      O tinymce tem uma opção para desabilitar a formatação quando um texto é colocado?
      Tem alguma função via java ou php para retirar a formatação assim que o texto é colado?
      Ou é melhor usar um outro editor?
       
      Agradeço deste já.
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
×

Informação importante

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