Fenetre d'actualite

Soyez le premier à donner votre avis sur cette source.

Vue 9 913 fois - Téléchargée 1 573 fois

Description

il s'agit d'une fenêtre d'actualité les infos images ,titres ,texte ,son actualise toutes les x secondes en cliquant sur l'image on est redirige.
++

Source / Exemple :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<link href="css/styleinfo.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript">

var time=0
tbtxt=new Array("Suite aux negocitions ratés les salaries de boulex on mis leurs menace a execution.","Il on finalement decide de se marie l'ete prochain","A l'assemble la lois sur la retraite a 100 ans vient enfin d'etre vote","afin d'augmenter ses revenus la bourse organise un quète","La rencontre entre l'om et le psg 10 a 1 en faveur ...");
tbtitre=new Array("boulex","ils se maries","retraite","quète","OM PSG");
tbimage=new Array("explosion.jpg","sarco.jpg","asse.jpg","fric.jpg","psgom.jpg");
tblien=new Array("coucou.html","me.html","voila.html","c'est.html","ca.html");

function ctcop(txt){
time=txt;
document.getElementById('centre').firstChild.nodeValue=tbtxt[txt];
document.getElementById('titre').firstChild.nodeValue=tbtitre[txt];
document.getElementById('gema').src="image/"+tbimage[txt];
document.getElementById('lien').setAttribute("href",tblien[txt]);

for (i=0; i<document.getElementById('mini').getElementsByTagName('li').length; i++){
if(document.getElementById('mini').getElementsByTagName('li')[(i)].style.backgroundColor='black'){
document.getElementById('mini').getElementsByTagName('li')[i].style.backgroundColor='blue';
}
}
document.getElementById('mini').getElementsByTagName('li')[txt].style.backgroundColor='black';
}

function difile(){
if(time==tbtxt.length){
time=0;
}
ctcop(time);
time++;
setTimeout("difile(time)",6000);
}
</script>

</head>
<body onload='difile()'>

<div id='fond'>

<div id='ima'>
<a id ='lien' href='azerty.html'><img id='gema'></a>
</div>

<div id ='mini'>
<ul>
<li onclick=ctcop(0)>societe</li>
<li onclick=ctcop(1)>people</li>
<li onclick=ctcop(2)>politique</li>
<li onclick=ctcop(3)>bourse</li>
<li onclick=ctcop(4)>sport</li>
</ul>
</div>

<div id='infotexte'>
<span id='titre'>titre</span>
<span id='centre'>bla bla bla bla bla bla
</span>

</div>

</div>
</body>
</html>

Conclusion :


bloup bloup bloup.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

320C
Messages postés
99
Date d'inscription
dimanche 24 avril 2011
Statut
Membre
Dernière intervention
15 janvier 2014

Salut
Coup de chapeau pour c tuto, très bien fait...
@karamel
Messages postés
1750
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
17 mars 2020
61
bonjour

tu peut voir si il n'y a pas des majuscules ou minuscule sa peut etre sa le probleme sinon je vient de l'essayer en ne modifiant que le nom du dossier principale (fenetre info en info car les serveurs n'aimes pas les espace)sur un ebergeur et sa fonctionne normalement il faudrait que tu te renseigne aupres de ton hebergeur
scilf
Messages postés
1
Date d'inscription
jeudi 23 octobre 2008
Statut
Membre
Dernière intervention
22 novembre 2009

dsl chez moi ca fonctionne pas ! mais surement une mauvaise manip de ma part !!! je n'ai pas de racine pour le site, mon hébergeur héberge mais photos donc pour document.getElementById('gema').src="image/"+tbimage[txt]; j'ai remplacé "image/" par l'url ou sont stockés mes photos mais NON, marche pas !
dommage c'est du bon boulot et exactement ce que je recherche !
@karamel
Messages postés
1750
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
17 mars 2020
61
salut

la variable txt je ne peut pas la retire car elle me sert quand on clic sur une des actualite (partie bleu) et si je fait time=txt c'est pour memorise la position de l'actualite en cour afin de redémarre le diapo a cette endroit
par contre je peut mettre la variable time en local elle n'existerait que dans la fonction difile ()

function difile(){
var time=0
for (i=0; i<tbimage.length; i++){
if(("image/"+tbimage[i])==document.getElementById('gema').getAttribute("src")){
time=i+1;
break
}
}
(time==tbtxt.length) ? time=0 : null;
ctcop(time);
setTimeout("difile("+time+")",6000);
}
astro53
Messages postés
48
Date d'inscription
jeudi 18 octobre 2007
Statut
Membre
Dernière intervention
5 août 2009

Salut Kazma,

Sur ce script j aurais pas grand chose a rajouter a part qu il est bien construit et:
-






id=lien et id=mini contienne un espace.
- dans le javascript il est possible de l'exterioriser et aussi d'enlever une variable en trop la txt que tu fais equivaloire a time.
Pourquoi ne pas utiliser time directement?

A bientot
Astro

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.