Discussion :

[selinav]

Bonjour,

Etant débutante en javascript, j'aurais besoin de quelques éclaircissements pour pouvoir modifier un script.

J'ai trouvé un script qui me permet de simuler le défilement de la balise marquee.
Toutefois celui-ci permet uniquement de mettre un message fixe. J'aimerais pouvoir le modifier pour mettre un texte issu de ma base de données.

Voici le script en question

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<script type="text/JavaScript" language="JavaScript">
	function scroll(n){
		var blanc=" ";
		var texte = "Ceci est une démonstration de l'alternative par JavaScript de la balise propriétaire [marquee] (Internet Explorer) afin d'obtenir le même effet sur tous les navigateurs actuels.";
 
		var scrolling_text = blanc + texte;
		scrolling_text = scrolling_text.substring(n,scrolling_text.length);
		document.message.scroll_text.value = scrolling_text;
 
		if(scrolling_text.length > 0) n ++;
		else n = 0;
 
		s = n;
		n = setTimeout("scroll(s)", 100);
	}
</script>

Pour afficher ce code, il faut actuellement ajouter dans son code html le code suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form name = "message"><input name = "scroll_text" size = "39"></form>

J'aimerais donc appeler la fonction en passant ma variable texte issue de ma BDD.

Est-il possible de mettre un truc du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<form name = "message"><input name = "scroll_text" onload=scroll(mon_texte) size = "39"></form>

et d'adapter la fonction scroll avec quelque chose comme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script type="text/JavaScript" language="JavaScript">
	function scroll(n, mon_texte){
		var blanc=" ";
 
		var scrolling_text = blanc + mon_texte;
		scrolling_text = scrolling_text.substring(n,scrolling_text.length);
		document.message.scroll_text.value = scrolling_text;
 
		if(scrolling_text.length > 0) n ++;
		else n = 0;
 
		s = n;
		n = setTimeout("scroll(s)", 100);
	}
</script>

Merci d'avance pour votre aide.

[vermine]

Bonjour,

Il n'y pas d'onload sur <input>. Il me semble qu'il doit trainer quelque part dans la page un appel à la fonction scroll.
Vous pouvez sans doute modifier cet appel mais faites attention lors du passage des paramètres:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function scroll(n1, mon_text1)
{
   //...
}
 
//différents appels:
var n2;
var mon_text2;
scroll(n2); //n1 = n2 et mon_text1 = ''
scroll(n2, mon_text2); //n1 = n2 et mon_text1 = mon_text2
scroll(mon_text2); //n1 = mon_text2 et mon_text1 = ''

[selinav]

Après réflexion, j'ai mis ceci, mais j'ai un problème pour récupérer la valeur que je passe à mon input

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <form name = "message"><input id="scroll_text"  name = "scroll_text" size = "39" value="Ceci est une démonstration de l'alternative par JavaScript de la balise propriétaire  [marquee] (Internet Explorer) afin d'obtenir le même effet sur tous les navigateurs actuels"></form>

et pour ma fonction, je remplace juste la ligne var texte

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 <script type="text/JavaScript" language="JavaScript">
		function scroll(n){
			var blanc=" ";
			//var texte = "Ceci est une démonstration de l'alternative par JavaScript de la balise propriétaire        [marquee] (Internet Explorer) afin d'obtenir le même effet sur tous les navigateurs actuels.";
 
                        // est-ce que la syntaxe est juste pour récupérer la valeur de l'input scroll_text ?
			var texte = document.getElementById('scroll_text').value;
 
			var scrolling_text = blanc + texte;
			scrolling_text = scrolling_text.substring(n,scrolling_text.length);
			document.message.scroll_text.value = scrolling_text;
 
			if(scrolling_text.length > 0) n ++;
			else n = 0;
 
			s = n;
			n = setTimeout("scroll(s)", 100);
		}
	</script>

Mais ça ne me retourne rien...

[vermine]

C'est normal, il faut que la fonction scroll soit lancée quelque part:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
scroll(0);

