Faire défiler un texte (fichier *.txt)

**Crachover** · 23/09/2018, 15h01

Bonjour,

J'ai une page web, sur cette page, je fais défiler un texte de droite à gauche, j'utilise pour cela la commande MARQUEE et cela fonctionne très bien. j'ai cependant plusieurs problèmes et demandes...

J'aimerais pouvoir comme indiqué dans le titre, aller chercher le contenu du texte directement dans un fichier *.txt, j'ai essayé avec le code <object data="Classeur1.txt"/> cela fonctionne, le texte est bien là, mais impossible de le mettre en forme, impossible de retirer une barre de défilement horizontale, sauf en fixant la longueur du texte... 100% ne fonctionne pas etc... je me tourne donc vers du JavaScript, mais là, je suis nul...

Donc, je me permet de poster cette demande.

J'aimerais pouvoir :

Faire défiler un texte, (source : *.txt) de droite vers la gauche avec possibilité de choisir la taille du texte, la couleur, la couleur de fond de la zone de défilement etc...
Faire défiler un texte, (source : *.txt) de bas en haut, style générique de film dans une box (<div>) avec possibilité de choisir la taille du texte, la couleur, la couleur de fond de la zone de défilement, que le texte passe à la ligne automatiquement si la box ne permet pas un affichage en une ligne etc...

Merci d'avance pour votre aide

**NoSmoking** · 23/09/2018, 15h29

Bonjour,
on fait quoi de ton autre discussion, Intégrer fichier TXT avec MARQUEE ,à la quelle il serait poli de répondre, c'est la moindre des choses

.

**Crachover** · 23/09/2018, 15h33

Bonjour,
Il fallait juste m'en laisser le temps...

mais effectivement j'aurais peut-être dû faire l'inverse... répondre et puis poster dans une autre rubrique

personne n'est parfait

**NoSmoking** · 23/09/2018, 16h30

C'est tout à fait faisable en CSS, on en avait parlé sur le forum dans cette discussion : Défilement horizontal en CSS, d'un texte sans saccades, il y a des solutions JavaScript si mes souvenirs sont bons.

J"avais mis un lien vers une démo CSS : [CSS] Texte défilant.

**Crachover** · 25/09/2018, 18h38

Bonjour,

Je reviens vers vous, car je n'y arrive pas... j'arrive bien "en partie" à réaliser les exemples du précédent message, mais je n'arrive pas à les adapter...

Ce que j'aimerais ces :

que le texte provienne d'un fichier *.txt
que le code s'adapte automatiquement par rapport à la longueur du texte présent dans le fichier *.txt
que le texte démarre du bord droit et non du coté gauche comme dans l'exemple

Ps : le contenu du fichier *.txt sera toujours sur une ligne, car le fichier texte est créé préalablement par du vba Excel !

Merci d'avance pour votre aide :-)

**psychadelic** · 25/09/2018, 20h17

lire un fichier texte => utiliser un fetch
un texte de 50 pages ?

**psychadelic** · 29/09/2018, 01h06

Envoyé par Crachover

J'aimerais pouvoir :
[*]Faire défiler un texte, (source : *.txt) de bas en haut, style générique de film dans une box (<div>) avec possibilité de choisir la taille du texte, la couleur, la couleur de fond de la zone de défilement, que le texte passe à la ligne automatiquement si la box ne permet pas un affichage en une ligne etc...

J'avais vu ce truc la un jour, puis je viens de madire que c'est pile poil ce que tu recherche

==> https://codepen.io/thatbram/pen/KuHsl

**Crachover** · 06/10/2018, 16h39

Je créé mes pages, je test sur mon pc, tout est nickel, même avec un include PHP... je lance la page sur ma SMART TV et là.... rien, snif, le code de NoSmoking ne fonctionne pas sur une SMART TV... le texte n'apparait pas, pourquoi ????

Pour info :
un petit exemple, sur ma SMART TV Samsung la déclaration des variables LET ne fonctionne pas, je dois obligatoirement mettre VAR...

Une idée ?

Invité · 06/10/2018, 17h39

Bonjour,

Envoyé par Crachover

...sur ma SMART TV Samsung la déclaration des variables LET ne fonctionne pas, je dois obligatoirement mettre VAR...

Oui, on avait déjà vu ça (dans une autre discussion).

Peux-tu re-montrer ton code ?

**Crachover** · 07/10/2018, 08h53

Salut,

Voici...

messageiframe.php

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css.css"/>
<title>Message</title>
</head>
<body>
<div class="marque-rtl">
<div id="messageii" class="msg"><?php include('Classeur1.txt'); ?></div>
</body>
</html>

css.css

Code css :

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
/* texte défilant, de droite vers la gauche, avec départ du texte à droite de la fenêtre de défilement */
/* le block conteneur */
body
{
  background-color: black; /* Le fond de la page sera noir */
  color: #A6A6A6; /* Le texte de la page sera blanc */
}
.marque-rtl {
  max-width: 296px;
  border: 1px solid #A6A6A6;
  overflow: hidden;
}
.marque-rtl > div {
  display: inline-block;
  padding-right: 296px;
  padding-left: 296px;
  white-space: nowrap;
  animation: defilement-rtl 15s infinite linear;
  cursor: pointer;
}
.msg {
  font-size: 16px;
  line-height: 25px;
}
@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);
  }
  100% {
    transform: translate3d(-100%,0,0);
  }
}

Classeur1.txt

Code :

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

Vous pouvez écrire içi ... :-) un texte... blablabla...

Code iframe de ma page index.htm

Code html :

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

1
2
<span style='mso-ignore: vglayout; position: absolute; z-index: 2; margin-left: 18px; margin-top: 260px; left: 890px; top: 355px;'><div>
<iframe id="messagei" name="messagei" title="messagei" src="messageiframe.php" frameborder=0  height=91px width=100% scrolling="No" marginheight="0" marginwidth="0"></iframe></div></span>

Invité · 07/10/2018, 09h25

Bonjour,

Je doute que ta SMART TV interprète le PHP.

Faire défiler un texte (fichier *.txt)

JavaScript

Vue hybride

Discussions similaires

Partager

Partager