Aller au contenu

affichage successif de texte

Lau06

Par Lau06
dans AjaX et JavaScript

 Partager

Sujets conseillés

Lau06

Lau06

Posté
Posté

Bonjour à tous,

J'ai fait un site de maths il y a 8 ans environ, il fonctionne encore très bien sous internet explorer jusqu'à la version 8, j'ai quelques problèmes sous firefox notamment sur une page où j'affiche une table de multiplication sélectionnée par le visiteur de la manière suivante :

2x1=2 puis effacement et écriture de 2x2=4...

voici la page

tables de multiplication

et voici le script de la page qui affiche la table :

<html>
<head>
<title>Afiichage table de multiplication</title>

<script language="javaScript">

	A = new Number();


</script>

<script LANGUAGE="JavaScript" SRC="query_string_scan.js"></SCRIPT>.



</head>



<body bgcolor="#000000" text="#FFFFFF">


<script language="javaScript">
A = get("A");
</script>


<table width="500" align="center" font face="Arial" size="5">

<script language="javaScript">
document.write("<td align ='center' >"+"<font face='Arial' size='5'>"+"Table de "+A+"</font>"+"</td>"+"<tr>");
</script>


<div id="splashcontainer" style="position:absolute;width:550"></div>
<layer id="splashcontainerns" width=550></layer>
<script>
// © Dynamic Drive (www.dynamicdrive.com)
//////// Modifiez les variables suivantes ////////////
//configurer le délai en milisecondes entre chaque message
var intervals=3000
//configurer les différents messages 
var splashmessage=new Array()
var openingtags='<font face="Arial" size="20">'

splashmessage[0]= A+" x 1 = "+(A*1)
splashmessage[1]= A+" x 2 = "+(A*2)
splashmessage[2]= A+" x 3 = "+(A*3)
splashmessage[3]= A+" x 4 = "+(A*4)
splashmessage[4]= A+" x 5 = "+(A*5)
splashmessage[5]= A+" x 6 = "+(A*6)
splashmessage[6]= A+" x 7 = "+(A*7)
splashmessage[7]= A+" x 8 = "+(A*8)
splashmessage[8]= A+" x 9 = "+(A*9)
splashmessage[9]= A+" x 10 = "+(A*10)
splashmessage[10]="Appuie sur :<BR> Apprendre la table <BR>pour la revoir."
var closingtags='</font>'
/////// Ne modifiez plus rien après cette ligne ////////////

var i=0
function displaysplash_ie(){
if (i<splashmessage.length){
sc_ie.style.visibility="hidden"
sc_ie.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>'
sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2
sc_ie.style.visibility="visible"
i++
}
setTimeout("displaysplash_ie()",intervals)
}

function displaysplash_ns(){
if (i<splashmessage.length){
sc_ns.visibility="hide"
sc_ns.document.write('<b>'+openingtags+splashmessage[i]+closingtags+'</b>')
sc_ns.document.close()
sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2
sc_ns.visibility="show"
i++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash_ns()",intervals)
}

function positionsplashcontainer(){
if (document.all){
sc_ie=document.all.splashcontainer
sc_ie.style.left=document.body.scrollLeft+document.body.clientWidth/2-sc_ie.offsetWidth/2
sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2
displaysplash_ie()
}
else if (document.layers){
sc_ns=document.splashcontainerns
sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2
sc_ns.visibility="show"
displaysplash_ns()
}
}
window.onload=positionsplashcontainer
</script>
</body>
</table>

</html>

Je ne sais pas si le script peut être adaptable pour firefox. Si je dois en utiliser un nouveau, pensez vous que je dois toujours utiliser le javascript ou s'il y a un langage plus adapté.

Merci pour votre aide.

Lien vers le commentaire
Partager sur d’autres sites
captain_torche

captain_torche

Posté
Posté

Tu tiens absolument à afficher les lignes une à une ?

Si oui, le JavaScript est effectivement indispensable. Toutefois, ton code est grandement perfectible (pour info, il ne fonctionne QUE sous IE, les autres navigateurs (chrome, opera, firefox, etc) n'afficheront rien). Et pour cause ! Ton code est prévu pour une lointaine époque, où seuls deux navigateurs cohabitaient : Netscape Navigator et Internet Explorer, et ton script est conçu pour se lancer différemment sur l'un et l'autre. Le souci, c'est qu'il n'est absolument pas prévu pour des navigateurs modernes, d'où ton souci.

C'est un gros problème de beaucoup de sites proposant des ressources JavaScript, qui n'ont pas mis leurs contenus à jour (ou qui s'en contrefichent).

Lien vers le commentaire
Partager sur d’autres sites
Lau06

Lau06

Posté
  • Auteur
Posté

Oui, je tiens à afficher les lignes les unes à la place des autres car je souhaite que l'enfant mémorise les tables avant de faire les exercices et je pense que c'est plus facile à mémoriser avec un affichage alternatif.

Sais-tu où je peux trouver des ressources pour le faire ? Comme tu dis, j'ai l'impression que la plupart des sites sur le javascript ont arrêté de se mettre à jour...

Lien vers le commentaire
Partager sur d’autres sites
Lau06

Lau06

Posté
  • Auteur
Posté

Après différentes recherches, je pense que je vais adapter des diaporamas Noobslide de MooTools, je vais aussi me racheter un livre sur le javascript pour me remettre à jour.

Merci beaucoup pour ton aide captain_torche.

Lau06

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...