[selinav]

je ne comprends pas, je modifie uniquement la variable texte.

Si je la laisse par défaut le script fonctionne.
Si je remplace en disant de récupérer la valeur de l'input elle ne fonctionne plus.

Je ne comprends pas où et comment je dois appeler cette fonction.

Pourriez-vous m'expliquer SVP.

Merci d'vance

[selinav]

Si je reprends mon script, je ne comprends pas pourquoi si l'on récupère la valeur dynamiquement, le script ne fonctionne plus alors qu'avec une variable fixe si.

Que change ceci dans la suite de mon script? Est-ce que la fonction tourne en boucle, empêchant le bon fonctionnement du script?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 <script type="text/JavaScript" language="JavaScript">
		function scroll(n){
			var blanc=" ";
			//var texte = "Ceci est une démonstration de l'alternative par JavaScript de la balise propriétaire [marquee] (Internet Explorer) afin d'obtenir le même effet sur tous les navigateurs actuels.";
 
                        // Que change ceci dans la suite de mon script?
			var texte = document.getElementById('scroll_text').value;
 
			var scrolling_text = blanc + texte;
			scrolling_text = scrolling_text.substring(n,scrolling_text.length);
			document.message.scroll_text.value = scrolling_text;
 
			if(scrolling_text.length > 0) n ++;
			else n = 0;
 
			s = n;
			n = setTimeout("scroll(s)", 100);
		}
	</script>

Cordialement

[vermine]

Il nous manque un bout de code quelque part. Donnez-nous le code de la page HTML générée.

[selinav]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language ?>" lang="<?php print $language->language ?>" dir="<?php print $language->dir ?>">
 
  <head>
    <title><?php print $head_title; ?></title>
 
    <script type="text/JavaScript" language="JavaScript">
		function scroll(n){
			var blanc=" ";
			//var texte = "Ceci est une démonstration de l'alternative par JavaScript de la balise propriétaire        [marquee] (Internet Explorer) afin d'obtenir le même effet sur tous les navigateurs actuels.";
			//var texte = document.getElementById('idScroll_text').value;
			var texte = document.forms["message"].elements["scroll_text"].value;
 
			var scrolling_text = blanc + texte;
			scrolling_text = scrolling_text.substring(n,scrolling_text.length);
			document.message.scroll_text.value = scrolling_text;
 
			if(scrolling_text.length > 0) n ++;
			else n = 0;
 
			s = n;
			n = setTimeout("scroll(s)", 100);
		}
	</script> 
  </head>
 
  <body onload="scroll(0)" class="<?php print $body_classes; ?>">
 
    <form name = "message"><input name = "scroll_text" size = "39" value="la valeur de mon input par defaut" id="idScroll_text" type="text"></form>
 
  </body>
</html>

Effectivement dans le body on a "onload=scroll(0)"

[vermine]

Quelle est la valeur de texte à ce niveau-ci ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var texte = document.forms["message"].elements["scroll_text"].value;
prompt("",texte); 
var scrolling_text = blanc + texte;

[vermine]

Bon, j'ai peut-être mal compris ce que vous faisiez car les lignes commentées sont toujours les mêmes. Voici les deux possibilités:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
/* Je déclare le texte dans ma fonction */
var texte = "Ceci est une démonstration de l'alternative par JavaScript de la balise propriétaire        [marquee] (Internet Explorer) afin d'obtenir le même effet sur tous les navigateurs actuels.";
//Je commente cette ligne:
//var texte = document.getElementById('idScroll_text').value;
 
/* Je déclare le texte dans ma page */
//Je commente cette ligne:
//var texte = "Ceci est une démonstration de l'alternative par JavaScript de la balise propriétaire        [marquee] (Internet Explorer) afin d'obtenir le même effet sur tous les navigateurs actuels.";
var texte = document.getElementById('idScroll_text').value;
//Il faut un texte dans cet input HTML

Bien entendu, la ligne commentée peut-être totalement supprimée.