Effet de transition entre les pages
Fermé
niou
-
10 déc. 2008 à 18:01
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 23 nov. 2010 à 18:52
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 23 nov. 2010 à 18:52
A voir également:
- Effet de transition entre les pages
- Supprimer des pages sur word - Guide
- Effet miroir word - Guide
- Comment numéroter les pages sur word - Guide
- Comment restaurer les pages google - Guide
- Séparer pages pdf - Guide
4 réponses
Hello à tous, pour que ces transitions fonctionnent ils faut les mettre très haut dans la pages, juste sous le title et mettre l'appel a la feuille de style apres ces META.
Comme quoi même quand le web évolue, le fait de placer au bon endroit les balises, même ancienne, ça fonctionne toujours :p
Voila merci et bon codage...
Comme quoi même quand le web évolue, le fait de placer au bon endroit les balises, même ancienne, ça fonctionne toujours :p
Voila merci et bon codage...
avion-f16
Messages postés
19246
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
21 avril 2024
4 499
23 mars 2010 à 22:20
23 mars 2010 à 22:20
Pour info, cette page date du 30 mai 2004.
Depuis, le Web a évolué et ces effets de transitions ne sont plus appliqués sur les navigateurs récents.
Depuis, le Web a évolué et ces effets de transitions ne sont plus appliqués sur les navigateurs récents.
Allô!
Au sujet des transitions de pages, j'ai une réponse. Ça fonctionne très bien sous Firefox et Explorer.
Dans ton fichier "js" mets ce code :
var xmlhttp;
var timerId = 0;
var op = 1;
function getPageFx()
{
url = "/Page.html";
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest()
xmlhttp.onreadystatechange=xmlhttpChange
xmlhttp.open("GET",url,true)
xmlhttp.send(null)
}
else
getPageIE();
}
function xmlhttpChange()
{
// if xmlhttp shows "loaded"
if (xmlhttp.readyState==4)
{
// if "OK"
if (xmlhttp.status==200)
{
if(timerId!=0)
window.clearTimeout(timerId);
timerId = window.setTimeout("trans();",100);
}
else
{
alert(xmlhttp.status)
}
}
}
function trans(){
op -= .1;
document.body.style.opacity = op;
if(op<.4){ window.clearTimeout(timerId); timerId = 0; document.body.style.opacity = 1; document.open(); document.write(xmlhttp.responseText); document.close(); return; }
timerId = window.setTimeout("trans();",100); } function getPageIE(){ window.location.href = "page.html"; }
ET dans ta page mets ce script :
<script src="titre que tu lui a donné.js" type="text/JavaScript" language="JavaScript">
</script>
Voilà!
saanboy40
Au sujet des transitions de pages, j'ai une réponse. Ça fonctionne très bien sous Firefox et Explorer.
Dans ton fichier "js" mets ce code :
var xmlhttp;
var timerId = 0;
var op = 1;
function getPageFx()
{
url = "/Page.html";
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest()
xmlhttp.onreadystatechange=xmlhttpChange
xmlhttp.open("GET",url,true)
xmlhttp.send(null)
}
else
getPageIE();
}
function xmlhttpChange()
{
// if xmlhttp shows "loaded"
if (xmlhttp.readyState==4)
{
// if "OK"
if (xmlhttp.status==200)
{
if(timerId!=0)
window.clearTimeout(timerId);
timerId = window.setTimeout("trans();",100);
}
else
{
alert(xmlhttp.status)
}
}
}
function trans(){
op -= .1;
document.body.style.opacity = op;
if(op<.4){ window.clearTimeout(timerId); timerId = 0; document.body.style.opacity = 1; document.open(); document.write(xmlhttp.responseText); document.close(); return; }
timerId = window.setTimeout("trans();",100); } function getPageIE(){ window.location.href = "page.html"; }
ET dans ta page mets ce script :
<script src="titre que tu lui a donné.js" type="text/JavaScript" language="JavaScript">
</script>
Voilà!
saanboy40
23 nov. 2010 à 18:52
Je pense que ça ne fonctionne sur IE, et encore, je n'en suis pas sûr pour les dernières versions.