Agenda em HTML

[NandoMazola 0]

Olá. gostaria de saber se em html eu consigo colocar uma agenda que conforme o usuario clica em cima da data e aparece o evento do dia clicado.

 

existe uma aside e dentro da aside três div's, e na primeira vai ter uma agenda, na segunda o plugin do twitter e no terceiro o plugin do facebook que ja contém. :

 

Necessito da ajuda de vocês, fico no aguardo.

 

<aside>

<div>AGENDA</div>

<div><a class="twitter-timeline" href="https://twitter.com/Ap_SergioLopes" width="236" height="295px" data-widget-id="524624311722602496">Tweets de @Ap_SergioLopes</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>

<div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FICPoficial&width=236&height=295&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:236px; height:295px;" allowTransparency="true"></iframe></div>

</aside>

[L. Henrique 179]

Você pode solucionar isso de diversas maneiras, inclusive com um alert, ao clicar em tal data (que será um td ou div, ou o que achar melhor), executa um alert pelo ID da seleção e mostra a data.

 

Você pode usar um CSS focus, ao clicar ele abre uma div com o conteúdo pelo ID.

 

O melhor não é te mostrar o código, é te dar os caminhos.

 

Busca por CSS :Focus ou :hover se preferir e o minimo de jquery. Um init deve resolver seu caso.