begin process at 2010 03 22 11:05:37
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

afficher calque suivant mois


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Administrateur CodeS-SourceS
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

Administrateur CodeS-SourceS
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

tarentaise

ok merci à toi

Laurent
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

Administrateur CodeS-SourceS
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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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 : 1,170 sec (3)

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