working on it ...

Filters

snippets
45k
followers
296
Published by markcl

HTML

Sort by

Found 45k snippets

    public by gwarah  37  1  5  0

    Validação de CPF/CNPJ em HTML

    Este snippet é usado para teste de outro snippet que contém as classes javascript Cpf e Cnpj. Busque por "Validação de CPF/CNPJ em javascript" no meu canal.
    <html>
    <head>
    	<title>validação de CPFs/CNPJ</title>
    </head>
    <body>
        <!-- included this snippet -->
        <script src="cnpj_cpf.js"></script>
    <script type="text/javascript">
    
        function WinLoad() {
            document.getElementById("bt_cpf").addEventListener("click", validar_cpf, false);
            document.getElementById("bt_cnpj").addEventListener("click", validar_cnpj, false);
        }
        
        window.onload = WinLoad;
        
        // validação de CPF
        function validar_cpf() {
            let p_cpf=document.getElementById("txt_cpf").value;
            let v_cpf=new Cpf(p_cpf);
            // alert("cheguei aqui" + p_cpf);
            v_cpf.validar();
            document.getElementById("div_resultado_cpf").innerHTML = v_cpf.show_status();
            return true;
        }
        
        // validação de CNPJ
        function validar_cnpj() {
            let p_cnpj=document.getElementById("txt_cnpj").value;
            let v_cnpj=new Cnpj(p_cnpj);
            // alert("cheguei aqui" + p_cnpj);
            v_cnpj.validar();
            document.getElementById("div_resultado_cnpj").innerHTML = v_cnpj.show_status();
            return true;
        }
    </script>
    
    <p>Validação do CPF/CNPJ</p>
    
    <p>
    CPF: 
    <input type="text" id="txt_cpf" value=""> 
    <input type="button" id="bt_cpf" value="Validar">
    </p><br>
    <div id="div_resultado_cpf">não validado</div>
    
    <p>
    CNPJ: 
    <input type="text" id="txt_cnpj" value=""> 
    <input type="button" id="bt_cnpj" value="Validar">
    </p><br>
    <div id="div_resultado_cnpj">não validado</div>
    
    </body>
    </html>
    																																																

    public by Leonardnewss  158  1  3  0

    aaaa

    // Enter here the actual content of the snippet.						
    <a href="http://docplayer.net/">http://docplayer.net/</a>

    public by DinhoPutz  166  1  3  0

    Monitorar alterações em formulário, exibir alteração, filtro por campo.

    Objetivo: 1. Monitorar alterações apenas a parte do formulário contida dentro da DIV "divCheckList". 2. Monitorar alterações apenas os campos que contenham no atributo "for" a palavra (caracteres) "check_". 3. Exibir as alterações em tempo real dentro da div "#parcial".
    var selectElem = document.getElementById('divCheckList') // Seção onde se encontra o form, pode ser o ID da div acima dele ou de alguma div dentro do form.
    selectElem.addEventListener('change', function() {
        $("#parcial").html("");
        $("label").each(function(index, element) {
            var ele = $(element);
            var elementos2 = [];
            algo = ele.attr("for").indexOf("check_"); // aqui filtramos apenas os campos que conteam "check_" no atributo "for", poderia ser ID, Class, placesseholder...
            if (algo > -1) {
                variavel = ("#" + ele.attr("for"));
                elementos2 = [index, ele.html(), ele.attr("for"), $(variavel).val()];
                console.log(elementos2);
                $('#parcial').append("" + elementos2[1] + " - " + elementos2[3] + "\n");
            }                  
            else null;  
        });
    })
    

    public by louie143  1101  1  6  0

    sadasd

    sdadas
    <!DOCTYPE HTML>
    <html>
    	<head>
    		 <link rel="icon" type="image/jpg" href="images/tablogo.jpg">
    		<title>Niprosoft - Home</title>
    		<meta charset="utf-8" />
    		<meta name="viewport" content="width=device-width, initial-scale=1" />
    		<link rel="stylesheet" href="assets/css/main.css" />
    	</head>
    	<body>
    
    		<!-- Header -->
    			<header id="header">
    				<div class="inner">
    					<a href="index.html" class="logo">Niprosoft</a>
    					<nav id="nav">
    						<a href="index.html">Home</a>
    						<a href="NiprosSoft Under Construction.html">Apps</a>
    						<a href="NiprosSoft Games.html">Games</a>
    						<a href="NiprosSoft Under Construction.html">Websites</a>
    						<a href="NiprosSoft Under Construction.html">Software</a>
    						<a href="NiprosSoft About Niprosoft.html">About NiproSoft</a>
    						<a href="NiprosSoft Privacy Policy.html">NiproSoft Privacy Policy</a>
    					</nav>
    					<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
    				</div>
    			</header>
    
    		<!-- Banner -->
    			<section id="banner">
    				<h1>Welcome to NiproSoft</h1>
    				<p>An Apps, Games, Websites, Software Developer Company</p>
    			</section>
    
    		<!-- Three -->
    			<section id="three" class="wrapper special">
    				<div class="inner">
    					<header class="align-center">
    						<h2>Trending</h2>
    						<p><b>Apps Games Websites Softwares</b></p>
    					</header>
    					<div class="flex flex-2">
    						<article>
    							<div class="image fit">
    								<img src="images/ddr 2.jpg" alt="Pic 01" />
    							</div>
    							<header>
    								<h3><a href="NiprosSoft Dutertes Drop Rescue.html">Duterte's Drop Rescue</a></h3>
    							</header>
    							<p>Drop Rescue Is an 2d Game Created By NiproSoft.It Is Available In Android And IOS Mobile.The Mechanics Is Save Duterte Drop Him In The Grass Block. Its Official Free Download It Know And Enjoy</p>
    							<footer>
    								<a href="NiprosSoft Dutertes Drop Rescue.html" class="button special">More</a>
    							</footer>
    						</article>
    						<article>
    							<div class="image fit">
    								<img src="images/ad1.jpg" alt="Pic 02" />
    							</div>
    							<header>
    								<h3><a href="NiprosSoft Angry Duterte.html">Angry Duterte</a></h3>
    							</header>
    							<p>Dish out revenge on the greedy Enemy's Who Stole The money. Use the unique powers of each Player to destroy the Enemy's’ defenses. Angry Duterte features challenging physics-based gameplay and </p>
    							<footer>
    								<a href="NiprosSoft Angry Duterte.html" class="button special">More</a>
    							</footer>
    						</article>
    					</div>
    				</div>
    			</section>
    
    		<!-- Footer -->
    			<footer id="footer">
    				<div class="inner">
    					<div class="flex">
    						<div class="copyright">
    							<b>&copy; NiproSoft 2017: </b><a href="https://niprosot.esy.es"></a>. 
    						</div>
    						<ul class="icons">
    							<li><a href="https://m.facebook.com/niprosoft" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
    							<li><a href="https://www.twitter.com/niprosoftgames" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
    							<li><a href="https://www.linkedin.com/in/niprosoft-company-8b2861144/" class="icon fa-linkedin"><span class="label">linkedIn</span></a></li>
    							<li><a href="https://www.pinterest.com/niprosoft" class="icon fa-pinterest-p"><span class="label">Pinterest</span></a></li>
    							<li><a href="https://vimeo.com/niprosoft" class="icon fa-vimeo"><span class="label">Vimeo</span></a></li>
    						</ul>
    					</div>
    				</div>
    			</footer>
    <!-- Scripts -->
    			<script src="assets/js/jquery.min.js"></script>
    			<script src="assets/js/skel.min.js"></script>
    			<script src="assets/js/util.js"></script>
    			<script src="assets/js/main.js"></script>
    
    	</body>
    </html>
    

    public by AbhishekGhosh  1420  1  4  0

    brackets my default template

    brackets my default template: index.html
    <!DOCTYPE html>
    <html>
        <head>
            <title>EDITED BRACKETS</title>
            <link rel="stylesheet" href="main.css">
        </head>
        <body>
    <!-- Add HTML stuffs below this -->
        
        
    <!-- Add HTML stuffs above this -->  
            
    <!-- Add to main.css
    
    html {
        background: #e6e9e9;
    }
    body {
        background: #fff;
    }        
    
    -->            
        
         </body>
    </html>   
       
       
       
    
    

    public by lindao  1766  7  5  0

    image_amp_by_lindao

    <img class="img img-responsive center-block" src="images/feriekredit.png"><br>       

    public by cwilli34  1013  4  4  0

    Center images with caption aligning beneath the image.

    Center images with caption aligning beneath the image.: center_image.html
    <div style="display: block; text-align: center;">
      <div style="display: inline-block">
        <div class="wrapper" style="display: table; text-align: left">
          <a href="#" target="_blank"><img alt="Wib Ami Video" src="/assets/225577/fullsize/wib_ami_video.jpg" style="display: block; text-align: center;"></a>
          <div class="caption" style="display: table-caption; caption-side: bottom;">Ami: Network means an open, helping hand</div>
        </div>
      </div>
    </div>
    
    

    public by waxmiguel  2781  0  5  1

    tortouise

    # TortoiseGit 
    
    $Global:TortoiseGitSettings = new-object PSObject -Property @{
      TortoiseGitPath = "C:\Program Files\TortoiseGit\bin\TortoiseProc.exe"
    }
    
    function tgit {
       if($args) {
        if($args[0] -eq "help") {
          # Replace the built-in help behaviour with just a list of commands
          $tortoiseGitCommands
          return    
        }
    
        $newArgs = @()
        $newArgs += "/command:" + $args[0]
        
        $cmd = $args[0]
        
        if($args.length -gt 1) {
          $args[1..$args.length] | % { $newArgs += $_ }
        }
          
        & $Global:TortoiseGitSettings.TortoiseGitPath $newArgs
      }
    }
    
    $tortoiseGitCommands = @(
    "about",
    "log",
    "commit",
    "add",
    "revert",
    "cleanup" ,
    "resolve",
    "switch",
    "export",
    "merge",
    "settings",
    "remove",
    "rename",
    "diff",
    "conflicteditor",
    "help",
    "ignore",
    "blame",
    "cat",
    "createpatch",
    "pull",
    "push",
    "rebase",
    "stashsave",
    "stashapply",
    "subadd",
    "subupdate",
    "subsync",
    "reflog",
    "refbrowse",
    "sync"
    ) | sort
    

    public by Bobby Kozora  2335  0  4  0

    Outlook Email UL Fix

    Outlook Email UL Fix: outlook-ul-fix.html
    <!--[if gte mso 9]>
    <style>
    .fixed-ul li {
        text-indent: -1em; /* Normalise space between bullets and text */
    }
    </style>
    <![endif]-->
    
    <!-- -->
    
    <ul style=" margin:0px 0px 0px 15px; list-style:disc; padding-left: 0px;" class="fixed-ul">
      <li style=" margin: 0 px; padding: 0px; color: #f17a21;">...</li>
    </ul>
    
    
    

    public by passh  10526  10  4  1

    HTML TWIG TEMPLATE BASIC

    basic twig html template
    {# HTML TEMPLATE TWIG TEMPLATE BASIC by Passh#}
    <!DOCTYPE HTML>
    
    <html lang="es">
    	<body>
    
    			<head>
    					<meta charset="utf-8" />
    					<title>
    							{% block titulo %} 
    								HTML TWIG TEMPLATE
    							{%endblock%}
    					</title>
    			</head>
    	</body>
    	<footer>by Passh</footer>
    </html>
    • Public Snippets
    • Channels Snippets