begin process at 2012 05 28 15:00:42
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > SYSTÈME DE NEWS EN MARQUEE (AUTODÉFILANT) DE HAUT EN BAS AVEC UN ARRET DE DEFILEMNT ONMOUSEOVER

SYSTÈME DE NEWS EN MARQUEE (AUTODÉFILANT) DE HAUT EN BAS AVEC UN ARRET DE DEFILEMNT ONMOUSEOVER


 Information sur la source

Note :
6,18 / 10 - par 11 personnes
6,18 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Débutant Date de création :06/10/2004 Vu :13 386

Auteur : psyckan

Ecrire un message privé
Site perso
Commentaire sur cette source (48)
Ajouter un commentaire et/ou une note

 Description

Voila un systeme d news auto defilante avec un <marquee>
defilement vers la haut (modifiable en remplaçant le up par down ici : document.write('<marquee onmouseover=this.stop() onmouseout=this.start() direction="up" scrollAmount='+speed+')
Vitesse remplaçable en changer la var speed plus elle est haut plus la vitesse est grand
si la vitesse est egale a 100 on peut avoir un script de texte clignotant (c du 2 en 1)
et modifiez la largeur et longueur du script avec les var marqueewidth et marqueeheight


Source

  • <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>
<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>

 Conclusion

J'attend vos commentaire


 Sources de la même categorie

Source avec Zip Source avec une capture UN MENU EN CSS par Julien39
Source avec Zip FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec Zip Source avec une capture MENU CIRCULAIRE par adelmonis
Source avec Zip Source avec une capture MENU TASKBAR WINDOWSXP HOME par micking

Commentaires et avis

Commentaire de plopman le 06/10/2004 20:47:59

super je sais pas si c'est bien codé mais c'est juste ce que je cherche :P
Plopman
8/10

Commentaire de leris le 07/10/2004 00:33:38

pitoyable !

vois vraiment pas l'utilité de faire un script pour ça !
tu l'affiches directement dans la page !

encore heureux qu'il n'y a pas de .zip !

Commentaire de phm le 07/10/2004 09:25:48

pas d'élitisme svp !
je ne connaissais pas cette utilisation de marquee
direction=up
rien que pour ça : merci.
ça peut me servir un jour.
Ce sont souvent les petites astuces qui servent le plus.
Maintenant exercice :
marquee est propriétaire IE n'est-ce pas ?
alors ce serait bien que tu fasse la même chose sans...
:-)

Commentaire de leris le 07/10/2004 10:50:08

"marquee est propriétaire IE n'est-ce pas ?"

fonctionne netscape 7.02+ , firefox.0.9.2+ , opera 7.54 , ...

tu ne le savais pas ? m'etonne pas de la part de quelqu'un qui ne connaissait pas direction up !

"ça peut me servir un jour."
en v'la encore un peu ...

- Largeur : WIDTH="100px"
- hauteur : HEIGHT="25px"
- couleur de fond : BGCOLOR="red"
- style : BEHAVIOR="scroll" ou "slide" ou "alternate" .
- direction : DIRECTION="left" ou "right" ou "up" ou "down" .
- vitesse : SCROLLAMOUNT="1" ou "10" etc .
- delai : SCROLLDELAY="10" ou "150" etc .
(à coupler ou non avec truespeed ).
- durée : LOOP="20" etc .
- Arret/depart : <MARQUEE id=scroller1 onmouseover="javascript:scroller1.stop();" onmouseout="javascript:scroller1.start();">

L.

Commentaire de phm le 07/10/2004 11:01:59

toujours cet élitisme !   :-(
pour ne pas dire du mépris.
tu viens de m'apprendre que marquee n'était pas propriétaire IE et ça ne m'a pas faire perdre de temps.
ça t'a pris du temps à toi et tant mieux pour moi.

Quel intérêt de tout savoir et de montrer sa science à tout propos, surtout envers ceux qui débutent.

lorsque j'ai besoin d'une info je la recherche ou bien je compte sur des "juristes", des "grands savants" dans ton genre pour me renseigner.
Sache qu'un développeur même excellent n'est qu'un développeur et qu'il y a tellement plus fort que soi sur terre, qu'il n'y a pas de quoi pavoiser pour quelques maigres connaissances !

Un peu d'humilité ?
J'ai pris un peu de mon temps, mais c'est pour quelque chose de bcp plus important que le développement : le respect des autres. Je te paye donc pour ta science.

Bonne journée

Commentaire de coucou747 le 07/10/2004 19:09:51 administrateur CS

bien bien bien, moi je dis que faire du javascript pour ça c'est gaspiller du temps, suffit de le faire en html, ça marcheras aussi bien, et même ce seras plus compréhensible...

Bref, on m'a critiqué pour des scripts inutiles, mais mes scripts étaient travaillés, celui-ci est non seulement inutile, mais remplaçable par du html de façon plus simple........................

Commentaire de psyckan le 07/10/2004 19:49:24

Cette source c'est ma PREMIERE, j'ai pas reussi a la torucé sur un site de js ou html, j'ai peut etre pas bien chercher mais je ne l'ai pas trouvé.
Donc celui qui voudra d'une source comme ceci pourra trouvé, ici, un script qui marche sans probleme.

+ Voir 2eme commentaire de phm (et merci)

Commentaire de plopman le 07/10/2004 19:54:25

torucé <<-- c'est quoi :P
Bon allez faut pas être méchant, un commantaire critique ca suffit surtout que ceux qui critique radote! Vous avez qu'a lui dire ce qui ne va pas et point barre :)
Plopman

Commentaire de psyckan le 07/10/2004 19:55:27

lol "a la trouvé"

Commentaire de coucou747 le 07/10/2004 20:00:19 administrateur CS

ce qui ne va pas :
il dit que son script est utile, mais c'est faut...
"ici, un script qui marche sans probleme." -> si tu tapes deux lignes de code, et que ça ne fait que document.write, évidement que ça marche...

Commentaire de leris le 07/10/2004 20:03:51

pourquoi pas un javascript pour simplement afficher une image ? on verra tout ici !

Commentaire de psyckan le 07/10/2004 20:41:09

c'etait tellement facile que personne n'a pu me repondre sur #!pages_perso! sur voila
et puis tellement facile que c'est posté sur aucun des site de js

VOILA en tous cas j'éspere que sa en aidera quelque noobs parce que ici c'est pas que pour faire le plus beau code possible c'est aussi pour aider.
Mais ça y'en a qui ne peuvent pas comprendre car ce sont des geni

ps : en passant coucou747 "c'est faut" sa s'écrit avec un x

Commentaire de leris le 07/10/2004 20:52:11

>>"et puis tellement facile que c'est posté sur aucun des site de js"

CE N'EST PAS DU JS !!! c'est du html !

http://www.allhtml.com/html/html195.php

+ 34 reponses sur editeurjavascript.com (2 sur ce site)

et avec Google : 239.000 réponses sur les pages:France !

Commentaire de coucou747 le 07/10/2004 21:00:01 administrateur CS

"CE N'EST PAS DU JS !!! c'est du html !"  ici on ne poste que du js...
je sais que je fais plein de fautes d'ortographe, mais au moins, je ne fais plus de codes dégeulasses contrairement a ce que l'on a voulu faire croire ici...

Commentaire de leris le 07/10/2004 21:11:07

pour phm :

>>"pour ne pas dire du mépris."

non ! simple ironie (sarcastique) , l'humour n'est pas le fort des "informaticiens" , je sais !

Commentaire de ranouf le 08/10/2004 08:44:29

eh beh ça balance ...
je pense que toutes les sources sont utiles, ya bien un début a tout!!
je te dis merci et fais gaffe au bouffons d'introverti qui t'insultes ils ont pas de vie a cote l'ordi c leur vie pour eux donc forcément ça les ouvre pas enormément à la tolérance.
ps: je suis informaticien extraverti, et les introverti je les vois à longueur de journée ... les pauvres

Commentaire de coucou747 le 08/10/2004 18:34:35 administrateur CS

"je te dis merci et fais gaffe au bouffons d'introverti qui t'insultes ils ont pas de vie a cote l'ordi c leur vie pour eux donc forcément ça les ouvre pas enormément à la tolérance.
ps: je suis informaticien extraverti, et les introverti je les vois à longueur de journée ... les pauvres"-> si tu te balades un jour sur mon site, tu verras une partie perso, si un jour, tu rentre dans le cercle ouvert des potes, ou mieux dans le cercle fermé des amis, alors tu auras le mot de passe, tu verras que j'ai une vie, et je ne penses pas avoir insulté quelqu'un... contrairement aé d'autres... Je n'ai jamais dit que l'on avait pas le droit de débuter, mais seulement, j'ai débuté avec plus de 100 programmes Qbasic, et je ne les ai jamais posté autre par que sur mo site... pas sur un forum... et je n'ai jamais publié mes premiers jeux, car ils sont inutiles...

Enfin, la critique est nécéssaire, sinon, il va continuer a faire des choses inutiles... Alors qu'il a un grand potentiel...

Commentaire de psyckan le 08/10/2004 19:09:46

Merci ranouf sa fait plaisir
au faite :
<script language="JavaScript1.2">

pk on mai Javascript1.2
si c'est du HMTL (simple question)

Commentaire de leris le 08/10/2004 19:52:09

Normalement , c'est du html (c'est pourquoi il n'est pas sur les sites javascript).

mais toi tu l'a posté en javascript , ce qui est completement inutile ! mieux vaut le faire en html .

Commentaire de pakausen le 12/10/2004 22:00:54

c'est drôle de dire :

"ps : en passant coucou747 "c'est faut" sa s'écrit avec un x "

et t'écrire 3 lignes plus bas :

"Merci ranouf sa fait plaisir
au faite :
<script language="JavaScript1.2">

pk on mai Javascript1.2
si c'est du HMTL (simple question)
"

avec autant de fautes à la ligne !!!!!!!! (sans parler de la charte que tu dois lire et valider sur chaque post)



Commentaire de heine le 14/10/2004 11:02:44

je suis desolé de contredire toutes ces personnes qui se croient supperieures, mais ce code m'a été extremement utile pour pouvoir faiure defiler du html tout simplement en y inserant des images, donc je remercie l'auteur de m'avoir épargner cette galere parce que le js et moi ca fait 2....

et certain disent ke c pas du js, mais ouverture de balise et fermeture en js je croi pas ke ce soit du flash... je me trompe...? :D

9/10 ca les vaut sans prob leme puiske ca a apporté kelke choz a kelkun....

Commentaire de Szib le 14/10/2004 11:27:34

ouais ben moi ca m'a servi...merci..je l'ai modifié avec un peu de php car j'en avais besoin pour ce que je fais mais voila
c'est cool..

Commentaire de psyckan le 14/10/2004 19:49:05

Merci pour ces messages qui font chaud au coeur (lol)

Désolé leris ce code servt a quelqu'un, je sais que y'a aucun merite a faire ça mais sa sert

J'aurai peut etre dut le mettre en Trucs et astuces...

Commentaire de coucou747 le 17/10/2004 10:14:02 administrateur CS

<marquee onmouseover=this.stop() onmouseout=this.start() direction="up" scrollAmount=2 style="width:220;height:220">
<div align="center"><span class="texte">
<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>
</marquee>
</span></div>

Pour être exact, ton code est effectivement du javascript, mais c'est inutile de faire ça en javascript, ça gaspille du temps mémoire, faut mieux le faire direct en html...
Je viens de porter ton code en html, j'ai juste remplacé ton document.write par ce-que tu avais mis en paramètre, et voila, comme t'avais pas fait de fonction, ça servait a rien de faire ça comme ça...

Commentaire de killkool le 18/10/2004 18:03:37

Moi perso jsuis un gros noobi dans les site web alor je suis tres content de trouver des codes sources du genre.

Commentaire de leris le 23/10/2004 06:54:49

le plus lamentable , c'est que : plus les codes sont nuls , plus y'a de bourrins pour les encenser et les sublimer ..
faut vraiment pas grand'chose pour vous satisfaire !

"super je sais pas si c'est bien codé mais c'est juste ce que je cherche".

"je pense que toutes les sources sont utiles, ya bien un début a tout!! "

"ce code m'a été extremement utile pour pouvoir faire defiler du html ".

"ouais ben moi ca m'a servi...merci.."

Commentaire de psyckan le 24/10/2004 14:29:24

moi en tout cas je juge d'abbord un script pour son utilité et apre je vois le design, le codage je m'en fou un peu, c'est pas du tout mon but de le regarder.

Commentaire de leris le 24/10/2004 21:51:10

>>"le codage je m'en fou un peu, c'est pas du tout mon but de le regarder."

hé ben tu devrais ! netscape.7 et firefox (qui pourtant reconnaissent la balise marquee) n'affichent pas ton code !

alors "camembert!"

Commentaire de coucou747 le 25/10/2004 11:10:58 administrateur CS

et de toute façon, sur un forum de programmation comme celui-ci, l'important n'est pas vraiment ce que l'on code amsi comment on le code...

Commentaire de psyckan le 26/10/2004 17:54:22

toi tu le voit comme et et d'autre comme moi autrement beaucoup de noobs viennent ici pour trouver des script a mettre dans le site et d'autre viennent ici pour juger un code.
et a part gueuler tu sais faire quoi explique moi comment faire pour que sa marche sur Netscape et firefox au lieu de te lamenter

Commentaire de coucou747 le 26/10/2004 18:16:33 administrateur CS

marquee ne passe pas sur mozilla 1.0, j'ai arété d'utiliser marquee quand j'ai vu ça....

"et a part gueuler tu sais faire quoi explique moi comment faire pour que sa marche sur Netscape et firefox au lieu de te lamenter"

Tu dis ça pour me mettre au défi, tu essai de me prouver que je suis nul en programmation ??? Excuse moi mais ça c'est pas un argument, je sais programmer et je n'ai besoin de le prouver a personne, je veudx bien t'aider si tu me demandes quelquechose, mais pas si tu m'agresse...

Commentaire de psyckan le 26/10/2004 19:18:44

Desole ce message etait destinne a leris au depart
et puis je ne voit pas le rapport avec ton niveau de competence
je n essaye pas de prouver quoi que ce soit
mais bon voila vous gueuler et ça se limite a ça alor si vous ete pas conten, vous n'avez qu'a ajouter vos modification pour que sa marche.

Commentaire de coucou747 le 26/10/2004 19:34:40 administrateur CS

comme je te l'ai dis, je veux bien t'aider, masi il y avait quelquechose de disons sous entendu, je veux bien t'aider, masi pas faire a ta place...
Ainsi, je te donne la possiilitée de le faire :

fais ça avec des divs, si tu ne connais pas la syntaxe, tu le trouveras sur bcp de menus déroulants...

Commentaire de killkool le 27/10/2004 19:39:54

Bon cela dit il et bien de donner une critique sur certain script. Mais en revanche ce qui n'ai pas tolerable c'est de voir des personne dir :

pitoyable !
vois vraiment pas l'utilité de faire un script pour ça !
tu l'affiches directement dans la page !
encore heureux qu'il n'y a pas de .zip !

Le plus lamentable d'en l'histoire c'est cette personne. Chacun a le droit de critiquer un script, mais de dir que en gros il sert a rien et que c'est pitoyable je trouve ca intolerable. Certains ici ce croi vraiment les maitre du monde et croi que ya que des Expert dans les parages, reflexion faite je suis un pur noobs... need help et donc des ptit scripts
En gros certain s'il vous plai eviter des postes inutile qui descande le programmeursen question. Aider le a ameliorer son script ca ira mieu que de debalterer des conneries ...

Commentaire de coucou747 le 27/10/2004 19:47:18 administrateur CS

need help et donc des ptit scripts
need help != must post

Je n'ai rien contre qu'un noob doit noob, mais qu'il ne poste pas des trucs sans interet...

je te codes ta fonction et je la metrais en commentaire ici...

Au pire jeudi, je l'aurais posté.

Commentaire de coucou747 le 27/10/2004 20:32:49 administrateur CS

<html>
<head>
<link rel="Stylesheet" href="site.css" type="text/css">
<script language=JavaScript>
x=10;
v=5;
i=v;
bouge=1;
num=-1;
function bullenewsdefile(bulle){
if (bouge==1){
x=x+i;
document.getElementById(bulle).style.left=x;
if (x>(window.innerWidth-310)){
i=-v;
}else if (x<10){
i=v;
}
}
setTimeout("bullenewsdefile('"+bulle+"')", 50);
}
function creanews(texte, hauteur){
num++;
document.write("<div ID="+num+" style='position:absolute'><table border='1' width='300' bgcolor='#FFAA77' onmouseover='bouge=0;' onmouseout='bouge=1;'><tr><td>"+texte+"</td></tr></table></div>");
document.getElementById(''+num+'').style.top=hauteur;
}
function demarrer(){
for (a=0;a<num+1;a++)
bullenewsdefile(''+a+'');
}
</script>
</head>
<body>
<script>
creanews("La tu mets ta news...",10);
creanews("évidement tu peux en mettre autant que tu veux", 100);
demarrer();
</script>
</body>
</html>

Commentaire de coucou747 le 27/10/2004 20:37:23 administrateur CS

ah oui j'ai oublié de dire, avec mon système, on peut vraiment faire évoluer le script, c'ets a dire, les faires tourner, enfin a vous de voir

(non testé sous IE, testé sous mozilla 1.7 et Konqueror3.2.3 sous un linux mandrake 10.1 béta)

Commentaire de killkool le 27/10/2004 22:02:58

Merci et bravo !
Vala une personne qui a du merite :)
c'est quand meme mieu de voir ca.

Commentaire de coucou747 le 27/10/2004 22:07:08 administrateur CS

je ne devrais pas autocritiquer, mais je trouves que c'est un peu exagéré autant d'éloges étant donné que l'on m'a chié dessus pour  quelques autres scripts qui étaient bien plus difficiles et pour l'un d'entre eux bien meileurs...
(voir mon démineur et mon log de création de page web)

Commentaire de plopman le 19/11/2004 18:41:27

franchement coucou747 on sen fou de ca ... Ce qui compte c'est ce code, et pas les tiens :)

Commentaire de coucou747 le 19/11/2004 19:26:42 administrateur CS

Faut pas toujours tout mal prendre... Si t'aimes pas les liens, tu dois pas aimer bcp le web...

Commentaire de psyckan le 19/11/2004 20:20:38

Et puis un demineur a par le code qui peut etre beau, j'en vois pas l'utilité pour un site ...

Commentaire de coucou747 le 19/11/2004 22:10:37 administrateur CS

t'ajoutes une catégorie : jeux...

Commentaire de Shimalmat le 30/11/2004 18:20:49

Je te remercie énormément pour ton effort, qui est d'une trés grande utilité, à priori pour pas mal de monde.

Celui à qui ça convient, qu'il le prenne, et celui à qui ça ne convient pas, qu'il s'en abstienne. Ce n'est pas plus compliqué que ça.

Concernant la critique... qu'elle soit d'ordre constructive, avec un minimum d'encouragement.

Je te remercie encore pour ton effort.

AbdAllah.

Commentaire de adry84 le 04/07/2006 14:16:39

Moi ce code m'a bien servi! Je suis en train de travaillé sur mon premier site et pour les débutants, et il m'a été d'une grande utilité!

Commentaire de frdestroyers27 le 06/10/2007 03:08:28 8/10

Bonjour,
c'est bien!
pour ceux qui ont un complexe de dieu,
si vous générer les news en php et qu'il y en a 15 au lieu de remplir une page de 'html' utiliser ce système peut être bien!
Merci!

Commentaire de sebounet88 le 10/08/2008 21:47:53

Je n'écris jamais sur des forums, mais là en lisant les commentaires qui me sont très utiles sur ce site, j'ai été surpris par certains commentaires. Je trouve que vous ne machez pas vos mots.
Enfin, on dit que toutes critiques est constructive.
Continue Psyckan c'est cool.

Commentaire de abdelaziz_info le 11/04/2009 00:04:47

salut,

Compatibilité, défilement et inversion de sens ++ ;
Voir ça : http://www.javascriptfr.com//code.aspx?ID=49626

ou la demonstration sur : http://intersite.site.voila.fr/sources.htm

Mais je vous avertis que ce n'est pas la réinvention de la roue comme c'est fait ici.

merci.


 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,499 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales