Sujet Précédent Sujet Suivant

Texte html

Résolu
cary64 Messages postés 58 Statut Membre -  
 Utilisateur anonyme -
bonsoir a tous,

Voilà une heure que je m'acharne sur un petit effet de texte que j'aimerai faire et je rame !

voilà, j'arrive a faire defiler un texte de bas en haut a allure regulière
et ce que je voudrais c'est que le texte s'arrête qques secondes en plein milieu de façon a avoir le temps de lire les mots, puis de reprendre son défilement a la meme allure.

est ce possible ?

me suis je bien exprimer ??

merci encore de votre aide
Configuration: Windows XP
Firefox 2.0.0.6
A voir également:

50 réponses

  • 1
  • 2
  • 3
Résumé de la discussion

Un utilisateur cherche à faire défiler du texte de bas en haut et à insérer une pause de lecture en plein milieu avant de reprendre le défilement. Plusieurs contributions suggèrent d'utiliser un script JavaScript personnalisé (par exemple ejs_scroll) avec pause paramétrable, et d'organiser les sauts de ligne via des balises br, ou d'envisager une GIF animée comme alternative. Les échanges portent principalement sur l'ajustement des paramètres (vitesse, durée de pause, hauteur du cadre) et sur la compatibilité entre navigateurs, avec des exemples pratiques. En cas de limitation de compatibilité, certains recommandent d'éviter les balises marquee et de privilégier le JavaScript, tandis que d'autres suggèrent d'ajuster la police, la taille et les contrastes pour la lisibilité.

Généré automatiquement par IA
sur la base des meilleures réponses
Réponse 1 / 50
warlix Messages postés 1204 Statut Contributeur 288
 
salut

java script non ?
0
Réponse 2 / 50
Utilisateur anonyme
 
Bonsoir !

Petite recherche sur le net, tu peux le faire en javascript avec un arrêt du texte quand on passe la sourie dessus de PSYCKAN :

http://www.javascriptfr.com

<div align="center"><span class="texte">
<script language="JavaScript1.2">

var marqueewidth=200
var marqueeheight=220
var speed=2
var marqueecontents='<font class="text"><b><u>News du 01/08/04 : </u></b><br>Ouverture du site<br><br><b><u>News du 02/08/04 : </u></b><br><a href="astuces.htm">Création d\'astuces javascript + Sytème de présentation Flash</a></font>'
if (document.all)
document.write('<marquee onmouseover=this.stop() onmouseout=this.start() direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')

</script>
</span></div>

*gab*
0
Réponse 3 / 50
cary64 Messages postés 58 Statut Membre
 
non je n'ai pas javascript, jke travaille avec dreamweaver MX et ce n'est pas non plus du flash
0
Réponse 4 / 50
cary64 Messages postés 58 Statut Membre
 
merci Gab de t'être embêter a chercher pour moi, mais je n'utilise pas javascript :(

Je suis avec dreamweaver MX et je n'utilise pas non plus flash MX. Juste du codage html ! :)

Merci a tous
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 50
Utilisateur anonyme
 
Eh bien intègre ce code dans le html, le javascript se met dans tout les cas dans du html.

*gab*
0
Réponse 6 / 50
cary64 Messages postés 58 Statut Membre
 
GAb,

Je m'excuse, je suis novice et... c'est loin d'être clair pour moi ton code.. ou dois je inserer mon texte ?

encore pardon !!!!!
0
Réponse 7 / 50
Utilisateur anonyme
 
Ce n'est pas grave :)

Peux tu me donner le code source de ton fichier .html ?

*gab*
0
Réponse 8 / 50
cary64 Messages postés 58 Statut Membre
 
BAh voilà :s

</p>
<marquee>
</marquee>
<p align="center">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE> </TITLE>
<CENTER>
<MARQUEE direction=up height=90% width=80% ScrollAmount=2 bgcolor="#FFCC99" scrolldelay="15">
<DIV Align=Center >
<p><FONT Face="Marriage" size=24 color= "yellow" > Bienvenue à l'association</FONT> <FONT Face="marriage size=16 color="yellow" >
</FONT></p>
<p><FONT Face="Marriage" size=18 color="yellow" >"Les Peaux d'Ousse"
!</FONT></p>
<p><font color="red" size="18" face="Marriage"><img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96"></font></p>
</DIV>
</MARQUEE>
<BR>
<FONT Face="Comic Sans MS" size=4 color= "green" >

j'espère que tu n'as rien d'autre a faire !!!! :s

merci bcp en tt cas
0
Réponse 9 / 50
Utilisateur anonyme
 
Voilà !

J'ai utilisé un autre script toujours en Javascript et j'ai un peu nettoyé tout ça ! Voilà le nouveau code !

<HTML>
<HEAD>
<TITLE>Votre titre</TITLE>
</HEAD>
<BODY>
<div width=80% height=90% bgcolor="#FFCC99" align="center">
<marquee id="scroller" scrollamount="5" direction="up" width=80% height=90% bgcolor="#FFCC99"
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">
<FONT Face="Marriage" size=24 color= "yellow" >Bienvenue à l'association</FONT><br>
<FONT Face="Marriage" size=18 color="yellow" >"Les peaux D'Ousse" !</FONT><br>
<img src="gifs%20peaux%20d%27ousse/enfantdanse.gif" width="124" height="96"><br>
</marquee>
</div>
</BODY>
</HTML>

*gab*
0
Réponse 10 / 50
Anonyme
 
Salut

Du texte défilant, avec un temps de pose au milieu :

Un autre truc ; avec un peu de méthode et de temps (si on veut changer le texte) :

Faire une image au format ".gif" animé, avec des temps de poses comme on veut ;-)

à+
0
Réponse 11 / 50
cary64
 
merci de ton aide mais ça ne marche pas :(

je veux dire que ça dfile en saccader tt le tps. moi ce que je cherche a faire c'est que ça defile de bas en haut et que ça s'arrête des que les 2 lignes et l'image se voient.

Bienvenue à l'association
"Les Peaux d'ousse" !
"mon image"

donc, j'ai un cadre ou defile de bas en haut ces 3 lignes a cadence regulière, et ce que je voudrais c'est que, dès qu'on visualise ces 3 lignes, que ça s'arrête 5 sec, et que le defilement rprennent ensuite. Et ça à l'infini.

Oh lala j'espère bien me faire comrpendre ! :(
0
Réponse 12 / 50
Simbuffy
 
Mmm, tu l'as vu où ce système de texte défilant? Sur un site en particulier? Si oui donne moi l'adresse pour que j'aille voir.

De plus, je te conseil d'envoyer un mail au webmaster pour lui demander. Il serait surprenant qu'il ne te réponde pas.

Avec le code en java que Gab t'a fait, cela ne marche pas??

@+
0
Réponse 13 / 50
Simbuffy
 
Au fait, juste une suggestion. Je constate que dans ton texte tu as une image représentant un enfant qui danse. Je te conseil, pour toutes images, photos, de ne mettre que des minuscules et surtout de supprimer tous les espaces, car ça c'est source de problème à venir, et même dans ta conception, cela peut tout te bloquer.

@+
0
Réponse 14 / 50
cary64 Messages postés 58 Statut Membre
 
bah... je sais plus ou je 'lai vu en fait, mais ça doit bien exister !! je l'ai deja vu mais ou... j'essaierai de poster un message au webmaster

merci pour tout

a bientot
0
Réponse 15 / 50
Anonyme
 
Salut

Texte défilant html (Lien : Recherche avec Google) :
https://www.google.fr/search?hl=fr&q=Texte+d%C3%A9filant+html&gws_rd=ssl

*****************

https://codes-sources.commentcamarche.net/ 


<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Superbe texte déffilant</title>
</head>

<body bgcolor="#000000" text="#FFFFFF">

<script language="Javascript1.2"><!--
var tags_avant = '<FONT FACE="Monotype Corsiva" color="#80FF80">' //Balise Html avant le texte 
var tags_apres  = '</FONT face="Monotype Corsiva">' //Balise Html après le texte 
var speed = 30            //vitesse d'écriture
var speed2 = 100000        //temp de pause

// Ci-dessous : Rajoutez des messages sans oublier de changer le numéro du msg[...] 
msg = new Array()
msg[0]="Bonjour je vous presente ce petit script qui est vraimment superbe.<br>Comme vous le voyez vous pouvez sauter de ligne a tout moment attention on y vas.<br>Il suffit de mettre la balise ;<br;> et voila.<br>Vous pouvez changer :<br>- La dimension du texte.<br>- Les couleurs.<br>- La vitesse d'écriture.<br>- Le temps de pause a la fin du texte.<br>- Mettre des lignes.<br>----------------------------------------------------------<br><br>- Ou des pointilles.<br>_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ <br>- Vous pouvez aussi l'agrémenter d'une musique genre clic-clic machine a écrire.<br>- Voila j'espère que la démo vous a plus.<br>Si vou voulez m'envoyer un mail voici mon adresse :<br>pitrack1@club-internet.fr<br><br><center>Salut a tous les webmaster et bon surf a tous.</center>"



//Définissez la position de l'animation dans votre page en coordonnées left/top: 
//Ci dessous pour netscape (left=0 top=0 correspond au coin en haut à gauche)
 if(navigator.appName == "Netscape") {
 document.write('<layer left=40 top=130 id="ticker"></layer><br>');
 } 
//Ci dessous pour internet explorer 
 if (navigator.appVersion.indexOf("MSIE") != -1){
 document.write('<span left=4 top=180 id="ticker"></span><br>');
 }

var msg2 = msg; var x = 0; var y = 0;
function upticker(){ 
if (y > msg2.length - 1) {
y = 0; setTimeout("upticker()",speed);}
else{if (x > msg2[y].length) {
msg = msg2[y];x = 0; y++;
setTimeout("upticker()",speed2);}
else {msg = msg2[y].substring(0,x++);
setTimeout("upticker()",speed);}
if(navigator.appName == "Netscape") {
document.ticker.document.write(tags_avant+msg+tags_apres);
document.ticker.document.close();}
if (navigator.appVersion.indexOf("MSIE") != -1){
ticker.innerHTML = tags_avant+msg+tags_apres;};};} 
setTimeout("upticker()",speed);

//--></script>


</body>
</html>


*****************

http://perso.orange.fr/astwinds/astuces/html/textedefilant.html 


<!-- Début du code du texte défilant d'Astwinds--><noscript><a href="https://1map.com/fr/astwindscom">Texte défilant<br> d'Astwinds</A></noscript><marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif"><strong><em>Bienvenue sur Astwinds</em></strong><font color="#333399"><strong> Des astuces pc pour windows xp, comment créer votre propre site, paramétrer pc, des gifs animés, des fonds d'ecran, des histoires et blagues les plus drôles et insolites du moment ainsi que votre programme télé, horoscope, ciné, itinéraires et bien d'autres </strong></font></font></marquee><!-- Fin du code du texte défilant d'Astwinds -->


à+
0
Réponse 16 / 50
Alain42
 
J'ai retrouvé ça essayes si c'est ce que tu recherches: 

<html>
<!-- DEBUT DU SCRIPT -->
<STYLE TYPE="text/css">
.ejs_scroll {font-size:11px;font-family:Verdana;color:#000000;text-decoration:none}
</STYLE>

<script language="JavaScript1.2">

/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

ejs_scroll_largeur = 200;
ejs_scroll_hauteur = 50;
ejs_scroll_bgcolor = '#FFFF00';
/* Mettre ici le chemin de l'image de fond */
ejs_scroll_background = "";
/* Mettre ici le temps en secondes */
ejs_scroll_pause_seconde = 3;

ejs_scroll_message = new Array;

ejs_scroll_message[0]='<a href="http://192.168.0.4/lien1" class="ejs_scroll">test1</FONT></a>';
ejs_scroll_message[1]='<a href="http://192.168.0.7/lien2" class="ejs_scroll">test2</FONT></a>';
ejs_scroll_message[2]='<a href="http://192.168.0.7/lien3" class="ejs_scroll">test3</FONT></a>';
ejs_scroll_message[3]='<a href="http://1692.168.0.7/lien4" class="ejs_scroll">test4</FONT></a>';
function d(texte)
	{
	document.write(texte);
	}

d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>');
d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>');
d('</DIV></DIV>');

ejs_scroll_mode =1;
ejs_scroll_actuel = 0;

function ejs_scroll_start()
	{
	if(ejs_scroll_mode == 1)
		{
		ejs_scroller_haut = "ejs_scroller_1";
		ejs_scroller_bas = "ejs_scroller_2";
		ejs_scroll_mode = 0;
		}
	else
		{
		ejs_scroller_bas = "ejs_scroller_1";
		ejs_scroller_haut = "ejs_scroller_2";
		ejs_scroll_mode = 1;
		}
	ejs_scroll_nb_message = ejs_scroll_message.length-1;
	if(ejs_scroll_actuel == ejs_scroll_nb_message)
		ejs_scroll_suivant = 0;
	else
		ejs_scroll_suivant = ejs_scroll_actuel+1;
	if(document.getElementById)
		document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
	ejs_scroll_top = 0;
	if(document.getElementById)
		setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
	}

function ejs_scroll_action()
	{
	ejs_scroll_top -= 1;
	document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
	document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
	if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
		setTimeout("ejs_scroll_action()",10)
	else
		ejs_scroll_stop()
	}

function ejs_scroll_stop()
	{
	ejs_scroll_actuel = ejs_scroll_suivant;
	ejs_scroll_start()
	}

window.onload = ejs_scroll_start;
</SCRIPT>
<!-- FIN DU SCRIPT -->
</html>
0
Réponse 17 / 50
cary64
 
Vous êtes tous adorable, mais rien ne marche comme je le souhaite :(

Tant pis, je vais fouiner sur le net et je trouverai peut être...

Bonne soirée,

Et encore merci
0
Réponse 18 / 50
Anonyme
 
Salut

J'espère que tu as modifié les fonctions horizontales en fonctions verticales comme tu le souhaites ?
Ou inversement ; même si ça ne te convient pas, dans ton cas (= ce que tu souhaites faire) ...

;-)

à+
0
Réponse 19 / 50
cary64
 
Merci alain42 et Anonyme !

Alors ça amrche, c'est bcp plus approchant à ce que je recherche mais en fait heu... comment dire...

Bienvenue à l'association 1ere ligne
"Les Peaux d'Ousse !" 2eme ligne
image 3eme ligne

Voilà, en fait je voudrait que ces 3 lignes défile dans un cadre de bas en haut (ça j'y suis arrivée) et dès qu'on voit les 3 lignes en même temps STOP (c là ou je coince), ça s'arrête durant 5 secondes, et HOP ça finit de defiler . Puis ça reprend.

Je pense qu'à force on va finir par se comrpendre lol

Merci de passer du temps pour moi !
0
Réponse 20 / 50
cary64
 
Punaise !

J'ai voulu changer les mots (a la place de test1 test 2 test 3, mettre mes phrases a moi) et du coup ça amrche plus ! :(

oh lala !!!!!!!!!!!!!!!!!

pourtant je sens que je suis tout près du but !! ppff
0
  • 1
  • 2
  • 3

Discussions similaires

Faire passer du texte SOUS une image HTML / CSS
Mihai -
animostab -

2 réponses
Excel formule : savoir si une cellule contient partie texte
plunderer007 -
francois -

14 réponses