Espace JavaScript . Com [VS2005]

Chiffres

Tutoriaux : 8 Scripts : 236	Membres : 886 Connectés : 0
Rechercher un script

js.EspaceJavaScript

Accueil
Forums
Annuaire
Votre Pub 468*60

js.Membres

Pseudo

Mot de passe

Mot de passe perdu ?
Inscription
Plus d'infos

js.Scripts

Algorithmes
Autres
Barre de Titre / Statut
Bo?te ? alerte
Bo?te ? liste
Cascading Style Sheet
Formulaires
Images
Impression
Jeux
Mot de passe
Moteur de recherche
Navigation
Souris
Temps
Texte

js.Tutoriaux

Boucle do... while
Boucle for
Condition if... else
Date()
Fonction de validation
Les expressions r?guli?res
Tableaux
Tableaux, fonctions

js.Dossier

Ouverture du .fr
Calculer votre PageRank
Enregistrer des fichier
Google - Les s?parateur
Google Calendar
Les autres...

js.Autres

Faire un lien
Charte Graphique
Bannière

js.En Ligne

0 visiteur

js.Partenaires

EasyScript
WebJS
[X-Annuaires !]
ScriptsPlus.com
takayale.net
Tous les partenaires

js.Publicité

» EspaceJavascript.Com » Les Scripts » Catégorie : Autres

Description du script : Post-it.

Ce script reproduit le principe du post-it : l'utilisateur peut placer un tableau HTML où il veut sur sa page, enregistrer son contenu et lorsqu'il reviendra sur cette page, le post-it enregistré gardera le texte et sa position.

Script posté par :

Pseudo : HomerLAN
http://www.espacejavascript.com
Nombre de scripts : 64
Vous aussi, postez vos scripts en cliquant ici.

Détails du script.
- Date d'ajout : 16.07.2004
-

Internet Explorer : non
-

Mozilla/Firefox : oui
- Vu 277 fois.

Service E-Mail (Envoyé 72 fois par e-mail).
Envoyez moi mon script par email
Merci de m'informer en cas de mises à jours sur ce script
Je désire m'abonner à la newsletter du site

Votre E-Mail

Démonstration du script : Voir l'exemple --- Best Offres-Casino Lien Site under T?l?rama Topannonces.fr

Entre les balises <HEAD> et </HEAD> :

<style>
	#postit
	{
		border: 1px solid #808080;
		padding: 3px;
		background-color: #E5E5E5;
		position: absolute;
		font-family: tahoma;
		font-size: 8pt;
		width: 150px;
		visibility: hidden;
		height: auto;
		text-align: center;
	}
	.postit_textarea
	{
		width: 100%;
		height: 100px;
		border: 1px dashed #C0C0C0;
		font-family: tahoma;
		font-size: 8pt;
	}
</style>

<script language="javascript">
/*
SCRIPT JAVASCRIPT
ESPACE JAVASCRIPT.COM
http://www.espacejavascript.com
*/

var etat = 0;
var pos_x, pos_y;

// Sauvegarde les informations (cookies)
function savePostit()
{
	today = new Date();
	annee = today.getYear() + 1;
	mois = today.getMonth() + 1;
	jour = today.getDate();
	expires = new Date(annee, mois, jour);
	document.cookie = "postit="+ escape(document.postit_form.postit_contenu.value) +"; expires=" + expires.getTime();
	document.cookie = "postitx="+ parseInt(document.getElementById("postit").style.left) +"; expires=" + expires.getTime();
	document.cookie = "postity="+ parseInt(document.getElementById("postit").style.top) +"; expires=" + expires.getTime();
}

// Efface les informations (cookies)
function delPostit()
{
	today = new Date();
	annee = today.getYear() - 1;
	mois = today.getMonth() + 1;
	jour = today.getDate();
	expires = new Date(annee, mois, jour);
	document.cookie = "postit= ; expires=" + expires.getTime();
	document.cookie = "postitx= ; expires=" + expires.getTime();
	document.cookie = "postity= ; expires=" + expires.getTime();
	document.postit_form.postit_contenu.value = "";
	document.getElementById("postit").style.visibility = 'hidden';
}

// Colle le post-it
function stickPostit(souris)
{
	if(etat == 0)
	{
		etat = 1;
		pos_x = (navigator.appName.substring(0,3) == "Net") ? souris.pageX : event.x+document.body.scrollLeft;
		pos_y = (navigator.appName.substring(0,3) == "Net") ? souris.pageY : event.y+document.body.scrollTop;
		document.getElementById("postit").style.left = pos_x + 20;
		document.getElementById("postit").style.top = pos_y;
	}
}

// Autorise le déplacement du post-it
function deplacePostit()
{
	etat = 0;
}

// Le post-it suit la souris
function setPostit(souris)
{
	if(etat == 0)
	{
		pos_x = (navigator.appName.substring(0,3) == "Net") ? souris.pageX : event.x+document.body.scrollLeft;
		pos_y = (navigator.appName.substring(0,3) == "Net") ? souris.pageY : event.y+document.body.scrollTop;
		document.getElementById("postit").style.left = pos_x + 20;
		document.getElementById("postit").style.top = pos_y;
		document.onclick = stickPostit;
	}
}

// Ajout du post-it si il n'existe pas déjà
function allowPostit()
{
	document.getElementById("postit").style.visibility = 'visible';
	etat = 0;
	document.onmousemove = setPostit;
}

// Récupère les informations (cookies)
function getCookie()
{
	var contenu_cookie = "";
	var x,y;
	var verif = 0;
	var cookies = document.cookie.split(/;/);
	for(i = 0; i < cookies.length; i++)
	{
		cookies[i] = cookies[i].split(/=/);
		if((cookies[i][0].toUpperCase() == "POSTIT")||(cookies[i][0].toUpperCase() == " POSTIT"))
		{
			contenu_cookie = cookies[i][1];
		}
		if((cookies[i][0].toUpperCase() == "POSTITX")||(cookies[i][0].toUpperCase() == " POSTITX"))
		{
			x = cookies[i][1];
			verif++;
		}
		if((cookies[i][0].toUpperCase() == "POSTITY")||(cookies[i][0].toUpperCase() == " POSTITY"))
		{
			y = cookies[i][1];
			verif++;
		}
	}

	if((verif == 2)&&(x != "")&&(y != ""))
	{
		etat = 1;
		document.getElementById('postit').style.left = x;
		document.getElementById('postit').style.top = y;
		document.getElementById('postit').style.visibility = 'visible';
	}
	document.postit_form.postit_contenu.value = unescape(contenu_cookie);
	
}

	if((document.cookie != "")&&(document.getElementById))
	{
		window.onload = getCookie;
		document.onmousemove = setPostit;
	}
</script>

Balise <BODY> :

Rien

Entre les balises <BODY> et </BODY> :

<div id="postit">
	<a href="javascript:deplacePostit()">Déplacer</a><br>
	<form name="postit_form">
		<textarea name="postit_contenu" class="postit_textarea"></textarea>
		<br>
		<input type="button" value="Enregistrer" onclick="savePostit()">
		<input type="button" value="Supprimer" onclick="delPostit()">
	</form>
</div>

<script language="javascript">
/*
SCRIPT JAVASCRIPT
ESPACE JAVASCRIPT.COM
http://www.espacejavascript.com
*/

	if(document.getElementById)
	{
		document.write('<a href="javascript:allowPostit()">Afficher le post-it</a>');
	}
</script>
<p><font face="verdana" size="1">Powered and Generated by </font><a href="http://www.espacejavascript.com" target="_blank"><font face="verdana,arial,helvetica" size="1" color="black">http://www.<b>espacejavascript</b>.com</font></a></p>

Commentaires [1]

hotgun [22.07.2004]
Ca allair d'etre un joli truc!domage que ne foncrionne pas avec Internet Explorer

Commenter ce script * [Réservé aux membres]

» EspaceJavascript.Com » Le bas de page !

Partner : G1Script - MyPortail - PourAdulte - Zone-webmasters - Webmastering

Autovisiteur.Eu - AtleticWong - Immolofts - StValentin.be - L'Argus - Vous ICI