Ir para conteúdo
GugaCoffee

Criando comentários no site

Recommended Posts

Bom dia gente!

 

Sou novo programando para web, e no meio do curso que estou fazendo decidi criar um blog simples para ver o resultado das coisas que aprendi (é uma forma de me motivar a continuar a estudar porque eu tenho problemas em continuar coisas :D)

 

e bem, tem me agradado o resultado como primeiro blog que desenvolvo, consegui alterar coisas que não gostei e deixar ele com uma aparência agradável.

No momento, depois de ter feito o que seria uma "postagem" no meu pseudo-blog gostaria de criar uma sessão de comentários funcional.

 

Pra isso, decidi usar mais uma tag de div para fazer um espaçamento (todo o blog tem background preto e pra deixar o texto ainda preto coloquei um background no div e no nav de cor branca) de forma que ficassem separados os espaços em branco e não fossem visto como uma coisa só.

 

Então, criei a sessão de monetário e com a textarea coloquei o tamanho de uma caixa de texto que me agradasse, ok.

o problema é que eu quero que o texto que eu escreva dentro dela (usando o navegador, claro) fique salvo na página (mesmo que se atualizar a página ele suma)

pensei em javascript embora não tenha visto quase nada dele, imagino q deva usar um script para poder fazer o que pretendo:

 

Criar um botão embaixo da caixa de texto escrito enviar com a função onclick (para poder ser utilizado com o javascript), para que o texto escrito naquela caixa possa ser inserido na página.

 

aqui vai o código:

(peço que não reparem na bagunça de padding e margins, como estou no começo ainda não controlo muito bem isso mas adoraria dicas sobre como fazer x coisa que possa melhorar o código fora o javascript)

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Conhe Cimento</title>

    

    <div class="imagem px-0">

        <div class="texto">

        

          Conhecimento Tech

 

        </div>

    </div>

 

    <style>

        .imagem{

            margin-top: -10px;

            margin-left: -15px;

            background-image: url(b.jpg);

            padding-right: 23px;

            width: 100%; height: 270px;

            background-size: 100%;

        }

        

        .texto{

            position: absolute;

            color: hsl(0, 0%, 100%);

            top: 90px;

            left: 30px;

            font-size: 30px;

            font-family: verdana;

        }

 

    </style>


 

</head> 

 

<p line-height="20px" class="tema" id="tema">

    <div class="titulo">

       <div class="escrito"><h1> &ensp; 7 Passos para programar</h1>

      &ensp; <i> &ensp;&ensp;&ensp; e minha história como programador, por Gustavo Salles </i> </div>

    </div>

 

</p>

<br>

 

<style>

    .tema{ font-family:'comic sans';

 

}

    .titulo{

        background-image: url(a.jpg);

        width: 100%;

        height: 90px;

        margin-top: -0px;

        margin-left: -9px;

        padding-right: 16px;

        }

 

    .escrito{

        color: white;

        margin-left: 20px;

        margin-top: -21px;

        height: 30px;

        font-family: verdana;

    }

 

    body{

        background-image: url(C.jpg);

    }

 

    nav{

        background-color: white;

        width: 1200px;

        height: botton;

        margin-left: 10px;

    }

 

</style>


 

<style>

    .sale{

        height: 70px;

        border-radius: 40px;

        margin-left: 10px;

        border: black;

        margin-top: 20px;

    }

    .bio{

        padding-left: 90px; 

        padding-right: 20px;

        margin-top: 20px;

        background-color: black;

        color: white ;

        height: 110px;

    }

    

    .conteudo{

        margin-left: 40px;

        margin-right: 40px;

        padding-right: 70px;

        font-family: verdana;

 

    }

 

    .comentário{

    margin-left: 10px;

    }

</style>

 

