Sujet Précédent Sujet Suivant

Texte html

Résolu/Fermé
cary64 Messages postés 58 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 23 octobre 2007 - 3 sept. 2007 à 21:38
*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 - 12 sept. 2007 à 21:05
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

50 réponses

Réponse 1 / 50
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
3 sept. 2007 à 21:44
salut


java script non ?
0
Réponse 2 / 50
*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 60
3 sept. 2007 à 21:52
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 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 23 octobre 2007
3 sept. 2007 à 21:52
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 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 23 octobre 2007
3 sept. 2007 à 21:55
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
*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 60
3 sept. 2007 à 21:56
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 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 23 octobre 2007
3 sept. 2007 à 21:59
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
*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 60
3 sept. 2007 à 22:02
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 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 23 octobre 2007
3 sept. 2007 à 22:07
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
*gab* Messages postés 244 Date d'inscription lundi 3 septembre 2007 Statut Membre Dernière intervention 2 mai 2008 60
3 sept. 2007 à 22:41
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
3 sept. 2007 à 23:09
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
4 sept. 2007 à 13:28
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
4 sept. 2007 à 15:39
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
4 sept. 2007 à 15:47
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 Date d'inscription vendredi 16 mars 2007 Statut Membre Dernière intervention 23 octobre 2007
4 sept. 2007 à 16:03
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
4 sept. 2007 à 17:11
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
4 sept. 2007 à 17:54
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
4 sept. 2007 à 21:50
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
4 sept. 2007 à 22:00
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
4 sept. 2007 à 22:11
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
4 sept. 2007 à 22:16
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

Discussions similaires

Formule Excel : "SI" une cellule contient un mot, alors ?
Tonio5933 -
Mike-31 -

9 réponses
Trouver le mot réellement écrit en lettres capitales PIX
ETHAN -
kirikou -

4 réponses
Excel si cellule contient texte alors...
caba_44 -
RENOU -

41 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses