Jquery ou Javascript pour afficher du contenu basé sur la date de l'AIDE
Jquery ou JavaScript qui affiche du contenu basé sur les spécificités de la date de la période de
nous avons donc comme 3 dates
12/3/2010
12/11/2010
12/20/2010
et
Div Contenu
Contenu 1 doivent être afficher, à partir de 12/3 à 12/11
Contenu 2 doit être l'affichage du 12/11 au 12/20
et Contenu 3 doivent être afficher, à partir de 12/20 après
- où sont vos données? Avez-vous l'obtenir sous forme de JSON à partir du serveur ou fait-il partie d'un élément (c'est à dire. table)? Je suppose que vos données ont une partie de la date...
- les données vont être codé en dur à l'intérieur de la balise div
- Si les dates sont stockées? Quel type de structure?
- Cette question est bien trop vague pour donner à tout une aide constructive.
- C'est plutôt une mauvaise idée de faire cela en JavaScript, vous serez à la merci des utilisateurs qui ont leur PC horloge mal réglée. Il serait beaucoup mieux pour servir la appropriée div basé sur l'horloge du serveur, pas de servir de tous les trois et laissez JavaScript tri.
Vous devez vous connecter pour publier un commentaire.
Tout d'abord, comme d'autres ont dit, tout cela est une mauvaise idée que vous êtes en fonction sur la machine du client date/heure et de bonne méthode serait de faire que côté serveur.
De toute façon, je suppose que vous avez vos raisons donc, ici, est jQuery solution.
Avoir de telles HTML:
Mettre de la date, à l'intérieur d'une période à l'intérieur de chaque balise div avec la classe "DateRange".
Prochain, ont une telle CSS pour les avoir initialement masqué:
Et enfin, ce script: (jQuery)
Cas de Test est disponible ici hésitez pas à déconner avec elle: http://jsfiddle.net/2BHLd/
J'ai créé un code simple. Il devrait fonctionner comme vous le souhaitez (si j'ai bien compris vous).
Je sais, il n'y a pas de doctype dans mon HTML et il y a quelques balises manquantes. Le code HTML que j'ai fourni est juste une sorte de modèle.
Veuillez noter que si vous souhaitez masquer certaines données provenant des utilisateurs si la date précise n'est pas encore venu, il est mieux d'utiliser quelque chose côté serveur pour des raisons de sécurité. Sinon, n'importe quel utilisateur peut seulement lire le source de la page. Rappelez-vous aussi que le code suivant est exécuté lorsque le corps est chargé, c'est à dire chaque fois qu'un utilisateur actualise la page.
EDIT: Avertissement: il y avait deux lignes de mauvaise (j'ai fait une erreur avant). De toute façon, j'ai fixé. Le code actuel fonctionne, je l'ai testé.
innerHTML
? Sauf si vous voulez lutterappendChild
et à tous ceux amusant d'autres fonctions, je ne vois aucune raison de refuser d'utiliserinnerHTML
...