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.