Installez un curseur géant, super géant curseur de la souris, grand sursor

Soyez le premier à donner votre avis sur cette source.

Vue 13 711 fois - Téléchargée 689 fois

Description

Installer un curseur super géant sur vos pages, le curseur de la souris est très attirant et peut avoir la forme et la taille que vous voulez et un avantage de plus c'est que tous les types d'images sont ou presque valables. Mais de préférence les (.gif transparents) animé ou non vont très bien.
Le code fonctionne parfaitement sous firefox aussi.
Une démonstration est disponible en ligne à cette adresse :
http://abdelaziz.elalia.net

Source / Exemple :

 
<!--// il y à pratiquement pas grand chose à modifier sur le code 
Xoffset= 5; // position horizotal    
Yoffset= 5; // position vertical    
var old,skn,iex=(document.all),yyy=-1000; 
var ns4=document.layers 
var ns6=document.getElementById&&!document.all 
var ie4=document.all 
if (ns4) 
skn=document.cu_rs 
else if (ns6) 
skn=document.getElementById("cu_rs").style 
else if (ie4) 
skn=document.all.cu_rs.style 
if(ns4)document.captureEvents(Event.MOUSEMOVE); 
else{ 
skn.visibility="visible" 
skn.display="none" 
} 
document.onmousemove=get_mouse; 
function objet_curs(cur_sor,bak){ 
var content=cur_sor; // Ici on peut si on veut ajouter un texte avant ou après comme ça (var content=cur_sor +'Texte'); 
yyy=Yoffset; 
/* Pour pouvoir utiliser ce code à titre personnel ne pas supprimer les lignes du commentaire ci-dessous. 
(c) : abdelaziz rejeb Elalia 7016 Tunisie  
site : [http://abdelaziz.elalia.org]  
pour tout contact: [http://abdelaziz.elalia.net] 
Le 04/04/2009 


*/ 
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"} 
if(ns6){document.getElementById("cu_rs").innerHTML=content;skn.display=''} 
if(ie4){document.all("cu_rs").innerHTML=content;skn.display=''} 
} 
function get_mouse(e){ 
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft; 
skn.left=x+Xoffset; 
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop; 
skn.top=y+yyy; 
} 
function cha_nge(){ 
yyy=-1000; 
if(ns4){skn.visibility="hidden";} 
else if (ns6||ie4) 
skn.display="none" 
} 
objet_curs('<img id=vi_seur border="0" src="outils/curseur_g.gif" width="150" height="250">',''); // adresse et parametres de l'image curseur 
//--> 

Conclusion :

C'est à vous de choisir le nombre de curseurs et les types à installer. Vous allez voir comment est facile à faire ça.
Pour toute question ou demande d'aide n'hésitez pas de me contacter à cette adresse :
http://abdelaziz.elalia.net

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

lakichemole
Messages postés
253
Date d'inscription
vendredi 13 juin 2003
Statut
Membre
Dernière intervention
18 mai 2009
-
Ok tu as raison désolé je ne suis pas allé plus loin à la base mais tu y tiens donc:
- Bug : quand on descend le curseur en bas de la page (ou a drotie) la page s'agrandit indéfiniment (le scrolbar s'agrandit) --> ce n'est pas le comportement d'un curseur
- Dans le Code : pour utiliser ce code il faut rajouter sur tout les liens, champs text ton morceau de code en dure, une fonction, un attribut spécifique aurait été plus judicieux (exemple:

)
- Dans le Code : partout dans ta source, dans tes posts tu fais de la pub pour ton site --> il ne me semble pas que se soit autorisé sur ce site
- Dans le Code : tu récupère ton curseur via getElementById avec l'Id en dure dans le code à défaut de faire une vraie fonction qui passerait en paramètre cet ID tu aurait pu au moins mettre une variable si bien que celui qui voulait réutiliser ton code n'avait plus qu'à changer cette variable (exemple : var monCurseurId"cu_rs"; var monCurseur document.getElementById(monCurseurId);

Donc DESOLE de ne pas avoir été plus loin dans mes tests initiaux mais je maintient ma note.
abdelaziz_info
Messages postés
120
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
12 janvier 2017
-
Salut,lakichemole

Il est strictement interdit de faires des astuces sur les (annonces Google)

Pour voir un autre exemple qui évite les (annonces Google) regarde le curseur entouré des fleurs sous (opera) et (MIE) ici :
http://intersite.site.voila.fr/khaled/galerie/index.htm

Et en fin tu dois s'avoir une autre chose, c'est que les notes sont faites pour les codes après les avoir lut et tester largement suffisant.

Merci.
lakichemole
Messages postés
253
Date d'inscription
vendredi 13 juin 2003
Statut
Membre
Dernière intervention
18 mai 2009
-
Ok je n'ais pas "vraiment" testé le code pour se faire il aurait fallu que je l'intègre à un site avec pas mal de contenu (formulaire, popup...) et que je fasse des vrai tests.
La je l'ai juste lancé dans IE6 et quand je passe le curseur sur la fentre de pub de google le curseur disparait (le mouse over ne marche pas j'imagine sur ce genre d'endroit).
Et oui le curseur apparait quand je passe sur un objet clicquable, oui c'est sur IE6, même si le grand public n'utilise presque plus cette version du navigateur il y a pas mal d'entreprise qui l'utilise.
J'ai fait mes tests sur la page de ton site pour lequel tu fait la pub dans ton index.html et non pas sur le gean_curseur.html de ta source.
psyckan
Messages postés
135
Date d'inscription
vendredi 27 août 2004
Statut
Membre
Dernière intervention
8 mai 2010
-
Ca donne pas super envie de commenter ce code
abdelaziz_info
Messages postés
120
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
12 janvier 2017
-
Salut,

Premièrement, il ne faut pas sauter au dessus des choses il a été bien dit (C'est que tous les types d'images sont ou )presque valables.

Deuxièmement, quand on dit qu'il y a pas mal de 'bug' d'affichage à corrigé, sans donner aucun exemple c'est qu'on n'a pas une idée clair et développée sur la chose.

Troisièmement, (quand on veux cliquer sur un lien le vrai curseur apparait!!) ça n'a pas été remarqué même si le bouton reste appuyé, un teste a été fait sous (xp et vista) sous (IE 7 et Firefox)

Quatrièmement, le curseur fait exactement ce qu'il a à faire il apparaisse juste là ou il a été prévue dans la forme que lui été prévue.

Suis-je clair? Et est-ce que tu as vraiment testé le code ? Lakichemole

Merci.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.