-1

Estou querendo que seja possível adicionar e depois quando atualize a página ele permaneça salvo no meu HTML.

.menu {
  width: 100%;
  height: 70px;
  background-color: #56B8BD;
  max-height: 70px;
}

.menu ul li {
  float: left;
  list-style: none;
  text-decoration: none;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  padding-top: 1%;
}

button {
  width: 56px;
  height: 56px;
  border-radius: 56px;
  font-size: 18px;
  border: none;
  float: right;
  margin-right: 1%;
  margin-top: 0.25%;
}

button:hover {
  transform: scale(1.03);
}
<html>

<head>
  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

  <style type="text/css">
  </style>

</head>

<body>
  <div class="principal">
    <nav class="menu">
      <ul>
        <li> Barra Menu</li>
      </ul>
    </nav>
    <button onclick="adicionar()">+</button>
  </div>

  <script>
    function adicionar() {
      $("body").append("<nav><ul><li> Novo Menu Adicionado</li></ul></nav>");
      $("nav").addClass("menu")
    }
  </script>

</body>

</html>

4
  • Não sei se entendi, mas você quer que essa nova div seja adicionada ao seu arquivo HTML depois de gerada? Commented 24/09/2018 às 13:08
  • 4
    Você precisa persistir essas alterações em algum lugar, seja em banco de dados, localStorage, sessão, memória, arquivo em disco, etc, depende das suas necessidades.
    – Woss
    Commented 24/09/2018 às 13:13
  • Seria isto mesmo mas n sei como fazer isso se vocês puderem ajudar Commented 24/09/2018 às 13:41
  • Que tal localstorage? veja se funciona ai kithomepage.com/sos/adicionado.htm
    – user60252
    Commented 24/09/2018 às 14:05

1 Resposta 1

0

Para configurar sua conexão ao Banco Mysql em PHP:

<?php
   $db_name = "[Nome do seu banco]";
   $db_user = "[Nome de usuario do seu banco]";
   $db_password = "[Senha do banco]";
   $db_host = "[Host do banco]";

   $conn = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);

   if(!$conn)
        echo "Erro na conexão";

   //Para inserir a quantidade de DIV's
   $sql = "INSERT INTO [Nome da sua tabela] ([nome da coluna])
               VALUES ([valor a ser adicionado])";

   if ($conn->query($sql) === TRUE) {
      echo "Sucesso!";
   } else {
      echo "Error";
   }

   //Para buscar um valor no banco
   $sql = "SELECT * FROM [Nome da sua tabela]";
   $result = $conn->query($sql);

   //Dae voce usa a var result para manipular os dados do BD
?>
2

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .