Ca marche très bien sur ie, mais comment le rendre compatible avec les autres navigateurs ?
D'avance merci.
Fabiano13
========================================
Voici la page Page.htm
<html>
<body>
<iframe id="sMenuObjet" name="sMenuObjet" border="0" frameBorder="0" width="248" scrolling="no" height="164" src="menu3.htm"></iframe>
<script>
var delai=0; var pix=0; var pixmax=0; var inc=0; var signe = "+"
function scrolling(nb,delay,increment,indic) {
pixmax=nb; delai=delay; pix=0; inc=increment ; signe=indic
setTimeout("scroll()",delai);
}
function scroll() {
pix=pix+inc;
if (signe=="+"){
parent.sMenuObjet.scrollBy(0,inc);
}else{
parent.sMenuObjet.scrollBy(0,-inc);
}
if (pix<pixmax) {setTimeout("scroll()",delai);}
}
function getOffsetPosition(inID1,inID2,inTYPE,Signe){
var iVal1 = 0;
var iVal2 = 0;
var temp = (document.all)? sMenuObjet.document.body.scrollTop : sMenuObjet.pageYOffset
var oObj1 = parent.sMenuObjet.document.getElementById(inID1)
var oObj2 = parent.sMenuObjet.document.getElementById(inID2)
var sType1 = 'oObj1.offset' + inTYPE;
var sType2 = 'oObj2.offset' + inTYPE;
while (oObj1 && oObj1.tagName != 'BODY') {iVal1 += eval(sType1);oObj1 = oObj1.offsetParent;}
while (oObj2 && oObj2.tagName != 'BODY') {iVal2 += eval(sType2);oObj2 = oObj2.offsetParent;}
if (Signe=="+"){
iVal1 = iVal1 - temp
return iVal1;
}else{
iVal2 = iVal2 - temp
return iVal2;
}
}
function Ascenseur(sId1,nId,Signe){
if (Signe=="+"){
nIdPlus = parseFloat(nId + 3)
nIdMoins = parseFloat(nId)
sId2 = "coord_" + nIdMoins + "_"
}else{
nIdPlus = parseFloat(nId)
nIdMoins = parseFloat(nId - 3)
sId2 = "coord_" + nIdMoins + "_"
}
sPosition = getOffsetPosition(sId1,sId2,'Top')
if (parseFloat(sPosition)<0){
sPosition = parseFloat(-sPosition)
}
sCount = 0;
cfg = parent.sMenuObjet.document.body
for (var u=0; u <cfg.all.length; u++ ) {
if (cfg.all[u].id.indexOf("coord_") != -1){
sCount++;
}}
if((sPosition!=0)&&(nId<=sCount)){
scrolling(sPosition,40,6,Signe)
document.getElementById("Precedent").innerHTML = "<a onClick=Ascenseur('coord_" + nIdMoins + "_'," + nIdMoins + ",'-') href=#>Précédent " + nIdMoins + "</a>"
document.getElementById("Suivant").innerHTML = "<a onClick=Ascenseur('coord_" + nIdPlus + "_'," + nIdPlus + ",'+') href=#>Suivant " + nIdPlus + "</a>"
}
}
</script>
<br>
<br>
<font id="Precedent"><a onClick=Ascenseur('coord_4_',4,'-') href=#>Précédent 1</a></font> - <font id="Suivant"><a onClick=Ascenseur('coord_4_',4,'+') href=#>Suivant 1</a></font><br>
</body>
</html>
===================================
Voici la page menu3.htm
<body topmargin="0" leftmargin="0_">
<div id="coord_1_">1<br></div><br><br>
<div id="coord_2_">2<br></div><br><br>
<div id="coord_3_">3<br></div><br><br>
<div id="coord_4_">4<br></div><br><br>
<div id="coord_5_">5<br></div><br><br>
<div id="coord_6_">6<br></div><br><br>
<div id="coord_7_">7<br></div><br><br>
<div id="coord_8_">8<br></div><br><br>
<div id="coord_9_">9<br></div><br><br>
<div id="coord_10_">10<br></div><br><br>
<div id="coord_11_">11<br></div><br><br>
<div id="coord_12_">12<br></div><br><br>
<div id="coord_13_">13<br></div><br><br>
<div id="coord_14_">14<br></div><br><br>
<div id="coord_15_">15<br></div><br><br>
<div id="coord_16_">16<br></div><br><br>
<div id="coord_17_">17<br></div><br><br>
<div id="coord_18_">18<br></div><br><br>
<div id="coord_19_">19<br></div><br><br>
<div id="coord_20_">20<br></div><br><br>
<div id="coord_21_">21<br></div><br><br>
<div id="coord_22_">22<br></div><br><br>
<div id="coord_23_">23<br></div><br><br>
<div id="coord_24_">24<br></div><br><br>
<div id="coord_25_">25<br></div><br><br>
<div id="coord_26_">26<br></div><br><br>
<div id="coord_27_">27<br></div><br><br>
<div id="coord_28_">28<br></div><br><br>
<div id="coord_29_">29<br></div><br><br>
<div id="coord_30_">30<br></div><br><br>
<div id="coord_31_">31<br></div><br><br>
<div id="coord_32_">32<br></div><br><br>
<div id="coord_33_">33<br></div><br><br>
<div id="coord_34_">34<br></div><br><br>
<div id="coord_35_">35<br></div><br><br>
<div id="coord_36_">36<br></div><br><br>
<div id="coord_37_">37<br></div><br><br>
<div id="coord_38_">38<br></div><br><br>
<div id="coord_39_">39<br></div><br><br>
<div id="coord_40_">40<br></div><br><br>
<div id="coord_41_">41<br></div><br><br>
<div id="coord_42_">42<br></div><br><br>
<div id="coord_43_">43<br></div><br><br>
<div id="coord_44_">44<br></div><br><br>
<div id="coord_45_">45<br></div><br><br>
<div id="coord_46_">46<br></div><br><br>
<div id="coord_47_">47<br></div><br><br>
<div id="coord_48_">48<br></div><br><br>
<div id="coord_49_">49<br></div><br><br>
<div id="coord_50_">50<br></div><br><br>
<div id="coord_51_">51<br></div><br><br>
<div id="coord_52_">52<br></div><br><br>
<div id="coord_53_">53<br></div><br><br>
<div id="coord_54_">54<br></div><br><br>
<div id="coord_55_">55<br></div><br><br>
<div id="coord_56_">56<br></div><br><br>
<div id="coord_57_">57<br></div><br><br>
<div id="coord_58_">58<br></div><br><br>
<div id="coord_59_">59<br></div><br><br>
<div id="coord_60_">60<br></div><br><br>
<div id="coord_61_">61<br></div><br><br>
<div id="coord_62_">62<br></div><br><br>
<div id="coord_63_">63<br></div><br><br>
<div id="coord_64_">64<br></div><br><br>
<div id="coord_65_">65<br></div><br><br>
<div id="coord_66_">66<br></div><br><br>
<div id="coord_67_">67<br></div><br><br>
<div id="coord_68_">68<br></div><br><br>
<div id="coord_69_">69<br></div><br><br>
<div id="coord_70_">70<br></div><br><br>
</body>