problema compatibilitá firefox

[sharky86]

ciao ragazzi!

ho un problemino.. ho due javascript che fanno le rispettive cose:

1) immagine é grigia, ci passo il mouse diventa colorata

2) se passo il mouse sull immagine mi appare un textbox con la descrizione dell immagine.

il problema é che mettendoli entrambi funziona in IE ma non in FF.



nel head ho il seguetne codice:

<script type="text/javascript">
<!--

var theObj="";

function toolTip(text,me) {
  aktiv();
  theObj=me;
  theObj.onmousemove=updatePos;
  document.getElementById('toolTipBox').innerHTML=text;
  document.getElementById('toolTipBox').style.display="block";
  window.onscroll=updatePos;
}

function updatePos() {
  var ev=arguments[0]?arguments[0]:event;
  var x=ev.clientX;
  var y=ev.clientY;
  diffX=+10;
  diffY=+290;
  document.getElementById('toolTipBox').style.top  = 2+diffY+ "px";
  document.getElementById('toolTipBox').style.left = 2+diffX+ "px";
  theObj.onmouseout=hideMe;
}
function hideMe() {
  inaktiv();
  document.getElementById('toolTipBox').style.display="none";

}
-->
</script>

aktiv() e inaktiv() sono i due pezzi che eseguono lo scritp che cambia i colori. il resto é per il textbox.



poi SUBITO DOPO il body ho inserito questo:

<STYLE>
.active {filter: chroma();}
.inactive {filter: gray();}
</STYLE>

<script language="javascript">
function aktiv()   { event.srcElement.className='active'; }
function inaktiv() { event.srcElement.className='inactive'; }
</script>

e questo é l immagine:

[img]images/welding.jpg[/img]PROVA[/b]
\',this)" >

cosa cé di sbagliato? sapete metterlo apposto?

grazie mille

saluti

igor

[sharky86]

niente esperti di firefox online oggi?

[Xinod]

Originariamente inviato da sharky86
cosa cé di sbagliato?

un sacco di cose,
prima di tutto questi effetti sulle immagini sono IE proprietari,
non hanno controparte in firefox (o qualsiasi altro browser diverso da IE)

poniamo il caso tu voglia semplicemente cambiare classe,
poi quelle che sono le regole css le valuti tu

in IE l' oggetto event e' propagato a livello di window,
in firefox va esplicitamente passato se il gestore evento e' settato nel markup

[img]images/welding.jpg[/img]PROVA[/b]
',this)" >

a sua volta da toolTip devi passarlo ad aktiv

function toolTip(e,text,me) {
  aktiv(e);
  theObj=me;
...
}

in updatePos non serve passarlo a hideMe(), perche' il gestore evento e' settato via script e automaticamente passa come primo argomento l' event

function updatePos() {
...
  theObj.onmouseout=hideMe;
}

function hideMe(e) {
  inaktiv(e);
  document.getElementById('toolTipBox').style.display="none";

}

queste infine le funzioni aktiv e inaktiv

function aktiv(e)   {
	if(!e)e=event;
	var src=(e.srcElement)?e.srcElement:e.target
	src.className='active';
}
function inaktiv(e) {
	if(!e)e=event;
	var src=(e.srcElement)?e.srcElement:e.target
	src.className='inactive';
}

chiaramente io ho visto solo la parte per settare la classe,
se il tooltip nelle tue intenzioni segue il movimento del mouse c'e' ancora un bel po' di lavoro per te

quello che ho applicato qui (e che ti serve anche per il mouse follower) e' tutto spiegato qui
http://javascript.html.it/articoli/l...r-ed-esempi/1/

ciao

[sharky86]

ciao! grazie mille! ora faccio le modifiche e vedo un po se funge. grazie dell aiuto!

ciao

igor

[sharky86]

solo na domanda per vedere se ho capito giusto:

la textbox mi appare in tutti i browser, ma l effetto sulle immagini solo con IE?

grazie

ciao

igor