Accueil > Forum > > > > afficher calque suivant mois
 afficher calque suivant mois
jeudi 27 septembre 2007 à 20:25:00 |
afficher calque suivant mois
tarentaise
|
Bonjour, voilà mon problème j'ai sur une page créée un système d'onglet qui fonctionne par calque. J'ai 12 onglets (calques) qui correspondent chacun à un mois de l'année. Jusque là pas de souci. Je souhaiterais que le calque qui s'affiche en visible soit le calque correspondant au mois en cours, et là souci car je ne sais pas comment réaliser cela en javascript. Alors si quelqu'un peut m'aider je suis preneur ..... d'avance merci. Laurent |
|
jeudi 27 septembre 2007 à 21:25:33 |
Re : afficher calque suivant mois
nhervagault
|
Salut
Tu as quoi comme code de depart.
Il faut jouer avec les display je pense.
document.getElementById('janvier').display = 'block'
document.getElementById('janvier').display = 'none'
Apres a toi de trouver l'algo le plus puissant
Bon courage
|
|
vendredi 28 septembre 2007 à 16:58:11 |
Re : afficher calque suivant mois
tarentaise
|
Merci pour la réponse, mais je suis loin de maitriser le javascript alors voilà ce que j'ai fait mais cela ne fonctionne pas :
[code]
<!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=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
function init(){
aujourdHui = new Date();
mois_courant = aujourdHui.setMonth();
affiche_mois(mois_courant);
}
function affiche_mois(num){
div_mois = "mois"+num;
document.getElementById(div_mois).style.visibility = "visible";
}
</script>
<style type="text/css">
<!--
#mois0 {
position: absolute;
visibility: hidden;
}
#mois1 {
position: absolute;
visibility: hidden;
}
#mois2 {
position: absolute;
visibility: hidden;
}
#mois3 {
position: absolute;
visibility: hidden;
}
#mois4 {
position: absolute;
visibility: hidden;
}
#mois5 {
position: absolute;
visibility: hidden;
}
#mois6 {
position: absolute;
visibility: hidden;
}
#mois7 {
position: absolute;
visibility: hidden;
}
#mois8 {
position: absolute;
visibility: hidden;
}
#mois9 {
position: absolute;
visibility: hidden;
}
#mois10 {
position: absolute;
visibility: hidden;
}
#mois11 {
position: absolute;
visibility: hidden;
}
-->
</style>
</head>
<body onload="init">
<div id="mois0">Janvier</div>
<div id="mois1">fevrier</div>
<div id="mois2">mars</div>
<div id="mois3">avril</div>
<div id="mois4">mai</div>
<div id="mois5">juin</div>
<div id="mois6">juillet</div>
<div id="mois7">aout</div>
<div id="mois8">septembre</div>
<div id="mois9">octobre</div>
<div id="mois10">novembre</div>
<div id="mois11">décembre</div>
</body>
</html>
[/code]
Laurent
|
|
vendredi 28 septembre 2007 à 21:11:39 |
Re : afficher calque suivant mois
nhervagault
|
Salut
Ce code coorige le tient et affiche le mois courant
<script type="text/javascript">
function init(){
aujourdHui = new Date();
mois_courant = aujourdHui.getMonth();
affiche_mois(mois_courant);
}
function affiche_mois(num)
{
document.getElementById("mois"+num).style.visibility = 'visible';
}
</script>
<body onload="javascript:init()">
|
|
dimanche 30 septembre 2007 à 17:47:24 |
Re : afficher calque suivant mois
|
vendredi 19 octobre 2007 à 16:51:18 |
Re : afficher calque suivant mois
tarentaise
|
Bonjour,
merci pour ton code il fonctionne nickel. J'ai malgré tout un petit souci avec le navigateur "Opéra", je m'explique.
j'ai rajouter dans le calque du mois en cours un lien qui permet d'afficher un autre calque caché, ce lien fonctionne très bien sous IE, Firefox et safari mais pas sous Opéra. Lorsque je clique sur le lien le calque caché s'affiche puis disparait dans la foulée.
Et là je sèche grave sur ce souci.
Laurent
|
|
vendredi 19 octobre 2007 à 20:11:09 |
Re : afficher calque suivant mois
nhervagault
|
Salut,
Regardes si avec des display none et display block cela ne resoud pas le probleme
|
|
samedi 20 octobre 2007 à 13:07:20 |
Re : afficher calque suivant mois
tarentaise
|
merci,
j'ai trouvé la solution en passant de l'extension .html à .shtml cela fonctionne. Comme quoi on cherche on cherche et la solution est juste là où l'on ne regarde pas .
Laurent
|
|
samedi 20 octobre 2007 à 13:12:48 |
Re : afficher calque suivant mois
tarentaise
|
oups encore une petite question.
si je veux que le calque qui s'affiche lors du clic sur le lien soit différent en fonction du mois en cours, comment c'est possible.
En sachant que j'ai 12 calques qui ont pour id archive0, archive1, archive2 etc ...
Laurent
|
|
Cette discussion est classée dans : afficher, souci, mois, calque
 Répondre à ce message
 Sujets en rapport avec ce message
Afficher des images en fonction de la date [ par bisquine ]
Je souhaite réaliser une page web qui aurait un bandeau (constitué d'images) qui change en fonction des mois de l'année. Je ne veux pas utiliser la fo
Afficher Cacher une calque [ par moha007 ]
Bonjour les amisj'ai besoin de votre aide s'il vous plaît:dans mon site, j'ai mis une Barre de navigation qui contient:des menus et des sous menus:Men
Afficher date (mois, année) [ par theseif ]
Bonjour à tous, j'utilise ce script http://www.javascriptfr.com//code.aspx?ID=34725 pour renseigner la date dans un formulaire que je récupère sous la
pour afficher un calque [ par zecafar ]
voudrais savoir commen fair aparaitre un calque lorsque la souris passe sur un otre calque, viteeee ça urge svp
rollover + ouverture image calque [ par pointup ]
Bonjour,J' y suis presque arrivé......j'ai installé un script pour afficher comme je le voulais une image dans un calque à partir d'un lien . Mais,je
function afficher(calque) [ par biloui59 ]
Salut tt le mondeje ne comprends pas pourquoi la fonction suivante ne marche pas:function afficher(calque) { for(i=1;i nom=calque"+i+"; document.get
calque et php [ par marcoeea ]
bonjour,je voudrais afficher ou masquer un calque en fonction d'une information que je reçoie par méthode GET sur ma page; par exemple Videotheque.php
Liste déroulante non masquée par calque [ par fdthierry ]
Bonjour, J'ai une liste déroulante select de type menu.J'ai un calque que j'affiche le temps du traitement onchange de cette liste et qui se masque
afficher des balises dans un textarea [ par aokigeo ]
Bonsoir tout le monde .Voila je voudrai savoir si quelqu'un saurez me dire comment faire pour inserer des balises html dans un textarea en cliquant su
N'afficher qu'une scrollbar ? [ par jerms ]
Hello every body,Je suis a la recherche d'une methode pour n'afficher qu'une scrollbar, est-ce possible, y a-t-il un script magique pour le faire ?Mer
 Livres en rapport
|
Derniers Blogs
 SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|