begin process at 2012 05 28 10:04:30
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > FENETRE D'ACTUALITE

FENETRE D'ACTUALITE


 Information sur la source

Note :
Aucune note
Catégorie :Fenêtre & Pop-up Classé sous :fenetre, information, diaporama Niveau :Débutant Date de création :24/10/2009 Date de mise à jour :26/10/2009 19:02:48 Vu / téléchargé :6 123 / 861
Auteur : kazma

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

 Description

Cliquez pour voir la capture en taille normale
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

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

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

26 octobre 2009 19:02:49 :
petite mis a jour

 Sources du même auteur

Source avec Zip Source avec une capture BOUTON ROTATIF
Source avec Zip Source avec une capture EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT...
Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS
Source avec Zip Source avec une capture DRAG & DROP VERS UN CANVAS
Source avec Zip Source avec une capture DIAPO EN CSS 3D
Toutes les sources de kazma

 Sources de la même categorie

Source avec Zip Source avec une capture MYNOTIFICATIONS par inwebo
Source avec Zip Source avec une capture POSMOUSE - AFFICHAGE DES COORDONNÉES DE LA SOURIS, TAILLE DE... par phidelum
SFR WIDGET ET JQUERY par hhoareau
Source avec Zip JOLIE ALERTE AVEC "ALERT()" par heycraft
Source avec Zip Source avec une capture CLASS POP-IN AVEC EFFET SOUS JQUERY DE "CONNEXION" STYLE CS ... par Nementon
Toutes les sources de la catégorie Fenêtre & Pop-up

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma
Source avec Zip Source avec une capture DIAPORAMA SIMPLE PAR IFRAME par sartoz
Source avec Zip Source avec une capture DIAPO EN CSS 3D par kazma
Source avec Zip Source avec une capture CENTRAGE D'IMAGE AVEC PETIT EFFET par kazma
Source avec Zip Source avec une capture LIGHTBOX DIAPORAMA par kazma

Commentaires et avis

Commentaire de astro53 le 25/10/2009 10:25:37

Salut Kazma,

Sur ce script j aurais pas grand chose a rajouter a part qu il est bien construit et:
- <div id='ima'>
<a id ='lien' href='azerty.html'><img id='gema'></a>
</div>
<div id ='mini'>
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

Commentaire de kazma le 25/10/2009 12:28:27 administrateur CS

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);
}

Commentaire de scilf le 22/11/2009 18:23:09

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 !

Commentaire de kazma le 24/11/2009 20:51:32 administrateur CS

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

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

fenetre d'information [ par SDK_akira ] bonjour, Je cherche un script pour pouvoir afficher du texte lorsque l'on passe sur telle ou telle zone, genre une image, on passe la souris dessus e Créer une fenetre en jvascript [ par tunimag ] Bonjour, je voulais savoir si il &#233;tait possible de cr&#233;er une fenetre &#224; l'interieur d'un site qui soit d&#233;pla&#231;able, contenant d Paramétrage d'un popup [ par amorosalain ] SAMBonjour,Y a t'il &#224; la connaissance de qq un moyen de cacher le petit bouton de fermeture (x) d'un popup en cr&#233;ant la fenetre avec window. titre d'une fenetre [ par nubys ] Bonjour, j'essaye de changer le titre d'une fenetre internet d'un lien de mon site ou &#224; la limite de supprimer ce titre...j'ai vu qu'il y avait d utilisation de document.location.reload() sous Firefox [ par josymarc ] &nbsp; J'ai les commandes javascript suivantes dans le head: function ouvre_sitemin(url){ fenetre=window.open(url,"fen_popup" utilisation de document.location.reload sous firefox [ par josymarc ] Bonjour,Apr&#232;s avoir cherch&#233; partout une r&#233;ponse, je fais une derni&#232;re tentative. Dans mon portail, j'ai une page qui permet de cho pb pour maximiser ou miniser une fenetre dans un intranet [ par jul33 ] &nbsp;Bonjour tous le mondeVoila j ai un petit souci auquel je ne trouve pas de reponse et donc je fais appel a vos talents. ;)Il faut que je fasse&nb Fermer une fenetre [ par BEAUBRIUS ] Bonjours j'ai une popup qui fait une succetion de requettes et j'aimerai savoir si il y a la possibilit&#233; de fermer automatiquement la fenetre si probleme a l'appel d'une fonction [ par jet81 ] Bonjour J'ai un probl&#232;me lorsque j'appelle ma fonction javascript dans mon script PHP, Je pense que &#231;a vient du fait qu'il remplace la vari Ouverture d'une fenetre lors du clique de fermeture d'une autre [ par fredeau ] Bonjour,J'aimerais creer un formulaire demandant a mes visiteur ce qu'ils pensent du site et tout le blabla qui va avec, mais la n'est pas le probleme


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Green Energy Solutions With Light Bulb Morphed Into Landscape
Photo Ronce-les-Bains La-Tremblade , Charente-Maritime (17) 

Visiter la photothèque

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,718 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)