affichage successif de texte

Lau06 · 8 Avril 2009

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.

**captain_torche** · 9 Avril 2009

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).

Lau06 · 9 Avril 2009

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...

**captain_torche** · 9 Avril 2009

A part apprendre le javaScript toi-même, je ne vois malhereusement pas.

L'utilisation de bibliothèques de fonctions telles que jquery, mootools, prototype et consorts peut sans doute simplifier certaines tâches, mais je ne sais pas où tu pourrais apprendre les bases.

Lau06 · 12 Avril 2009

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

**captain_torche** · 14 Avril 2009

Pas de quoi, n'hésite pas à revenir poser des questions quand tu bloqueras

Connexion

affichage successif de texte

Sujets conseillés

Lau06

captain_torche

Lau06

captain_torche

Lau06

captain_torche

Veuillez vous connecter pour commenter

Parcourir

Activité