Machou/Exemples JavaScript.md

## Exemples JavaScript.md

      
    Raw
  

              Exemples JavaScript.md
            
          
JavaScript Minifer
JavaScript Un-Minifier

Cacher un texte

<script>
$( "#myelement" ).click(function() {
    if($('#another-element:visible').length)
        $('#another-element').hide();
    else
        $('#another-element').show();
});
</script>

<script src="https://unpkg.com/jquery@latest/dist/jquery.min.js"></script>

<button id="myelement">Toggle</button>

<p id="another-element" style="display: none;">Lorem</p>

<tr id="nom-id">
	<td onclick="$(\'#nom-id\').hide();">Test</td>
</tr>

<script src="https://unpkg.com/jquery@latest/dist/jquery.min.js"></script>

Cookie au click


Date.getDate()
Date.now()
Date.toUTCString()

<a href="https://www.site.com/" id="MonCookie">Lien</a>
document.getElementById('MonCookie').addEventListener('click', function() {
	// Ajouter 1 jour à la date d'expiration
	// var nbJour = 1

	// Date d'expiration pour le cookie
	// var dateExpiration = new Date();
	// dateExpiration.setDate(dateExpiration.getDate() + nbJour);

	// Formatage de la date d'expiration au format UTC
	// var expiration = dateExpiration.toUTCString();

	document.cookie = 'cookie_nom=cookie_valeur; max-age=3600; secure';
	// document.cookie = 'cookie_nom=cookie_valeur; expires=' + expiration + '; secure';
});

Charger une page distante

<!DOCTYPE html>
<html>
<head>
<title>Chargement de page distante</title>
<script>
function chargerPageDistante() {
    var xhr = new XMLHttpRequest(); // Créez un objet XMLHttpRequest
    xhr.open('GET', 'URL_de_la_page_distante.html', true); // Configurez la requête
    xhr.onload = function() // Gérez l'événement de chargement
    {
	    if(xhr.status === 200) {
		    document.getElementById('contenu').innerHTML = xhr.responseText; // Insérez le contenu de la page distante dans un élément de votre choix
	    }
    };

    xhr.send();
}
</script>
</head>

<body>
	<button onclick="chargerPageDistante()">Charger la page distante</button>
	<div id="contenu"></div>
</body>
</html>

Go To Page

<a href="#" onclick="gotopage('?page=', '_total_pages_', '_nb_paginate_');" title="Aller à la page…">__NB_PAGE__</a>
function gotopage(e,i,a,n){if(n||(n=""),a>0&&i>0)var r=Math.ceil(i/a),l="Veuillez saisir un num\xe9ro de page entre 1 et "+r+" :";else var r=0,l="Veuillez saisir un num\xe9ro de page";var o=prompt(l,0);o>0&&(o<1?o=1:o>r&&r>0&&(o=r),document.location=e+o+n)}

Touches.js

<script src="sources.js"></script>
<script>document.oncontextmenu = new Function("return false");</script>
<body expr:class='&quot;loading&quot; + data:blog.mobileClass' oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' style='-moz-user-select: none;'>
// sources.js
function ffalse(){return!1}function ftrue(){return!0}0!=top.frames.length&&(top.location=self.document.location),document.oncontextmenu=Function("return false"),document.onselectstart=Function("return false"),window.sidebar&&(document.onmousedown=ffalse,document.onclick=ftrue),document.onkeypress=function(e){if(123==(e=e||window.event).keyCode)return!1},document.onmousedown=function(e){if(123==(e=e||window.event).keyCode)return!1},document.onkeydown=function(e){if(123==(e=e||window.event).keyCode)return!1};