Help me with my lizard script

**Diana** · 04-03-2007, 12:24 PM

Hi,

Here a pretty script which posts lizards, but I am not able to make it function under IE.

see here on my webServer:

http://isis.no-ip.info/site/

The lizards, are blocked in top in IE.

Sorry for my english...

Thank you.

**jscheuer1** · 04-03-2007, 01:10 PM

I was able to get it to work in IE by changing:

Code:

win_height=document.body.clientHeight;
win_width=document.body.clientWidth;

in javascripts/salamandes/aniMagiX.js to:

Code:

win_height=iecompattest().clientHeight;
win_width=iecompattest().clientWidth;

and then placing this function at the beginning of that file:

Code:

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

Notes: This changed the scroller a bit but, it still worked.

**Diana** · 04-03-2007, 02:25 PM

I am happy

many thanks jscheuer1

big kiss to you !

it run now in IE

thank you very much

**Diana** · 04-03-2007, 02:48 PM

excuse me,

I have to forget you ask: Can one add OnMouseOver, so that the lizard move when the mouse is on them ?

thanks

**jscheuer1** · 04-03-2007, 04:54 PM

Still in javascripts/salamandes/aniMagiX.js (additions/changes red):

Code:

function checkOnMouseOver(e,n,we){
var we=we? we : window.event;
printToDebug("checkOnMouseOver( "+e+","+n+")");
sp=AMXs[n];
cState=sp.status.current_state_name;
cScenario=sp.status.current_scenario_name;
printToDebug("   curren state/scenario: "+cState+","+cScenario+")");
with(states[cState].scenarios[cScenario]){
if(isIE||isNS5){
xDelta=(we.pageX? we.pageX : iecompattest().scrollLeft+we.x)-sp.pos.x;
yDelta=(we.pageY? we.pageY : iecompattest().scrollTop+we.y)-sp.pos.y;
}else{
xDelta=e.la . . .

and:

Code:

function AMXspritesHTML(){
AMXspritesHTML=""
container="span";
for(i=0;i<AMXq;i++){
if(isIE||isNS5)
clickCode1=' onClick="checkOnClick(0,'+i+')"'+' onMouseOver="checkOnMouseOver(0,'+i+',event)"';
else
clickCode1="";
AMXspritesHTML=AMXspri . . .

Note: It doesn't work every time with every lizard but, most of the time. I'm not sure why.

I also figured out how to make the scroller look the way it did at first in FF:

Code:

<div class="conteneur_defile" style="width:185px;margin-left:-3px;">
<span id="defile" style="width:185px;" onmouseover="clearInterval(timer)" onmouseout='timer=setInterval("texteDefile()",30)'>
<h3>Partenaires Sociaux :D</h3><br><br>
<span  onclick="javas . . .

But, it might be better as it is now.

**Diana** · 04-03-2007, 07:33 PM

good evening jscheuer1

Thank you for the modifications, it work fine !

But I do not understand why you have to add CSS here whereas I already have for this script that CSS !

Code:

.conteneur_defile{position:relative;width:100px;height:600px;margin:0 auto;overflow:hidden;padding:10px;}
.conteneur_defile2{position:relative;width:100px;height:200px;margin:0 auto;overflow:hidden;padding:10px;}
#defile{position:absolute;width:100px;text-align:center;}

I work also on this script, so that it is used with several Class in css. I manage rather well in php but the Javascript is very hard for me : (

The script uses only the ID and not Class .

I had changed that:

Code:

if (!defile) defile = document.getElementById('defile');

in

Code:

if (!defile) defile = document.getElementByClassName('defile');

But it is not good

I believe that a function should be created, but I do not have enough knowledge Javascript to create it.

Many Thanks

**jscheuer1** · 04-03-2007, 08:13 PM

I put the style inline just as an example. If it works well, you can put it in the stylesheet:

Code:

.conteneur_defile{position:relative;height:600px;margin:0 auto;width:185px;margin-left:-3px;overflow:hidden;padding:10px;}
.conteneur_defile2{position:relative;width:100px;height:200px;margin:0 auto;overflow:hidden;padding:10px;}
#defile{position:absolute;width:185px;text-align:center;}

But, if that messes up your other pages, just leave it inline on the one page. Or, don't use it at all, it is up to you, whatever you like. I was just trying to make it look the way it did when I first viewed your page.

**techno_race** · 04-05-2007, 05:10 PM

What language is that? German?

//EDIT:
No, wait, it was French. I was able to get some English out of it here:

http://64.233.179.104/translate_c?hl...language_tools