texte défilant depuis un txt

Version imprimable

27/03/2008, 13h28
sinifer

texte défilant depuis un txt

bonjours je cherche a fair défiler sur mon site un texte mais le problème est que le text change youvent donc j'aimerai mettre le text dans un fichier text

donc ce que j'aimerai fair est un faire un défilement de text verticale qui le lis dans un fichier txt

je vous demande pas de me le fair mais si quelqu'un(e) a une idée commen mi prendre ce serai gentil

merci a vous :D
27/03/2008, 13h47
SpaceFrog

ajax
27/03/2008, 13h54
Matthieu2000

http://javascript.developpez.com/sou...ers#defiltexte
27/03/2008, 13h57
SpaceFrog

Heu là n'était pas la queqtion je pense ...
mais plutot l'importation d'un fichier texte ...

Si tu peux utiliser php un include ferait le taff...

sinon hormis ajax un iframe caché pointant sur le fichier texte ?
27/03/2008, 14h02
sinifer

merci

mais si je fais un iframe le text pourra défilé???

sinon je vais regardé en php mais comme je suis novice sa me prendra du temps lol

en tous cas merci a+
27/03/2008, 14h34
SpaceFrog

pour le php ça sera bien plus court ...

dasn le script dont Mat t'a donné le lioen tu remplace juste :

Code:

var letexte = 'Du texte a écrire';

par

Code:

var letexte = " <?php include('fichier.txt'); ?>;
27/03/2008, 14h43
sinifer

ok

merci :king: je vais testé tous sa
27/03/2008, 15h53
sinifer

malheureusement sa ne marche pas j'ai tous essayer

je suis débutant en php mais normalement quand je met

Code:

<?php include("teste.txt") ?>

le code doit pas s'affiché en rouge??

en tous cas si c'est le cas sa ne le fait pas

il y a rien qui s'affiche sur ma page :?

mais merci encore je vais encore testé de mon coté mais si vous voyé le problème faites en moi part merci
27/03/2008, 16h11
SpaceFrog

tu as bien mis une extension .php à ton fichier ?

oui oui j'ai bien mis une extension .php

mais j'ai trouvé une solution un peu différente

je te montre mon code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <marquee loop="auto" direction="up" ><?php $fp = fopen ("teste.txt", "r"); $varContenuDuFichier = fgets ($fp, 255); fclose ($fp); echo ''.$varContenuDuFichier; ?> </marquee>
par contre je métrise pas la vitesse du défilement de text et le fait qui s'arrete après un under scor (enter)

donc voila pour l'instant :P

27/03/2008, 17h28
Matthieu2000

Citation:

.scrollAmount=5;
.start()
.stop()
28/03/2008, 09h36
sinifer
je te remerci Matthieu2000 même si j'ai rien compris a ce ptit bout de code

j'ai trouvé pour la vitesse de défilement
Code:

1 2 <marquee SCROLLDELAY="350" loop="auto" direction="up" onmouseover="this.stop()" onmouseout="this.start()" >
mais par contre je comprend pas commend on fait pour que sa lisent tous car sa li la ligne mais si je fai un enter sa li pas la suite

donc là je suis bloqué

merci de votre aide quant même :D
28/03/2008, 09h54
SpaceFrog

faut pas de enter ...
il te faudra en php faire un replace de tes sauts de ligne ...
28/03/2008, 10h01
sinifer

oui mais dans un fichier txt je peu pas avoir de saute de ligne??

sa m'arenge pas trop
28/03/2008, 10h09
SpaceFrog
Si biensur, tu n'as pas compris ce que je t'ai dit !!

en reprenant ton code de récupération du contenu du c=fichier texte
Code:

1 2 3 $order = array("\r\n", "\n", "\r"); $replace = ' '; echo ''.str_replace($order, $replace, $varContenuDuFichier);
aisin tu peux avoir des retours ligne dasn le fichier texte, c'est php qui s'occupe de les remplacer ...

merci SpaceFrog

j'ai trouvé une autre solution

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
			<?php
 
    if(file_exists('test.txt'))
   {
            $lignes = file('test.txt');
            $n       = 0; 
			$bb = "";
			$ss = '<br />';
 
 
            $lignes = array_slice($lignes, $n, $n+10); 
 
            foreach($lignes AS $valeur)
           {
				$bb = $bb.$ss.$valeur;
           }
   }
           		   ?>
	<marquee SCROLLDELAY="150" loop="auto" direction="up" onmouseover="this.stop()" onmouseout="this.start()" >
		<?php echo $bb,'<br />'; ?></marquee>
            <?php 
?>

en tous cas je te remerci pour ton aide et a tous ceu qui mon aidé :king:

28/03/2008, 12h07
SpaceFrog

oui c'est plus compliqué et plus long en traitement mais si tu en es satisfait ...

Bonjour,

J'ai sur mon site un texte défilant sur la page d'accueil qui fonctionnait exactement comme je voulais (avec un fichier JS externe). Procédant par étape, je voudrait maintenant aller chercher le texte dans ma base de données et c'est là que ça coince.

J'ai d'abord crée un fichier "derniere-breve.php" qui fonctionne très bien tout seul, le texte de la BDD est bien renvoyé.

J'ai ensuite appliqué l'include dans mon code JS (voir ci-dessous) et ce post me rassure car j'avais visé juste quand à la façon de m'y prendre. Mon problème est que ce code ne m'affiche pas le contenu de mon fichier PHP mais il m'affiche : <?php include('derniere-breve.php'); ?> 8O
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 size=150;/*taille du champs en longueur*/ x = 3*size;/*?????*/ place = 0;/*?????*/ var texte = "<?php include('derniere-breve.php'); ?>"; texteDef=texte;/*?????*/ function defil(){ texteDef = texteDef.substring(1,texteDef.length); while(texteDef.length < x){ texteDef += " " + texte; } document.getElementById('defilant').defilbox.value = texteDef; setTimeout(defil, 120);/*temps entre 2 répétitinos en millisecondes*/ } window.onload = defil;
J'ai inversé les cotes au cas où mais rien de nouveau.
Est-ce que quelqu'un voit d'où cela peut venir ?
Sachant que mon fichier PHP est dans le même répertoire que le fichier JS, le chemin est a priori le bon.

Merci pour vos éclaircissements

07/09/2011, 22h48
Eric2a
Salut,

As-tu lu la question de SpaceFrog concernant l'extension du fichier ?

Si le fichier JS a l'extension .js, il ne sera pas pris en compte par l'interpreteur PHP.

pour corriger cela, il faut :
1. changer l'extension en .php
2. inserer au début du fichier JS la ligne
  
  Code:
  
  <?php header('Content-Type: text/javascript; charset=UTF-8'); ?>
  
  Changer éventuellement le charset (ici UTF-8) par celui que tu utilises.
Ceci dit, la réception du document texte via AJAX serait préferable à mon avis.

texte défilant depuis un php

Bonsoir Eric2a,

Merci pour ta réponse qui me déstabilise un peu. J'ai bien lu a question de SpaceFrog et j'avoue qu'elle m'a intriguée mais du coup je n'ai pas bien compris la démarche.

Pour résumer et être claire, voici ce que j'ai comme fichiers au départ :

un fichier index.php qui pointe (dans le head) vers le fichier texte_defilant.js :

Code:

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
35
36
37
38
39
40
41
42
43
44
45
 
<?php
        session_start();
?>
<!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="fr">
 <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>mon site</title>
	<link rel="stylesheet" type="text/css" media="screen" href="./style/style.css" />
	<link rel="shortcut icon" type="image/x-icon" href="./img/favicon.png" />
	<script type="text/javascript" src="./js/jquery-v1.4.2.js"></script>
	<script type="text/javascript" src="./js/menu.js"></script>
	<script type="text/javascript" src="./js/texte_defilant.js"></script>
</head>
<body>
	<!--/////////////////////////////////////DEBUT BANDEAU///////////////////////////////////////////////////-->
	<div id="entete"></div>
	<div id="bandeau">
		<!--/////////////////////////////////////DEBUT TEXTE DEFILANT ET ACCUEIL////////////////////////////////////////////////////////-->	
		<div style="float:left;">
			<form id="defilant" action="">
				<p>
					<a href="./breves.php">
						<input type="text" id="defilbox" size="150"/>
					</a>
				</p>
			</form>
		</div>
		<div style=" float: right;">
			<a href="#">.: Accueil :.</a>
		</div>
		<!--/////////////////////////////////////FIN TEXTE DEFILANT ET ACCUEIL////////////////////////////////////////////////////////-->				
	</div>
	<!--/////////////////////////////////////FIN BANDEAU/////////////////////////////////////////////////////-->
	<!--/////////////////////////////////////DEBUT CORPS/////////////////////////////////////////////////////-->
 
	<!--FIN CORPS-->
	</div>
	<!--DEBUT PIED-->
	<?php include("footer.php");?>
	<!--FIN PIED-->
</body>
</html>

le fichier "texte_defilant.js" dont le contenu est dans mon précédent post. Ce fichier comporte l'include du fichier dernierebreve.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
size=150;/*taille du champs en longueur*/
	x = 3*size;/*?????*/
	place = 0;/*?????*/
	texte = "<?php include('dernierebreve.php'); ?>";
	/*texte = "Brève du 07 septembre 2011 : Proicite a civitas iter indica enim formam unitas reddere Dionysiadem in lucem concitaverunt in. Ratione partum rex in fuerat.";
	*/alert(texte);
	texteDef=texte;/*?????*/
 
	function defil(){
		texteDef = texteDef.substring(1,texteDef.length);
		while(texteDef.length < x){
			texteDef += "               " + texte;
		}
		document.getElementById('defilant').defilbox.value = texteDef;
		setTimeout(defil, 150);/*temps entre 2 répétitinos en millisecondes*/
	}
	window.onload = defil;

et un fichier dernierebreve.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
        //connexion à la base
        include("connexion-base.php");
        
        //$reponse recoit la reponse de la base unagri
        $reponse = $bdd->query('SELECT * FROM breve ORDER BY datebreve DESC LIMIT 1');
 
        // $donnees est un array qui contient champ par champ les valeurs de $reponse
        while($donnees = $reponse->fetch()){
?>
	<strong>
<?php
        echo date('d/m/Y',strtotime($donnees['datebreve'])).' ';
        echo $donnees['titre'];
?>
	 : </strong>
<?php
        echo $donnees['contenu'];
        }
        $reponse->closeCursor();//termine le traitement de la requete
?>
	</table>

J'ai suivi tes indications en modifiant l'extension de mon fichier texte_defilant.js en texte_defilant.php et en modifiant également la référence dans le fichier index.php

Code:

<script type="text/javascript" src="./js/texte_defilant.php"></script>

ce qui me semble étrange. Enfin j'ai modifié mon fichier texte_defilant.php comme suit :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php header('Content-Type: text/javascript; charset=UTF-8'); ?>
<script type='text/javascript'>
	size=150;/*taille du champs en longueur*/
	x = 3*size;/*?????*/
	place = 0;/*?????*/
	texte = "<?php include('dernierebreve.php'); ?>";
	/*texte = "Brève du 07 septembre 2011 : Proicite a civitas iter indica enim formam unitas reddere Dionysiadem in lucem concitaverunt in. Ratione partum rex in fuerat.";
	*/alert(texte);
	texteDef=texte;/*?????*/
 
	function defil(){
		texteDef = texteDef.substring(1,texteDef.length);
		while(texteDef.length < x){
			texteDef += "               " + texte;
		}
		document.getElementById('defilant').defilbox.value = texteDef;
		setTimeout(defil, 150);/*temps entre 2 répétitinos en millisecondes*/
	}
	window.onload = defil;
