Forum de discussion
Forum « Programmation Javascript » (archives)
Re: Script ne marchant pas sous netscape
Envoyé: 4 août 2003, 11h43 par Oznog
Premièrement, tu devrais lire sur le sujet. C'est très simple en fin de compte bien que ça semble très complexe. "Modifier le contenu et la position des objets en DHTML"
http://www.trucsweb.com/DHTML/trucs.asp?no=280&type=2 Tu y verra les 3 méthodes.
Ensuite, les navigateurs sont maintenant compatible DOM. Je note que tu désire seulement une compatibilité avec les derniers Netscape. Le ciblage "document.getElementById('idDelObjet')" est compatible IE5+ et Netscape 5+ alors je te donne le code modifié pour cette compatibilité.
Le "hide" ou "show" à la place de "hidden" ou "visible" est uniquement pour Netscape 4.7 et moins!
<body>
<img id=imageDroite style="position:absolute;left:0;top:100;" src="http://www.trucsweb.com/img/t_tut4.gif";>
<img id=imageGauche style="position:absolute;left:0;visibility:hidden" src="http://www.trucsweb.com/images/boutons/p_avantage.gif";>
<script language=javascript>
<!--
droite = 3
gauche = 5
temps = 40
taille = 600
c = 0
function pasDroite(){
c++;
document.getElementById('imageDroite').style.left = parseInt(document.getElementById('imageDroite').style.left) + droite;
document.getElementById('imageDroite').style.top = parseInt(document.body.scrollTop+document.body.clientHeight-75);
document.getElementById('imageGauche').style.left = parseInt(document.getElementById('imageGauche').style.left) + droite;
document.getElementById('imageGauche').style.top = parseInt(document.body.scrollTop+document.body.clientHeight-75);
if (c<taille/droite) {
setTimeout( "pasDroite();", temps)
} else {
c=0;
document.getElementById('imageGauche').style.visibility="visible";
document.getElementById('imageDroite').style.visibility="hidden";
setTimeout( "pasGauche();", temps);
}
}
function pasGauche(){
c++;
defaultStatus = document.getElementById('imageDroite').style.left;
document.getElementById('imageDroite').style.left = parseInt(document.getElementById('imageDroite').style.left) - gauche;
document.getElementById('imageDroite').style.top = parseInt(document.body.scrollTop+document.body.clientHeight-75);
document.getElementById('imageGauche').style.left = parseInt(document.getElementById('imageGauche').style.left) - gauche;
document.getElementById('imageGauche').style.top = parseInt(document.body.scrollTop+document.body.clientHeight-75);
if (c<taille/gauche){
setTimeout ("pasGauche()", temps)
} else {
c=0;
document.getElementById('imageGauche').style.visibility="hidden"
document.getElementById('imageDroite').style.visibility="visible"
setTimeout ("pasDroite()", temps)
}
}
window.onLoad=pasDroite();
//-->
</script>
</body>
Ciao
Oznog
Réponses
|
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](https://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](https://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](https://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion![http://www.trucsweb.com/img/t_tut4.gif"](http://www.trucsweb.com/img/t_tut4.gif"){kind=link}
![http://www.trucsweb.com/images/boutons/p_avantage.gif"](http://www.trucsweb.com/images/boutons/p_avantage.gif"){kind=link}