Curseur et click droit en javascrit Fermé

Question

Bonjour,

Deux petits soucis de compatibilité :

¤1

je veux changer le curseur sur l'évenement onmouseover d'une cellule d'un tableau :

<td onmouseover="document.body.style.cursor='hand';">

Cela marche bien sous IE et Opera, mais pas sous Netscape et Mozilla... Y a-t-il une autre  façon de le coder ? J'ai essayer un truc du genre document.documentElement.style.cursor sans succès...

¤2

Je programme une fonction admin qui se déclence au click droit :

...onmousedown="if(event.button==2) fonction_admin();"...

Cela marche sous IE, Netscape et Mozilla, mais pas sous Opera qui m'envoi son fameux popup... Quelqu'un connait-il une astuce pour contourner ce bridage et exécuter malgré tout la fonction ? Je ne souhaite pas forcément bloquer le popup, mais exécuter une fonction sur cet evenement.

Olivier.

P4board · Answer

Bonjour, Merci de toutes vos réponses, je n'en demandais pas tant... Comme j'aime bien parler tout seul, voila la suite de mon problème : Pb #1 : Pas trouvé de solution mais bon c'est de la déco... Pb #2 : J'ai contourné le pb en utilisant le 3ème bouton de la souris sous opera (event.button==3), ça marche avec une logitech relativement réscente (4-5 ans), mais pas avec ma vielle logitech favorite de 1994 qui pourtant a bien un troisième bouton configurable que j'ai fixé à "bouton du milieu". De plus je ne sais pas si les souris de Mac ont un deuxième bouton alors un troisième... Si quelqu'un sait passer au dessus du popup menu d'Opera.... Pb #3 : Opera toujours et encore... Voila j'essaye tant bien que mal de rendre compatible mon site avec IE, Mozilla, Netscape et Opera. Pas facile, car chacun gère le Javascript à sa manière... Voici une gestion des tableaux quand même bizarre sous opera (7, 8 ou 9 c'est kif) : Je crée un tableau :

Tout fonctionne correctement jusque là. Mais lorsque je veux redimensionner une cellule : document.getElementById("1").style.width="10%"; document.getElementById("2").style.width="90%"; Opera ne veut rien savoir... -------------------- Si je fait la même chose en pixels :

Les 2 cellules restent désespérément à 50% ----------------------- En JavaScript et pixels :

Là ö miracle ça fonctionne... ----------------------- Je me dit donc chouette, je vais pouvoir affecter la largeur à une variable, car vous l'aurez compris le but est de dynamiser le tableau sinon ça n'a aucun sens.

Et vlan ça bouge, mais pas des masses, en tout cas pas jusqu'à 100px... ----------------------- Alors que si je le fais en direct :

Ca fonctionne, mais impossible de redimensionner quoi que ce soit à moins de passer en affectation directe document.getElementById("1").style.width="500px"; document.getElementById("2").style.width="500px"; ----------------------- Bien evidement tout cela (ça ne me semble quand même pas très compliqué) fonctionne sous IE, Mozilla et Netscape. J'ai essayé des trucs du genre parseInt, virer +"px" ou rajouter ""+... mais rien à faire. Vous me direz, utilise des calques... bien sûr dans ce cas ça fonctionne à peut près correctement, enfin il me semble, mais le placement des calques en absolue ne semble pas être géré de la même manière suivant chaque navigateur surtout avec Netscape...

Et puis cette façon d'afficher des trucs différents alors qu'on fait là même chose est assez surprenant chez Opera... Bref un vrai casse tête. Si vous avez tout lu et tout compris et si y comprenez quelque chose... Merci, Olivier.

P4board · Answer

Bon me revoici :

pour ¤1 : remplacer 'hand' par 'pointer' tout simplement ; tellement simple que personne ne m'a donné l'astuce...

Pour ¤2 : problème contourné avec le 3eme bouton, mais si il existe une solution...

Pour ¤3 : je me suis débrouillé avec les calques ; problème contourné donc, mais si vous connaissez une solution.

Tel · Answer

Bonjour, 
oui ils connaissent rien ici.

P4board · Answer

Je vois ça, où alors ils gardent leur astuces bien précieusement au cas où on copierait. Du coup je me fait mes réponses... ça peut en aider d'autres...

Pour le #2 : utiliser le bouton droit de la souris sous opera :

aller dans Outils -> Préférences 

Trouver (suivant les versions) et cocher la case "Activer le Javascript"

Aller dans Options Javascript et cocher la case "Permettre au script de recevoir les clics du bouton droit"

Voilou c'était pas plus compliqué que cela.
En plus en dessous une petite case "Ouvrir la console Javascript en cas d'erreur" qui donne tout plein d'infos quand elle est coché...
Ca a l'air bien puissant ce petit navigateur.

Cela m'a permis d'ouvrir mon site sur Opera 7, 8 et 9 pour me rendre compte que certaines fonctions ne marchent plus sous la version 9... un comble quand même ; et du boulot en perspective... Apparement une syntaxe plus reconnu.

Du coup j'ai également peur d'installer IE 7 ; il parait qu'il ont mis un de ces boxon là dedans et que plus rien ne fonctionne...

Allez il ne reste plus que le #3... Là je sèche.

quelqu'un · Answer

Oui je sais ta surement laché l'affaire mais mieux vaut tard que jamais!!

Les feuilles de styles rien de mieux, elles sont la pour sa!!!!!!

donc tu crée une feuille de style ou tu la déclare en embedded.

Tu encadre tout ce qui a besoin d'être encadré par des div et les classes css correspondante.

Puis âpres, de la façon dont tu veux, tu appelles une fonction javascript qui va modifié la feuille de style elle meme et non le style de ton id (ta manière de faire est plutôt certifié système D pas W3c).

Je pense que tu comprend les 3/4 de se que je t'ai ecrit, il me reste plus qu'a te donner la solution javascript:

function modiftaille(taille){    //la taille n'est pas forcer d'etre en argument
 		var regles=new Array();
		if (document.styleSheets[1].insertRule){
			  regles=document.styleSheets[1].cssRules; //mozilla and co
 		 }else if (document.styleSheets[1].rules){
		 	  regles= document.styleSheets[1].rules;    //IE4+ et un autre me rappelle plus le nom
 		 }else{
			  return;
		 }
		 var x=taille+"px";
 		 regles[9].style.width = x;	
	}

Ce que tu a besoin de savoir:

styleSheets[1] => 1 est le numero de ta feuille (si c la premiere a etre déclaré etc)
regles[9] => 9 est la position de ta classe dans al feuilel de style désigné ci-dessus

doc: http://www.quirksmode.org/dom/w3c_css.html#t12

je ne suis que de passage mon e-mail: mehdietaycine@hotmail.com

Je fournit de l'aide en JAVA (SE,EE), AJAX (ce qui implique javascript et xml), puis mais un niveau en dessous css et php

Curseur et click droit en javascrit

5 réponses

Discussions similaires