</script>

Là tout ça m'échappe un peu. J'ai du mal mal à comprendre comment on peut appeler un fichier javascript avec un fichier php. J'ai dû louper autre chose parce que ça ne marche toujours pas.

Sinon l'option AJAX ça consiste en quoi ? pourquoi ce serait préférable ? J'y connais pas grand chose en js mais en ajax encore moins.
Merci pour vos explications et votre patience

Citation:

Envoyé par Aedonya

J'ai dû louper autre chose...

PHP ne sert pas uniquement à génerer et servir des pages HTML. En fait, avec PHP on peut renvoyer des fichiers textes (html, css, js, txt, xml...), des images (gif, png, bmp, ...), du multimedia (mp3, flv, ...), et bien d'autres (pdf, zip...).

Il suffit de spécifier le type MIME associé au format de données. Concernant les fichiers Javascript, le type MIME est text/javascript (ou application/x-javascript).

Citation:

Envoyé par Aedonya

... ça ne marche toujours pas

Probablement parce que tu as placé les balises HTML dans ton fichier JS.

N'oublie de renvoyer le texte avec les quillemets échappés, en effet si le fichier dernierebreve.php renvoie le texte...

Ce texte contient des guillemets "non échappés"
La ligne texte = "<?php include('dernierebreve.php'); ?>"; donnera :

texte="Ce texte contient des guillemets "non échappés""; // Erreur
ce qui provoquera une erreur de syntaxe Javascript.

Tandis que

texte="Ce texte contient des guillemets \"non échappés\"";
est correct.

Concernant AJAX, je te recommande la lecture des meilleurs cours et tutoriels AJAX.

Ci dessous un exemple de code adapté à ton cas...
Code:

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 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 <!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="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <script type="text/javascript">//<![CDATA[ var size=150, x=3*size, texte, texteDef; function defil(){ texteDef=texteDef.substring(1,texteDef.length); while(texteDef.length<x){ texteDef+=" "+texte; } document.getElementById('defilant').defilbox.value=texteDef; setTimeout(defil,150); } function getXHR(){ var e; if(window.XMLHttpRequest) xhr=new XMLHttpRequest(); else if(window.ActiveXObject){ try{ xhr=new ActiveXObject('Msxml2.XMLHTTP'); }catch(e){ xhr=new ActiveXObject('Microsoft.XMLHTTP'); } }else xhr=false; return xhr; } function scroll_Start(){ xhr=getXHR(); if(!xhr){ alert('Votre navigateur ne supporte pas les objets XMLHTTPRequest...'); return; } xhr.open('GET','dernierebreve.php',true); xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if(xhr.status==200){ texte=xhr.responseText; texteDef=texte; defil(); } } }; xhr.send(null); } window.onload=scroll_Start; //]]> </script> </head> <body> <form id="defilant" action=""> <p> <a href="./breves.php"> <input type="text" id="defilbox" size="150" value="" /> </a> </p> </form> </body> </html>

08/09/2011, 11h50
Aedonya

Merci Eric2a pour ta réponse tard dans la nuit... J'avais les idées plus claires ce matin.

L'idée des côtes était pas mal. En l’occurrence il n'y en avait pas dans le texte mais ça m'a fait tester ce cas de figure. Je me suis un peu pris la tête car une fois les cotes échappée avec le php, je n'arrivais pas à les convertir à nouveau dans le js.

J'ai alors essayé le code que tu m'a concocté et je l'ai adopté. Je l'ai juste mis dans un fichier externe et ça marche nickel.
Je vais maintenant m'atteler à comprendre tout ça parce que c'est pas le tout de copier coller mais je voudrais le réutiliser plus tard et savoir le manipuler.

Merci encore :ccool: