ProgInforma

Des astuces, des conseils, de la programmation,de la musique et bien d'autres sujets, posez vos questions !!
 
AccueilAccueil  ­FAQFAQ  ­RechercherRechercher  ­S'enregistrerS'enregistrer  ­MembresMembres  ­GroupesGroupes  ­ConnexionConnexion  
ProgInforma :: Programmation :: javascriptPartager | 
 

 Vos Codes sources

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
luc@s



Messages: 9
Date d'inscription: 10/08/2007

MessageSujet: Vos Codes sources   Dim 12 Aoû - 15:45
Bojour,

je vous propose de placer ici les codes sources js que vous souhaitez partager !

Je commence avec 1 code source de protection de page qui fonctionne ainsi :
1.on entre un mot de passe.
2.on clique sur un lien dont la cible est constituée du mot de passe entré + .html
3.Si le passe est bon, on arrive a la bonne page. Sinon, Erreur 404 !

Code de la page formulaire :

Code:
<html>
<head>
<title>Entrez le passe</title>
</head>
<body>

<script language="javascript" type="text/javascript>
fichier=prompt('Entrez le mot de passe : ');
 document.write('<a href="'+fichier+'.html">Valider</a>');
</script>

</body>
</html>

Si la page protégée s'apelle mapage.html, alors le mot de passe sera mapage.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
luc@s



Messages: 9
Date d'inscription: 10/08/2007

MessageSujet: Animation   Dim 12 Aoû - 16:12
Animation : Une petite corde qui suit le mouvement de la souris.
Vous n'avez qu'a copier le code source dans un nouveau document html, puis placer une image dans le meme dossier que la page. N'oubliez pas de renommer l'image en votreimage.gif

CODE :


<html>
<head>
<title>Animation</title>
</head>
<body>
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div>
<div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="votreimage.gif" height=11 width=11></div>
<div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="votreimage.gif" height=11 width=11></div>
<div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="votreimage.gif" height=11 width=11></div>
<div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="votreimage.gif" height=11 width=11></div>
<div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="votreimage.gif" height=11 width=11></div>
<div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="votreimage.gif" height=11 width=11></div>

<script>
<!--
var nDots = 7;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();

function init(){
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}

if (!isNetscape) {
}

for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}

if (isNetscape) {
startanimate();
} else {
setTimeout("startanimate()", 2000);
}
}

function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}

function startanimate() {
setInterval("animate()", 20);
}

function setInitPositions(dots){
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}

function MoveHandler(e){
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}

function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}

if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}

function vec(X, Y){
this.X = X;
this.Y = Y;
}

function springForce(i, j, spring){
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}

function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}

for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}

var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);

var accel = new vec((spring.X + resist.X)/ MASS,
(spring.Y + resist.Y)/ MASS + GRAVITY);


dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);

if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}

dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;

var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}

if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}

dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
// -->
</script>
</body>
</html>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Vos Codes sources

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
ProgInforma :: Programmation :: javascript-