<body>

    

    <nav>

        <p>

            <br>

 

            <div class="conteudo" align="left">

 

                

                <h2>Lorem ipsum dolor sit amet </h2>

             consectetur adipiscing elit. Maecenas interdum et nibh ut pellentesque. Aliquam mollis suscipit tincidunt. Aliquam placerat magna a laoreet rutrum. Duis eu justo sit amet magna hendrerit faucibus in at est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam efficitur, purus vel fringilla aliquam, neque tellus tempus magna, sed feugiat eros massa et nisi. Cras efficitur facilisis nisl, quis rhoncus mi molestie tristique. Aliquam non augue tortor. Nulla eget lectus sit amet lectus ultricies accumsan vel vel urna. Sed finibus ipsum tempus odio commodo gravida. Duis lobortis, arcu ut sollicitudin faucibus, leo est pretium augue, eu eleifend est nibh dignissim turpis. In eleifend massa id volutpat auctor. Cras volutpat lacus quis mi mattis, a posuere nibh egestas. Morbi posuere lacus et feliz euismod, nec hendrerit feliz faucibus. Phasellus euismod, magna a ultricies interdum, augue metus auctor magna, in mattis lorem mauris nec est.

             Maecenas eget erat ut dui pretium consectetur. Vestibulum feugiat lectus imperdiet mauris vulputate dignissim fermentum quis mi. Sed volutpat nulla in porta mattis. Aliquam fringilla, dui at fringilla bibendum, ligula dolor laoreet neque, in placerat sem velit dapibus justo. Nunc a lacus et metus varius sodales. Nullam sodales vulputate ligula, a facilisis ipsum congue ut. Pellentesque interdum varius risus at molestie. Ut nulla purus, pharetra id tristique vel, sollicitudin vitae ex. In eleifend odio in erat bibendum, eget elementum eros efficitur. Nulla quis risus libero. Nulla ante lacus, volutpat et vestibulum ac, venenatis non orci. Fusce efficitur ac ligula vitae pharetra.

             Aliquam volutpat est id velit volutpat convallis. <br><br> 

             <h2>1. Nunca avance sem entender completamente o assunto que está estudando</h2>

             Sed bibendum sit amet quam non volutpat. Praesent eget elit non justo finibus lacinia. Vestibulum eu porta feliz. Etiam vitae convallis metus. Pellentesque condimentum, leo non cursus ultricies, lectus ante fermentum enim, ac cursus sem risus nec sem. Aliquam sapien enim, vestibulum in dictum id, ullamcorper a augue. Sed mollis vel quam ac sodales. Ut mollis orci non turpis bibendum, eget pulvinar mauris congue. Proin ullamcorper tellus sed tempus ultricies. Suspendisse potenti. Curabitur efficitur viverra risus id volutpat. Praesent commodo nunc quis sapien ullamcorper, ut pretium ante ultrices. Suspendisse diam turpis, venenatis nec condimentum id, laoreet sed magna. Nulla faucibus nisi sit amet diam eleifend pellentesque. Phasellus egestas lorem at condimentum egestas.

             Duis placerat, ligula eget fermentum porta, nisi lacus molestie ante, nec cursus mauris dui semper ex. Integer pretium, massa nec suscipit tempus, ante libero placerat sem, ac varius libero ligula vestibulum feliz. Aliquam in nunc nec feliz placerat venenatis gravida et quam. Donec feugiat enim quis purus bibendum pulvinar. Nullam vehicula dui ac neque luctus, vel pretium arcu auctor. Aenean sagittis leo nec urna pellentesque, et malesuada magna maximus. Aenean dui erat, cursus vitae nunc pharetra, varius luctus diam. Nunc quis est nisl. Vivamus euismod dui est, bibendum fringilla nisl consectetur et. Nulla enim ipsum, semper ac dui quis, malesuada commodo augue.

             ellentesque blandit turpis quis auctor viverra. Duis nec lorem fringilla diam placerat dignissim. Praesent sed libero cursus, condimentum dui sit amet, euismod nunc. Aenean tellus arcu, semper vel commodo nec, commodo sed eros. Proin massa massa, suscipit id nisl nec, blandit ullamcorper elit. Aenean pretium hendrerit feliz eget consectetur. Integer lacus nisl, aliquet ac varius sed, tempor at tortor. Morbi ac luctus libero. Duis tellus lorem, interdum ut ante nec, tempor sagittis lectus. Vivamus faucibus a nunc in malesuada.

             Mauris suscipit nibh quis cursus eleifend. Ut placerat feugiat nibh. 

             <h2>2. Faça esquemas em resumos do que aprendeu na semana </h2><a href="#ancora-GZIP">CLICA aqui</a>Mauris porta massa non lacus consectetur, ut rhoncus est tincidunt. Donec ultricies accumsan sem, vestibulum volutpat augue aliquet tristique. Integer nibh ex, luctus id hendrerit ut, porta sed ligula. Cras eu ultrices libero. Vestibulum a interdum metus. Morbi ac elit congue, mattis diam id, dictum nunc. Nunc tincidunt, ex tempus dictum venenatis, mauris urna ullamcorper leo, et posuere diam mauris a magna. Cras posuere ante non ex pretium mollis. Duis rutrum ligula sit amet nunc fringilla congue.

             Nam eget justo ante. Nulla non feugiat ante. Quisque luctus tincidunt lorem non viverra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin at rhoncus lectus. Sed eros urna, volutpat ut rhoncus a, hendrerit vitae orci. Ut in metus facilisis tortor commodo pulvinar. Suspendisse ac venenatis nibh, sit amet fermentum neque. Vivamus sed magna gravida, efficitur ligula ut, luctus velit. Sed ut feugiat mi. Integer volutpat dolor eget metus commodo, quis vestibulum purus lobortis. Cras molestie bibendum commodo. Sed vel eleifend lorem. Ut leo magna, elementum non tempus nec, accumsan eget massa. Nunc blandit aliquam posuere. Etiam et semper mauris.           Sed tristique condimentum est eget egestas. Vestibulum sagittis aliquam lacus, placerat gravida velit posuere sed. Nam augue eros, tincidunt non lacinia ac, laoreet eu lorem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Nulla accumsan orci sagittis, pretium dolor in, rutrum lectus. Ut non turpis tincidunt, convallis quam eget, fringilla tortor. Ut pretium vestibulum sapien, ut tempor dui. Curabitur vitae consequat diam. Sed bibendum ac turpis et placerat.

             Praesent commodo, nisl eget venenatis fringilla, ipsum neque lobortis sapien, suscipit dignissim mauris purus hendrerit justo. Maecenas cursus augue eu volutpat viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In eu commodo risus, ac convallis lacus. Nam leo diam, ultrices ut metus sit amet, elementum convallis enim. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras nec dolor ac metus fermentum mollis. Morbi lacus lorem, blandit sed eros non, convallis venenatis lacus. Suspendisse at est id quam congue tincidunt non quis nibh. Sed egestas feliz non posuere feugiat. Nulla facilisi.

             Aliquam iaculis aliquam feliz sit amet suscipit. Praesent risus lectus, gravida in ex ac, cursus porttitor lorem. Cras porta ex tellus, eget aliquet turpis venenatis vel. Phasellus a nisi lobortis, imperdiet dui sed, ullamcorper risus. Pellentesque dapibus, est a convallis venenatis, libero neque vestibulum dui, ac egestas mauris urna efficitur enim.

             Nullam placerat turpis non tortor mattis sagittis vel at risus. Nulla facilisi. Quisque accumsan magna et sagittis lacinia. Sed non nunc at diam tincidunt egestas et ut dui. Proin hendrerit lobortis turpis in dictum.

             Lorem ipsum dolor si<h2>3. Não desista!</h2>t amet consectetur adipisicing elit. Blanditiis eius nesciunt natus laborum. Iste autem, asperiores doloremque nesciunt modi debitis quaerat 

             commodi fuga adipisci consequuntur velit earum temporibus fugit cum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur provident magni in ad itaque temporibus, voluptatem debitis voluptatum eligendi, numquam laudantium officiis neque! Pariatur ipsum aliquid est eligendi, at saepe.

             Lorem ipsum dolor sit amet, consectetur adipiscing elit.<h2>4. Conheça várias linguagens e a lógica de programação </h2> Cras lacus odio, hendrerit at velit ut, molestie condimentum erat. Curabitur ut nibh rhoncus, venenatis quam vel, lobortis est. Etiam sit amet sollicitudin arcu, a sagittis nunc. Aenean rutrum velit nulla, vel aliquet lacus porttitor a. Nullam eros mauris, laoreet vel finibus posuere, scelerisque vel massa. Fusce semper pharetra tortor. Suspendisse ante ligula, scelerisque sit amet iaculis vel, finibus id risus. Nunc porttitor, erat sed congue vehicula, sem nulla egestas lectus, eget euismod ipsum tellus sed arcu. Pellentesque posuere lectus libero, porta commodo libero accumsan quis. Sed turpis ex, iaculis sed feliz non, convallis sagittis urna. Sed semper fermentum enim at finibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ipsum dui, mollis ac vehicula sit amet, egestas non nisl.

             Quisque ornare elit augue, quis placerat ex sagittis sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur finibus nibh finibus feliz ultrices, ut ullamcorper nisl blandit. Mauris posuere ullamcorper ante, eget volutpat magna lobortis vitae. Vivamus ultricies erat non ultricies tempus. Mauris ac ligula euismod, dignissim feliz quis, consectetur lacus. Pellentesque scelerisque ultricies sodales. Nulla turpis eros, elementum ac pulvinar in, convallis ac ipsum.

             Etiam ullamcorper lectus at tortor commodo iaculis. Cras sagittis laoreet nisi eu accumsan. Nam quam elit, tristique id diam non, vulputate rutrum dolor. Maecenas non odio mattis, fringilla sem non, feugiat tortor. Morbi lectus libero, gravida eget turpis ut, facilisis dictum nibh. Aliquam aliquam nisi purus, vel ultrices lacus dignissim at. Morbi in tellus non erat molestie pulvinar eleifend at nisi. Curabitur porta auctor feugiat. Duis feugiat enim eget mi mollis maximus. Duis maximus odio lacinia purus ultrices, id semper feliz consectetur. Nam lorem massa, iaculis vel aliquam et, porttitor quis ex. Phasellus sed arcu volutpat turpis varius mattis id finibus nisi. Morbi blandit posuere arcu ac vehicula. Quisque molestie tellus nec ex maximus commodo. Aliquam lobortis et feliz in lobortis. Aenean semper volutpat neque, sed egestas enim fringilla sed.

             Maecenas viverra commodo tincidunt. Vivamus auctor ornare est, sit amet convallis leo tempus vel. Ut commodo, risus eu feugiat facilisis, feliz magna vehicula arcu, vitae imperdiet quam nunc sit amet leo. Fusce malesuada maximus nunc, quis pulvinar nunc tincidunt at. Integer rhoncus consectetur nunc non luctus. Mauris auctor commodo maximus. Phasellus a egestas nisl. Nulla aliquet aliquam sapien euismod blandit. Duis elit urna, imperdiet quis gravida vitae, mollis vel velit. Integer convallis, libero sed eleifend imperdiet, tellus dolor dignissim velit, ac maximus odio turpis at feliz. Praesent congue rutrum dolor nec congue. Cras rutrum dignissim risus, ut hendrerit odio malesuada in. Vivamus porttitor ex at nunc finibus tristique. Etiam a arcu sit amet ligula egestas imperdiet eu eu dolor. Sed posuere libero feugiat, scelerisque lorem a, pulvinar nibh.

             Curabitur vitae ornare nisl. Nullam sed velit tincidunt, auctor dolor in, pharetra feliz. <h2>5. Relaxe sua cabeça</h2> Integer eros enim, posuere id velit eget, convallis malesuada justo. Maecenas in dui et enim pretium tincidunt nec rhoncus ante. Nam tincidunt pharetra eleifend. Nullam nec accumsan ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi pharetra ullamcorper nunc, non viverra ligula mollis et. Fusce augue leo, aliquam ac efficitur nec, pellentesque nec nulla.

             Aliquam non mollis sem. Mauris vitae metus aliquam elit sodales eleifend a vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tristique rutrum urna, id pulvinar odio aliquam et. Morbi vitae augue quam. In ornare nunc sed convallis tempus.

             Pellentesque interdum congue fermentum. Quisque porttitor blandit erat, in dignissim mauris tempus bibendum. <h2>6. TOME CAFÉ!!! </h2>Etiam nec nibh tincidunt, efficitur arcu cursus, maximus lorem. Phasellus malesuada purus ipsum, eget euismod risus vestibulum ut. Sed ultricies purus sit amet dolor placerat tincidunt. Etiam vestibulum sapien et enim elementum efficitur. Cras congue gravida leo. Sed consequat elit orci, a tincidunt libero aliquam nec. Ut dictum risus sit amet cursus lacinia. Phasellus et egestas lacus. Proin vehicula ut arcu vitae malesuada. Ut elementum volutpat venenatis. Nunc mattis enim id orci scelerisque faucibus. Etiam orci nibh, pretium a turpis vitae, fermentum fringilla magna. Donec laoreet, libero eu mollis feugiat, ex dui tincidunt urna, varius vestibulum dolor purus at dolor.

             Morbi vitae arcu porta nisi euismod hendrerit. Curabitur varius consectetur bibendum. Pellentesque fermentum augue sit amet leo eleifend, porttitor facilisis tortor interdum. Sed ac ultricies leo, fermentum condimentum mi. Donec tortor massa, ultrices nec vehicula non, tempus nec dolor. Mauris in enim maximus odio faucibus venenatis eu ac tortor. Mauris nec venenatis metus. Suspendisse varius malesuada urna, sed faucibus tellus dictum eu. Vivamus aliquam enim ac lacinia cursus. Aliquam erat volutpat. Phasellus tempor lectus tincidunt efficitur pharetra.

             Suspendisse ultrices, urna quis egestas tincidunt, lacus diam aliquet risus, a mollis nibh odio suscipit neque. <h2>7. Desafie-se! </h2> Nulla dignissim odio vel urna mattis efficitur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse finibus molestie elit, at porttitor ex dapibus non. Proin eget mollis nisl. Nullam pretium tincidunt tellus non lobortis. Fusce tincidunt eleifend metus, vitae convallis ante congue eu. Aliquam erat volutpat. Ut in tempus nunc. Etiam tincidunt mi et ipsum accumsan rutrum. Aenean auctor augue quis odio feugiat pharetra. Praesent non dictum odio. Ut urna leo, blandit at viverra nec, dignissim eget odio. Sed leo lorem, luctus eget sapien et, consectetur mattis tortor.

            </div>

        </p>

        <br>

        <p>

            <img src="salles.jpg" id class="sale" alt="salles_cover" align=left>

             <div class="bio"> <br> <big><a href="https://br.linkedin.com/public-profile/in/gustavo-salles-28b55316?challengeId=AQEjti1FerzqHwAAAXOAxTmEmFa5FW5hb0mWb4VGpzmv8Dz1LGd-7x3F3StG2sM8wQe0GcT7xQLSffBJmamhxQ17DbijUsWBqA&submissionId=b33fea5a-a1af-2416-bf0b-d1b7d1aec94f"

                target="_blank" rel="noopener noreferrer" style="color:  white;">Gustavo Salles</a></big> é programador e desenvolvedor de dor, 

            Lorem ipsum dolor sit amet consectetur adipisicing elit. 

            Impedit quod illum modi itaque voluptatem numquam saepe. 

            Libero dolor debitis dolore expedita reiciendis laudantium sed

            </div>

        </p>

            

    </nav>

    

        <p id="ancora-GZIP">

            <h4 style="size: 100px;">Comente!</h4>

        </p>

    

    <p>

        <div class="carolina">

 

           <h1 style="font-family: verdana; padding-left: 20px; margin-top: 50px;">

               <br> Comente!

            </h1>

            <textarea name="Comentário" id="" cols="150" rows="20" style="margin-left: 25px; font-family: Times New Roman;"></textarea>

            

            <p>

               

            </p>

 

            <script>

                function comentar(){

                    catch                

                    }

            </script>

 

        </div>

 

    </p>

</body>

 

    <style>

        .carolina{

        background-color: white;

        width: 1200px;

        size: 200px;

        }

    

    </style>

 

    

 

</html>



 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.

      Estou com uma pequena dúvida se é possível ser realizado.

      Preciso passar 2 IDs para o Sistema executar a função, estou utilizando desta forma e gostaria de saber como faço via JS para passar os parâmetro que preciso.

      Observação:
      Dentro da TABELA utilizei 2 Forms, para passar os IDS que preciso, funcionou conforme código abaixo.
      <div class="card-body"> <table id="tab_clie" class="table table-bordered table-hover"> <thead> <tr> <th style="text-align:center; width:10%;">Pedido Nº</th> <th style="text-align:center; width:10%;">Data Pedido</th> <th style="text-align:center; width:32%;">Fornecedor</th> <th style="text-align:center; width:10%;">Status</th> <th style="text-align:center; width:5%;">Ação</th> </tr> </thead> <tbody> <?php foreach ($results as $r) { $dta_ped = date(('d/m/Y'), strtotime($r->dataPedido)); switch ($r->pd_status) { case '1': $status = '&nbsp;&nbsp;Aberto&nbsp;&nbsp;'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#000000'; //Cor: Preta break; case '2': $status = 'Atendido Total'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#086108'; //Cor: Verde break; case '3': $status = 'Atendido Parcial'; $txt = '#000000'; //Cor: Branco $cor = '#FEA118'; //Cor: Amarelo break; default: $status = 'Cancelado'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#D20101'; //Cor: Vermelho break; } echo '<tr>'; echo '<td width="10%" height="10" style="text-align:center;">'.$r->pd_numero.'</td>'; echo '<td width="10%" height="10" style="text-align:center;">'.$dta_ped.'</td>'; echo '<td width="32%" height="10" style="text-align:left;">'.$r->nome.'</td>'; echo '<td width="10%" height="10" style="text-align:left;"><span class="badge" style="color:'.$txt.'; background-color:'.$cor.'; border-color:'.$cor.'">'.$status.'</span></td>'; echo '<td width="5%" style="text-align:center;">'; ?> <div class="row"> <?php if($this->permission->checkPermission($this->session->userdata('permissao'), 'vPedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/visualizar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-warning" title="Visualizar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-search icon-white"></i></button> </form> <?php } if($this->permission->checkPermission($this->session->userdata('permissao'), 'ePedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/editar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-primary" title="Editar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-edit icon-white"></i></button> </form> <?php } ?> </div> <?php echo '</td>'; echo '</tr>'; } ?> </tbody> </table> </div>
      Grato,

      Cesar.
    • Por belann
      Olá!
       
      Estou usando o editor quill em uma página html, sem fazer a instalação com npm, mas usando as api´s via internet com http, no entanto não consigo fazer a tecla enter funcionar para mudança de linha, tentei essa configuração abaixo, mas não funcionou.
       
      modules: {       syntax: true,       toolbar: '#toolbar-container',       keyboard: {         bindings: {           enter: {             key: 13,             handler: function(range, context) {                       quill.formatLine(range.index, range.length, { 'align': '' });             }           }  
       
    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de poder tirar uma dúvida com os amigos.
       
      Como faço uma função para Comparar a Data Digitada pelo o Usuário com a Data Atual ?

      Data Digitada:  01/09/2024
       
      Exemplo:
      25/09/2024 é menor que DATA Atual  ====> mensagem: informe uma data válida.
      25/09/2024 é igual DATA Atual ===> o sistema libera os INPUT's.
       
      Como faço uma comparação com a Data Atual, para não Deixar Gravar Data retroativa a data Atual.
       
      Grato,
       
      Cesar
    • Por Rafael Castelhano
      Olá, quero preencher um dict dinamicamente onde a chave é uma string multidimencional no dict, ex:
      var dict = {} var path = 'a.b.c' dict[path] = 55 // isso faz dict ficar desta forma {'a.b.c': 55} // mais quero que fique assim {a: {b: {c: 55}}} Como consigo alterar desta forma? 
    • Por violin101
      Caros amigos, saudações.
       
      Estou com um problema de cálculo que não estou conseguindo resolver.
       
      Tenho uma rotina em Javascript que faz o seguinte cálculo qtde x vrUnit = total.
       
      qtde   x  vrUnit    =    total
      1,23   x  1,00       =    1,23    << até aqui tudo bem.
       
      o problema seria fazer o arredondamento para cima para impedir de fazer este cálculo:
      0,01 x 0,01 = 0,0001
       
      para digitar o valor estou utilizando esta função:
       
      /*Esta função quando o usuário digitar o valor aparece * 1,23 */ function formataDigitacao(i) { //Adiciona os dados para a másrcara var decimais = 2; var separador_milhar = '.'; var separador_decimal = ','; var decimais_ele = Math.pow(10, decimais); var thousand_separator = '$1'+separador_milhar; var v = i.value.replace(/\D/g,''); v = (v/decimais_ele).toFixed(decimais) + ''; var splits = v.split("."); var p_parte = splits[0].toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, thousand_separator); (typeof splits[1] === "undefined") ? i.value = p_parte : i.value = p_parte+separador_decimal+splits[1]; } /*Esta função faz a multiplicação entre Valor Unitário X Quantidade *faz a multiplicação correta */ function calcProd(){ //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Obter valor digitado do produto var valor_unit = document.getElementById("vlrunit").value; //Remover ponto e trocar a virgula por ponto while (valor_unit.indexOf(".") >= 0) { valor_unit = valor_unit.replace(".", ""); } valor_unit = valor_unit.replace(",","."); //Calcula o Valor do Desconto if (valor_unit > 0 && prod_qtde > 0) { calc_total_produto = (parseFloat(valor_unit) * parseFloat(prod_qtde)); var numero = calc_total_produto.toFixed(2).split('.'); //<<== aqui faço o arredondamento das casas decimais de 1,234 p/ 1,23 numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("vlrtotal").value = numero.join(','); } else { if (valor_unit > 0) { document.getElementById("vlrtotal").value = document.getElementById("vlrunit").value; } else { document.getElementById("vlrtotal").value = "0,00"; } } } Grato,
       
      Cesar
×

Informação importante

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