begin process at 2010 02 10 04:51:56
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

 > INSTALLEZ UN CURSEUR GÉANT, SUPER GÉANT CURSEUR DE LA SOURIS, GRAND SURSOR

INSTALLEZ UN CURSEUR GÉANT, SUPER GÉANT CURSEUR DE LA SOURIS, GRAND SURSOR


 Information sur la source

Note :
4 / 10 - par 1 personne
4,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Classé sous :curseur, souris, image, graphique, Abdelaziz Niveau :Débutant Date de création :09/04/2009 Date de mise à jour :09/04/2009 11:36:42 Vu / téléchargé :2 705 / 135

Auteur : abdelaziz_info

Ecrire un message privé
Site perso
Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
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://intersite.site.voila.fr/sources.htm

Source

  • <!--// 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.site.voila.fr
  • pour tout contact: http://intersite.site.voila.fr
  • 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
  • //-->
<!--// 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.site.voila.fr 
pour tout contact: http://intersite.site.voila.fr
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://intersite.site.voila.fr

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

09 avril 2009 11:36:42 :
Orthographe!

 Sources du même auteur

Source avec Zip Source avec une capture DEFILEMENT OU SCROLL HORIZONTAL AUTREMENT FAIT AUTOMATIQUE E...
Source avec Zip Source avec une capture DIV TOTALEMENT AUTOMATIQUE VERTICAL AVEC PLEIN DE COMMANDES...
Source avec Zip Source avec une capture AUTO MANUEL PARAGRAPHES, DIAPO PARAGRAPHES OU AUSSI PROJECTE...
Source avec Zip CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE...
Source avec Zip DIAPORAMA 360° V2 MOUVEMENT DANS LES QUATRE SENS ROTATION VA...

 Sources de la même categorie

Source avec Zip Source avec une capture STOCK/FOREX CANDLE CHART USING CANVAS API par BlackWizzard
MODIFIER SES FEUILLES DE STYLES .CSS À LA VOLÉE AVEC JAVASCR... par Phildepantin
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
Source avec Zip [-CLASS-] -> CARROUSSEL D'IMAGES par TheWeasel47
Source avec Zip Source avec une capture OGG MEDIA PLAYER par kazma

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture RAINBOW CURSOR par wackybacky
Source avec Zip Source avec une capture CURSEUR QUI POINTE LA SOURIS par wackybacky
Source avec Zip Source avec une capture CURSEUR DYNAMIQUE par wackybacky
Source avec Zip CURSEUR INVISIBLE par abdelaziz_info
Source avec Zip CURSEUR ENTOURÉ DE FLEURS par abdelaziz_info

Commentaires et avis

Commentaire de lakichemole le 10/04/2009 11:18:36 4/10

J'ai presque cru que c'était un vrai curseur à la lecture de la description, mais c'est bien une bonne grosse image qui se balade, résultat quand on passe sur une pub google par exemple le curseur normale apparait!! et quand on veux cliquer sur un lien le vrai curseur apparait!!
Je pense que l'idée était pas mal voir même marrante mais il y a pas mal de 'bug' d'affichage à corrigé.

Commentaire de abdelaziz_info le 10/04/2009 22:27:39

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.

Commentaire de psyckan le 10/04/2009 23:03:14

Ca donne pas super envie de commenter ce code

Commentaire de lakichemole le 14/04/2009 10:12:52

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.

Commentaire de abdelaziz_info le 14/04/2009 11:05:58

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.

Commentaire de lakichemole le 14/04/2009 11:47:47

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: <div GrosCurseur='Select' id='madiv' ></div>)
- 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.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Une [image] fixe qui suis la souris [ par ptitsky ] Bonjour à tous ,Mon pb :Je voudrai faire qu'une image suivent le mouvement de la souris, mais, que un bout de cette meme image reste au meme endroit.E position de la souris sur une image [ par golgoth ] Bonjour,Comment faire pour recuperer dans un lien la position de la souris sur une image quand je clic sur celle-ci ? Est ce possible ?Merci pour votr Est il possible de changer le curseur de la souris [ par pedro ] Slt,J'aimerais savoir si il est possible de changer le curseur de la souris sur une page web.Merci@+Pedro click droit de la souris [ par ghita ] salutest ce quelqu'un peut me dire s'il existe un événement en javascript qui se declenche lors du click droit d'un objet (image par ex), j'ai une fon Gestion de la souris sur une image [ par ldm001 ] Bonjour,J'aimerais pouvoir récupérer les coordonnées de rectancles ( position, hauteur, largeur ) que l'utilisateur aurait dessinées avec la souris su Afficher du texte sous le passage de la souris [ par Arnauti ] Bonjour, je voudrais avoir une image qui lorsque la souris passe dessus, l'image change et que ca affiche le texte. Jusque la pas de probl&#232;me&nb Afficher 2 images au passage de la souris sur une image [ par Monico9385 ] Bonjour, alors voila mon probleme. J'aimerai qu'au passage de la souris sur une imge, cela m'ouvre cette image en plus grand, et au meme moment que c Son au passage de la souris [ par hugo37 ] Bonjour &#224; toutes et &#224; tous! Je construit un site&nbsp;avec beaucoup de dhtml et de java et j'ai un petit soucis parceque je n'arrive pas &#2 Problème: Rollover sur une zone précise de l'image [ par Sp00ky ] Bonjour &#224; toutes et &#224; tous, Voil&#224; j'aimerais faire un rollover partiel sur une image... c'est &#224; dire en utilisant les zones (area Déplacer un DIV avec une image à l'intérieur [ par flexx ] BonjourJe souhaite d&#233;placer un div avec la souris en cliquant &#224; l'int&#233;rieur (glisser-d&#233;placer)Le probl&#232;me, c'est que quand le


Nos sponsors


Sondage...

Comparez les prix


HTC Magic

Entre 429€ et 429€

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,061 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales