Help
Posted 23 November 2009 - 11:49 AM
Boa Tarde, estou com dificuldades de colocar pra funcionar o calendario no firefox já no IE não apresenta nenhum erro roda redondo, estou disponibilizando o código para que analisem desde já agradeço a ajuda de todos.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Extreme Data Lab</title>
<style type="text/css">
*span.label {color:black;width:30;height:16;text-align:center;margin-top:0;background:#EFF4FA;font:bold 13px Arial}
span.c1 {cursor:hand;color:black;width:30;height:16;text-align:center;margin-top:0;background:#EFF4FA;font:bold 13px Arial}
span.c2 {cursor:hand;color:red;width:30;height:16;text-align:center;margin-top:0;background:#EFF4FA;font:bold 13px Arial}
span.c3 {cursor:hand;color:#b0b0b0;width:30;height:16;text-align:center;margin-top:0;background:#EFF4FA;font:bold 12px Arial}
</style>
<script type="text/javascript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function maxDays(mm, yyyy){
var mDay;
if((mm == 3) || (mm == 5) || (mm == 8) || (mm == 10)){
mDay = 30;
}
else{
mDay = 31
if(mm == 1){
if (yyyy/4 - parseInt(yyyy/4) != 0){
mDay = 28
}
else{
mDay = 29
}
}
}
return mDay;
}
function changeBg(id){
if (eval(id).style.backgroundColor != "yellow"){
eval(id).style.backgroundColor = "yellow"
}
else{
eval(id).style.backgroundColor = "#ffffff"
}
}
function writeCalendar(){
var now = new Date
var dd = now.getDate()
var mm = now.getMonth()
var dow = now.getDay()
var yyyy = now.getFullYear()
var arrM = new Array("January","February","March","April","May","June","July","August","September","October","November","December")
var arrY = new Array()
for (ii=0;ii<=4;ii++){
arrY[ii] = yyyy - 2 + ii
}
var arrD = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat")
var text = ""
text = "<form name=calForm>"
text += "<table border=1>"
text += "<tr><td>"
text += "<table width=100%><tr>"
text += "<td align=left>"
text += "<select name=selMonth onChange='changeCal()'>"
for (ii=0;ii<=11;ii++){
if (ii==mm){
text += "<option value= " + ii + " Selected>" + arrM[ii] + "</option>"
}
else{
text += "<option value= " + ii + ">" + arrM[ii] + "</option>"
}
}
text += "</select>"
text += "</td>"
text += "<td align=right>"
text += "<select name=selYear onChange='changeCal()'>"
for (ii=0;ii<=4;ii++){
if (ii==2){
text += "<option value= " + arrY[ii] + " Selected>" + arrY[ii] + "</option>"
}
else{
text += "<option value= " + arrY[ii] + ">" + arrY[ii] + "</option>"
}
}
text += "</select>"
text += "</td>"
text += "</tr></table>"
text += "</td></tr>"
text += "<tr><td>"
text += "<table border=1>"
text += "<tr>"
for (ii=0;ii<=6;ii++){
text += "<td align=center><span class=label>" + arrD[ii] + "</span></td>"
}
text += "</tr>"
aa = 0
for (kk=0;kk<=5;kk++){
text += "<tr>"
for (ii=0;ii<=6;ii++){
text += "<td align=center><span id=sp" + aa + " onClick='changeBg(this.id)'>1</span></td>"
aa += 1
}
text += "</tr>"
}
text += "</table>"
text += "</td></tr>"
text += "</table>"
text += "</form>"
document.write(text)
changeCal()
}
function changeCal(){
var now = new Date
var dd = now.getDate()
var mm = now.getMonth()
var dow = now.getDay()
var yyyy = now.getFullYear()
var currM = parseInt(document.calForm.selMonth.value)
var prevM
if (currM!=0){
prevM = currM - 1
}
else{
prevM = 11
}
var currY = parseInt(document.calForm.selYear.value)
var mmyyyy = new Date()
mmyyyy.setFullYear(currY)
mmyyyy.setMonth(currM)
mmyyyy.setDate(1)
var day1 = mmyyyy.getDay()
if (day1 == 0){
day1 = 7
}
var arrN = new Array(41)
var aa
for (ii=0;ii<day1;ii++){
arrN[ii] = maxDays((prevM),currY) - day1 + ii + 1
}
aa = 1
for (ii=day1;ii<=day1+maxDays(currM,currY)-1;ii++){
arrN[ii] = aa
aa += 1
}
aa = 1
for (ii=day1+maxDays(currM,currY);ii<=41;ii++){
arrN[ii] = aa
aa += 1
}
for (ii=0;ii<=41;ii++){
eval("sp"+ii).style.backgroundColor = "#EFF4FA"
}
var dCount = 0
for (ii=0;ii<=41;ii++){
if (((ii<7)&&(arrN[ii]>20))||((ii>27)&&(arrN[ii]<20))){
eval("sp"+ii).innerHTML = arrN[ii]
eval("sp"+ii).className = "c3"
}
else{
eval("sp"+ii).innerHTML = arrN[ii]
if ((dCount==0)||(dCount==6)){
eval("sp"+ii).className = "c2"
}
else{
eval("sp"+ii).className = "c1"
}
if ((arrN[ii]==dd)&&(mm==currM)&&(yyyy==currY)){
eval("sp"+ii).style.backgroundColor="#90EE90"
}
}
dCount += 1
if (dCount>6){
dCount=0
}
}
}
// End -->
</script>
</head>
<style>
html, body {
height: 100%;
padding: 0;
margin: 0;
}
#tudo {
min-height: 100%;
position: relative;
background:url(image/faux_columns.gif) repeat;
}
* html #tudo {
height: 100%; /* hack para IE6 hq trata height como min-height */
}
#topo {
width: 100%;
height: 100px;
background: url(image/dock-bgtopo.gif) repeat-x;
}
#topo1 {
width: 100%;
height: 20px;
background: url(image/gradient_0.gif);
padding: 0px;
}
/*#principal {padding-bottom:10px; width: 100%;}*/
#menu {
float: left;
width: 280px;
height: 500px;
padding: 5px;
background-color: /*#cfc*/#EFF4FA;
}
#conteudo {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background:#F8F8FF;
/*padding-bottom: 30px;*/
padding-left: 20px;
margin: 0px 0px 0px 290px;
}
#rodape {
width: 100%;
position: absolute;
bottom: 0;
background: url(image/dock-bg3.gif);
}
.clear {clear: both;}
img {
border: none;
}
/*.menu {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height:18px;
text-decoration:none;
font-weight:bold;
height: 100%;
}
.menu:hover {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height:18px;
text-decoration:underline;
font-weight:bold;
} */
.topmenu {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
line-height:18px;
text-decoration:none;
font-weight:none;
}
.topmenu:hover {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
line-height:18px;
text-decoration:underline;
font-weight:none;
}
.dock {
position: relative;
height: 50px;
text-align: center;
}
</style>
<body>
<div id="tudo">
<div id="topo"> <table width="100%" border="0"><tr><td align="left"><img src="image/dexl1.png" alt="" /></td><td align="right"><img src="image/fundoimg.png" alt="" /><img src="image/lncc.png" alt="" /></td></tr></table> </div>
<div id="topo1">
<tr>
<td align="center" valign="middle" background="image/gradient_0.gif">
<table width="730" border="0" cellspacing="0" cellpadding="0">
<tr align="center" valign="middle">
<td width="146" height="20"><a href="" class="topmenu">
<strong>Home</strong></a></td>
<td style="border-left:1px solid #fff" width="146" height="20"><a href="" class="topmenu">
<strong>People</strong></a></td>
<td style="border-left:1px solid #fff" width="146" height="20"><a href="" class="topmenu">
<strong>Publications</strong></a></td>
<td style="border-left:1px solid #fff" width="146 height="20"><a href="" class="topmenu">
<strong>Talks</strong></a></td>
<td style="border-left:1px solid #fff" width="146" height="20"><a href="" class="topmenu">
<strong>Projects</strong></a></td>
</tr>
</table></td></tr>
</div>
<div id="menu">
<div align="center"><br><br>
<!-- <img src="image/flow.gif" alt=""/> --> <script>writeCalendar()</script>
</div></div>
<div id="conteudo">
<h2>Objective:</h2>
<p>The Extreme Data Lab aims at developing research on various aspects of data management in scientific and complex applications</p>
<img src="image/pasta.png" alt=""/> Scientific query processing<br>
<img src="image/pasta.png" alt=""/> Scientific workflow data management<br>
<img src="image/pasta.png" alt=""/> Semantic data modelling<br>
<img src="image/pasta.png" alt=""/> Data mining applied to scientific data<br>
<img src="image/pasta.png" alt=""/> Data Integration<br>
<img src="image/pasta.png" alt=""/> BioInformatics data management<br>
<div class="clear"></div>
</div> <!-- Fim div#conteudo -->
<div id="rodape">
<div class="dock" id="dock2">
<a href="#"><img src="image/logo-mct.png" alt="" /></a>
<a href="#"><img src="image/observatorio.png" alt="" /></a>
<a href="#"><img src="image/olimpico.png" alt="" /></a>
</div>
</div>
</div> <!-- Fim div#tudo -->
</body>
</html>
Publicidade
|
|
Page 1 of 1
Erro de Javascript no Firefox Calendario só funciona no IE
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
'Tony Stark' da Campus Party faz Homem de Ferro em tamanho real
|
Notícias |
Notícias 
|
|
|
|
|
Erro no dreamweaver mx2004
Arquivo com defeito |
Dreamweaver |
ir@do
|
|
|
|
|
Novo código explora antiga falha no Firefox
IDG Now! - Segurança |
Notícias |
TiTi Celestino
|
|
|
|
|
echo" $erro"
|
PHP |
babu
|
|
|
|
|
Operação Firefox quer colar adesivos gigantes pelo mundo
|
Notícias |
Notícias
|
|
|
|
|
De olho no prazo, Mozilla começa a cortar recursos do Firefox 4
|
Notícias |
Notícias
|
|
|
|
|
erro premiere
|
After Effects | Premiere |
jonhmedrado
|
|
|
|
|
botão
Não funciona no MC |
Flash & ActionScript |
Guto Almeida
|
|
Publicidade
|
|