Notepad- Germain Guglielmetti A.K.A Ashor Livs

Ashor Livs MP3 Mix Player

ReSearch Trouver un lien, une astuce

AshorToolBox Boite à outils

Chiffrage MD5 :

Tapez une chaîne de caractères...
Chiffrage Unix DES :

Tapez un futur password...
URL-o-matic :

Tapez une URL pour obtenir un lien HREF

APlaceForFriends + sites communautaires à la con

MySpace, Facebook, Last.fm, Artlab, Plastiboy, Geste, Michal Roro, Mr Leonard, My Electro Kitchen, Smallville Paris, Ouckileou, Ototoï, etc...

AstucesPHP

AstucesASP

» Générer une clé aléatoire
» Faire un include

AstucesSQL

AstucesJavaScript

AstucesLinux

AstucesDivers

Germain Guglielmetti / Ashor Livs Développement web, DJing, et autres talents. Beaucoup d'humilité. Et de la dérision.

Trucs et astuces imaginés au fil du temps, ou pompés sur le web.

Choisissez une catégorie :
PHP⁽¹⁶⁾ SQL ⁽⁷⁾ RoR ⁽²⁾ Linux ⁽²⁹⁾ JS ⁽⁶⁾ ASP ⁽²⁾ Divers ⁽¹¹⁾

[Permalink n°125]

Une invite pour confirmer

Pour afficher une alerte avant une action importante (supprimer un élément par exemple) l'invite pop-up en JS fait toujours son petit effet :

<script type="text/javascript">
<!--
function supprimer (titre, id) {
	if (confirm("Supprimer " + titre + " ?")) {
		document.location.href='supprimer.php?id=' + id;
	}	
}

// -->
</script>

Et pour appeler cette invite :

<a href="javascript:supprimer('<?php echo addslashes($video->titre); ?>',<?php echo $video->id_upload; ?>);">Supprimer</a>

[Permalink n°47]

» Source

Vider un champ OnFocus avec vérification

<FORM name="form5">
   <INPUT type="texte" name="login" value='Votre login' onFocus="if (this.value=='Votre login') {this.value=''}">
</FORM>

[Permalink n°46]

» Source

Changer l'intitulé d'un bouton

<FORM name="form2">
   <INPUT type="button" name="bouton" value='Cliquez-moi !' onClick="this.value='Touché !'">
</FORM>

[Permalink n°42]

Calculer un sous-total

Petit script tout con pour calculer un sous-total à partir de cases à cocher.

Dans le head :

<script type="text/JavaScript">
<!--
function SousTotal (checkbox, // le nom de la case
					prix // la somme (entière) à ajouter ou supprimer
					) {
	
	if (document.getElementById(checkbox).checked) {
		// si la case a été cochée, on ajoute le prix correspondant à la case cochée au soustotal
		var soustotal = parseInt(document.getElementById('valeurSousTotal').value) + parseInt(prix);
	} else {
		// si non, on soustrait le prix correspondant au soustotal
		var soustotal = parseInt(document.getElementById('valeurSousTotal').value) - parseInt(prix);
	}
	
	// petite sécurité au cas où...
	if (soustotal<0) {
		soustotal = 0;
	}

	// mettre à jour le prix dans le champ caché
	document.getElementById('valeurSousTotal').value = soustotal;
	
	// on affiche le prix dans une div
	document.getElementById('affichageSousTotal').innerHTML = "Sous-total : " + String(soustotal) + " &euro;";
	
}
//-->
</script>

Dans le body :

<form id="form1" name="form1" method="post" action="">
    <input type="checkbox" name="checkbox1"  id="checkbox1" value="1" onclick="SousTotal('checkbox1',270)" />
    <input type="checkbox" name="checkbox2" id="checkbox2" value="1" onclick="SousTotal('checkbox2',100)" />
	<input type="hidden" name="valeurSousTotal" id="valeurSousTotal" value="0" />
    <div id="affichageSousTotal">Sous-total : 0 &euro;</div>
</form>

[Permalink n°41]

» Source

Compteur de mots sur un champ texte

Ce script permet de compter le nombre de mots dans un champ textarea au fur et à mesure de la frappe.

[b]Dans head :[/b]

<script type="text/javascript">
function Compter(chaine, formulaire) {
  var exp=new RegExp("[a-zA-Z0-9éèêëàáâäóòôöíìîïçÉÈÊËÀÁÂÄÒÓÔÖÌÍÎÏÇ-]+","g");
  var tabNom=chaine.match(exp);
  if (tabNom==null) {formulaire.compte.value = "Nombre de mots = 0";} 
  else {
    var affichage="Nombre de mots = " + tabNom.length + "";
    formulaire.compte.value = affichage;
  }
}

</script>

[b]Dans body :[/b]

<form>
<textarea cols="70" rows="20" name="texte1" onkeyup="Compter(this.form.texte1.value, this.form)"></textarea><br>
<input type="text" name="compte" value="" size="40" readonly />
</form>

[Permalink n°38]

» Source

Afficher / Masquer une div

Dans le <head> :

<script type="text/javascript">
function plop (thingId) {
	var targetElement;
	targetElement = document.getElementById(thingId) ;

	if (targetElement.style.display == "none") {
		targetElement.style.display = "" ;
	} else {
		targetElement.style.display = "none" ;
	}

}
</script>

Dans le <body> :

<a href="javascript:plop('divid');">afficher/masquer</a>
<div id="divid" style="display:none;">contenu</div>