curseur pluie d etoiles lien qui ne fonctionnent pas
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
curseur pluie d etoiles lien qui ne fonctionnent pas
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.audeladu5emesens.com
Description du problème
bonjour j 'essaie les 2 posts pour le curseur poussiere d etoiles et aucun ne fonctionnentmerci beaucoup pour votre aide
bon dimanche
https://forum.forumactif.com/t290724-curseur-avec-pousiere-d-etoile-blanche-qui-tombe
https://forum.forumactif.com/t365568-curseur-poussiere-d-etoile
Dernière édition par Cahouette le Dim 6 Déc 2015 - 18:45, édité 1 fois
Re: curseur pluie d etoiles lien qui ne fonctionnent pas
Le premier lien --> le JS n’existe plus à l'adresse indiquée
Le 2ème Code JS donné par "MlleAlys" est " OK " et Fonctionne
Tu peux le constater sur notre Forum < iCi > ... (installé pour la circonstance)
.
Re: curseur pluie d etoiles lien qui ne fonctionnent pas
alors je dois mal m y prendre !
et mal le positionner
un ptit coup de main svp ?
en tout cas merci beaucoup pour la réponse rapide !
et mal le positionner
un ptit coup de main svp ?
en tout cas merci beaucoup pour la réponse rapide !
Re: curseur pluie d etoiles lien qui ne fonctionnent pas
Je reprends les infos données par "MlleAlys"
Pour installer une pluie d'étoiles juste sous le curseur, allez dans modules > javascripts, vérifiez que la gestion des codes javascripts est cochée sur OUI, créez un nouveau code , donnez lui un nom ("étoiles curseur" par exemple ^^), cochez les cases sur lesquelles vous souhaitez voir apparaitre les étoiles, puis dans la zone de saisie collez ce code :
Vous pouvez modifier la couleur des étoiles en modifiant le code hexadécimal de la première ligne du script (pour l'instant #FFFFFF correspond à blanc), et le nombre d'étoiles juste en dessous ^^
Ne pas oublier de " Validez le code "
Difficile de te donner plus d'information ... tout y est ....
Attention de bien recopier l'intégralité du " Code " il est très long
Si problème subsiste n'hésite pas demande ....
.
Pour installer une pluie d'étoiles juste sous le curseur, allez dans modules > javascripts, vérifiez que la gestion des codes javascripts est cochée sur OUI, créez un nouveau code , donnez lui un nom ("étoiles curseur" par exemple ^^), cochez les cases sur lesquelles vous souhaitez voir apparaitre les étoiles, puis dans la zone de saisie collez ce code :
- Le Code JS dans ce Spoiler :
- Code:
var colour = "#FFFFFF"; // couleur des étoiles
var sparkles = 50; // nombre d'étoiles
var x = ox = 400;
var y = oy = 300;
var swide = 800;
var shigh = 600;
var sleft = sdown = 0;
var tiny = new Array;
var star = new Array;
var starv = new Array;
var starx = new Array;
var stary = new Array;
var tinyx = new Array;
var tinyy = new Array;
var tinyv = new Array;
window.onload = function() {
if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i = 0;i < sparkles;i++) {
var rats = createDiv(3, 3);
rats.style.visibility = "hidden";
document.body.appendChild(tiny[i] = rats);
starv[i] = 0;
tinyv[i] = 0;
var rats = createDiv(5, 5);
rats.style.backgroundColor = "transparent";
rats.style.visibility = "hidden";
var rlef = createDiv(1, 5);
var rdow = createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top = "2px";
rlef.style.left = "0px";
rdow.style.top = "0px";
rdow.style.left = "2px";
document.body.appendChild(star[i] = rats);
}
set_width();
sparkle();
}
};
function sparkle() {
var c;
if (x != ox || y != oy) {
ox = x;
oy = y;
for (c = 0;c < sparkles;c++) {
if (!starv[c]) {
star[c].style.left = (starx[c] = x) + "px";
star[c].style.top = (stary[c] = y) + "px";
star[c].style.clip = "rect(0px, 5px, 5px, 0px)";
star[c].style.visibility = "visible";
starv[c] = 50;
break;
}
}
}
for (c = 0;c < sparkles;c++) {
if (starv[c]) {
update_star(c);
}
if (tinyv[c]) {
update_tiny(c);
}
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i] == 25) {
star[i].style.clip = "rect(1px, 4px, 4px, 1px)";
}
if (starv[i]) {
stary[i] += 1 + Math.random() * 3;
if (stary[i] < shigh + sdown) {
star[i].style.top = stary[i] + "px";
starx[i] += (i % 5 - 2) / 5;
star[i].style.left = starx[i] + "px";
} else {
star[i].style.visibility = "hidden";
starv[i] = 0;
return;
}
} else {
tinyv[i] = 50;
tiny[i].style.top = (tinyy[i] = stary[i]) + "px";
tiny[i].style.left = (tinyx[i] = starx[i]) + "px";
tiny[i].style.width = "2px";
tiny[i].style.height = "2px";
star[i].style.visibility = "hidden";
tiny[i].style.visibility = "visible";
}
}
function update_tiny(i) {
if (--tinyv[i] == 25) {
tiny[i].style.width = "1px";
tiny[i].style.height = "1px";
}
if (tinyv[i]) {
tinyy[i] += 1 + Math.random() * 3;
if (tinyy[i] < shigh + sdown) {
tiny[i].style.top = tinyy[i] + "px";
tinyx[i] += (i % 5 - 2) / 5;
tiny[i].style.left = tinyx[i] + "px";
} else {
tiny[i].style.visibility = "hidden";
tinyv[i] = 0;
return;
}
} else {
tiny[i].style.visibility = "hidden";
}
}
document.onmousemove = mouse;
function mouse(e) {
set_scroll();
y = e ? e.pageY : event.y + sdown;
x = e ? e.pageX : event.x + sleft;
}
function set_scroll() {
if (typeof self.pageYOffset == "number") {
sdown = self.pageYOffset;
sleft = self.pageXOffset;
} else {
if (document.body.scrollTop || document.body.scrollLeft) {
sdown = document.body.scrollTop;
sleft = document.body.scrollLeft;
} else {
if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft = document.documentElement.scrollLeft;
sdown = document.documentElement.scrollTop;
} else {
sdown = 0;
sleft = 0;
}
}
}
}
window.onresize = set_width;
function set_width() {
if (typeof self.innerWidth == "number") {
swide = self.innerWidth;
shigh = self.innerHeight;
} else {
if (document.documentElement && document.documentElement.clientWidth) {
swide = document.documentElement.clientWidth;
shigh = document.documentElement.clientHeight;
} else {
if (document.body.clientWidth) {
swide = document.body.clientWidth;
shigh = document.body.clientHeight;
}
}
}
}
function createDiv(height, width) {
var div = document.createElement("div");
div.style.position = "absolute";
div.style.height = height + "px";
div.style.width = width + "px";
div.style.overflow = "hidden";
div.style.backgroundColor = colour;
return div;
}
;
Vous pouvez modifier la couleur des étoiles en modifiant le code hexadécimal de la première ligne du script (pour l'instant #FFFFFF correspond à blanc), et le nombre d'étoiles juste en dessous ^^
Ne pas oublier de " Validez le code "
Difficile de te donner plus d'information ... tout y est ....
Attention de bien recopier l'intégralité du " Code " il est très long
Si problème subsiste n'hésite pas demande ....
.
Re: curseur pluie d etoiles lien qui ne fonctionnent pas
merci ! j ai réussi même à changer de couleur !!!
bonne soirée !!
bonne soirée !!
Re: curseur pluie d etoiles lien qui ne fonctionnent pas
.
Excellent bonne soirée
Excellent bonne soirée
Re: curseur pluie d etoiles lien qui ne fonctionnent pas
merci à vous aussi !
Sujets similaires
» La pluie d'étoiles ne fonctionne pas
» Pluie d'étoiles sous la souris
» Un script pour une pluie d'étoiles
» Curseur, étoiles qui tombent
» Curseur étoiles rouges qui ne fonctionne plus (javascript)
» Pluie d'étoiles sous la souris
» Un script pour une pluie d'étoiles
» Curseur, étoiles qui tombent
» Curseur étoiles rouges qui ne fonctionne plus (javascript)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum