Forum Pplware
Dúvidas em HTML, JavaScript e Blogstpot - Versão de Impressão

+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+--- Tópico: Dúvidas em HTML, JavaScript e Blogstpot (/showthread.php?tid=8368)



Dúvidas em HTML, JavaScript e Blogstpot - Nunziuh - 07-02-2011 01:30

Boas pessoal.
Encontrei este fórum, já estive a ver vários posts e, deixem que vos diga, ainda bem que há gente sempre pronta a ajudar nestas coisas, senão havia por aí muita gente perdida. Ahah!

Ando a ver se consigo atinar com essas 3 coisas do título do post. O Objectivo é desenvolver esta página.
As minhas dúvidas são:
1 - E a principal...
Código:
<p style="text-align:center;"><span style="font-family:Arial;font-size:14px;font-style:normal;font-weight:bold;text-decoration:none;text-transform:none;color:000000;background-color:ffffff;">365 desafios</span>
</p>

<script language="javascript" type="text/javascript">

function days_between(date1, date2) {    


// The number of milliseconds in one day
var ONE_DAY = 1000 * 60 * 60 * 24;

// Convert both dates to milliseconds
var date1_ms = date1.getTime();
var date2_ms = date2.getTime();

// Calculate the difference in milliseconds
var difference_ms = Math.abs(date1_ms - date2_ms);
// Convert back to days and return
return Math.round(difference_ms/ONE_DAY);
}

var dia_de_ano_novo=new Date();
dia_de_ano_novo.setYear(dia_de_ano_novo.getFullYear());
dia_de_ano_novo.setMonth(0);
dia_de_ano_novo.setDate(1);
var d2=new Date();
var d3=days_between(dia_de_ano_novo,d2);
var d=new Date();
var quotes=new Array(366);
var authors=new Array(366);

quotes[0]="Hoje é dia de fazer alguém sorrir.";
quotes[1]="Hoje é dia de agarrar nos tachos e nas panelas!";
quotes[2]="Hoje é dia de ofereceres uma flor a alguém.";
quotes[3]="Hoje é dia de dobrares meias!";
quotes[4]="Hoje é dia de escreveres uma história.";
quotes[5]="Hoje é dia de mandar uma mensagem a dizeres o quanto gostas da outra pessoa!";
quotes[6]="Hoje é dia de ir passear";
quotes[7]="Hoje é dia de engolir o orgulho.";
quotes[8]="Hoje é dia de fazeres um desenho.";
quotes[9]="Hoje é dia de ouvires o teu coração!";
quotes[10]="Hoje é dia de pensares onde queres estar daqui a 3 anos.";
quotes[11]="Hoje é dia de fazeres a tua cama.";
quotes[12]="Hoje é dia de ver um filme. Escolhe-o!";
quotes[13]="Hoje é dia de tomar banho!";
quotes[14]="Hoje é dia de comeres o teu gelado preferido.";
quotes[15]="Hoje é dia de parar para observar.";
quotes[16]="Hoje é dia de aprenderes algo.";
quotes[17]="Hoje é dia de fazeres um barco de papel.";
quotes[18]="Hoje é dia de gazeta!";
quotes[19]="Hoje é dia de ofereceres um chupa a alguém.";
quotes[20]="Hoje é dia te te armares em fotógraf@!";
quotes[21]="Hoje é dia de reflectires! Sê quem és e vive o que sentes.";
quotes[22]="Hoje é dia de dizer que não.";
quotes[23]="Hoje é dia de palhaçada!";
quotes[24]="Hoje é dia de usares algo colorido.";
quotes[25]="Hoje é dia do arco-íris! Se não houver, cria-o tu!";
quotes[26]="Hoje é dia de piquenique.";
quotes[27]="Hoje é dia de ficares rouc@ de tanto falar!";
quotes[28]="Hoje é dia de te lembrares de Mim";
quotes[29]="Hoje é oficialmente um dia frio. Qualquer desculpa serve para um abraço.";
quotes[30]="Hoje é dia da saudade. Recorda o que já lá vai.";
quotes[31]="Hoje é dia do perdão... Dá uma oportunidade!";
quotes[32]="Hoje é dia de dançar. Escolhe o ritmo!";
quotes[33]="Hoje é dia de comeres queijo.";
quotes[34]="Hoje é um dia cinzento. Amanhã será melhor!";
quotes[35]="Hoje é dia de arriscar!";
quotes[36]="Hoje é o dia da amizade. Faz um amigo novo!";
quotes[37]="Hoje é dia de escreveres uma carta.";
quotes[38]="";
quotes[39]="";
quotes[40]="";
quotes[41]="";
quotes[42]="";
quotes[43]="";
quotes[44]="";
quotes[45]="";
quotes[46]="";
quotes[47]="";
quotes[48]="";
quotes[49]="";
quotes[50]="";
quotes[51]="";
quotes[52]="";
quotes[53]="";
quotes[54]="";
quotes[55]="";
quotes[56]="";
quotes[57]="";
quotes[58]="";
quotes[59]="";
quotes[60]="";
quotes[61]="";
quotes[62]="";
quotes[63]="";
quotes[64]="";
quotes[65]="";
quotes[66]="";
quotes[67]="";
quotes[68]="";
quotes[69]="";
quotes[70]="";
quotes[71]="";
quotes[72]="";
quotes[73]="";
quotes[74]="";
quotes[75]="";
quotes[76]="";
quotes[77]="";
quotes[78]="";
quotes[79]="";
quotes[80]="";
quotes[81]="";
quotes[82]="";
quotes[83]="";
quotes[84]="";
quotes[85]="";
quotes[86]="";
quotes[87]="";
quotes[88]="";
quotes[89]="";
quotes[90]="";
quotes[91]="";
quotes[92]="";
quotes[93]="";
quotes[94]="";
quotes[95]="";
quotes[96]="";
quotes[97]="";
quotes[98]="";
quotes[99]="";
quotes[100]="";
quotes[101]="";
quotes[102]="";
quotes[103]="";
quotes[104]="";
quotes[105]="";
quotes[106]="";
quotes[107]="";
quotes[108]="";
quotes[109]="";
quotes[110]="";
quotes[111]="";
quotes[112]="";
quotes[113]="";
quotes[114]="";
quotes[115]="";
quotes[116]="";
quotes[117]="";
quotes[118]="";
quotes[119]="";
quotes[120]="";
quotes[121]="";
quotes[122]="";
quotes[123]="";
quotes[124]="";
quotes[125]="";
quotes[126]="";
quotes[127]="";
quotes[128]="";
quotes[129]="";
quotes[130]="";
quotes[131]=""; quotes[132]=""; quotes[133]=""; quotes[134]=""; quotes[135]=""; quotes[136]=""; quotes[137]=""; quotes[138]=""; quotes[139]=""; quotes[140]=""; quotes[141]=""; quotes[142]=""; quotes[143]=""; quotes[144]=""; quotes[145]=""; quotes[146]=""; quotes[147]=""; quotes[148]=""; quotes[149]=""; quotes[150]=""; quotes[151]=""; quotes[152]=""; quotes[153]=""; quotes[154]=""; quotes[155]=""; quotes[156]=""; quotes[157]=""; quotes[158]=""; quotes[159]=""; quotes[160]=""; quotes[161]=""; quotes[162]=""; quotes[163]=""; quotes[164]=""; quotes[165]=""; quotes[166]=""; quotes[167]=""; quotes[168]=""; quotes[169]=""; quotes[170]=""; quotes[171]=""; quotes[172]=""; quotes[173]=""; quotes[174]=""; quotes[175]=""; quotes[176]=""; quotes[177]=""; quotes[178]=""; quotes[179]=""; quotes[180]=""; quotes[181]=""; quotes[182]=""; quotes[183]=""; quotes[184]=""; quotes[185]=""; quotes[186]=""; quotes[187]=""; quotes[188]=""; quotes[189]=""; quotes[190]=""; quotes[191]=""; quotes[192]=""; quotes[193]=""; quotes[194]=""; quotes[195]=""; quotes[196]=""; quotes[197]=""; quotes[198]=""; quotes[199]=""; quotes[200]=""; quotes[201]=""; quotes[202]=""; quotes[203]=""; quotes[204]=""; quotes[205]=""; quotes[206]=""; quotes[207]=""; quotes[208]=""; quotes[209]=""; quotes[210]=""; quotes[211]=""; quotes[212]=""; quotes[213]=""; quotes[214]=""; quotes[215]=""; quotes[216]=""; quotes[217]=""; quotes[218]=""; quotes[219]=""; quotes[220]=""; quotes[221]=""; quotes[222]=""; quotes[223]=""; quotes[224]=""; quotes[225]=""; quotes[226]=""; quotes[227]=""; quotes[228]=""; quotes[229]=""; quotes[230]=""; quotes[231]=""; quotes[232]=""; quotes[233]=""; quotes[234]=""; quotes[235]=""; quotes[236]=""; quotes[237]=""; quotes[238]=""; quotes[239]=""; quotes[240]=""; quotes[241]=""; quotes[242]=""; quotes[243]=""; quotes[244]=""; quotes[245]=""; quotes[246]=""; quotes[247]=""; quotes[248]=""; quotes[249]=""; quotes[250]=""; quotes[251]=""; quotes[252]=""; quotes[253]=""; quotes[254]=""; quotes[255]=""; quotes[256]=""; quotes[257]=""; quotes[258]=""; quotes[259]=""; quotes[260]=""; quotes[261]=""; quotes[262]=""; quotes[263]=""; quotes[264]=""; quotes[265]=""; quotes[266]=""; quotes[267]=""; quotes[268]=""; quotes[269]=""; quotes[270]=""; quotes[271]=""; quotes[272]=""; quotes[273]=""; quotes[274]=""; quotes[275]=""; quotes[276]=""; quotes[277]=""; quotes[278]=""; quotes[279]=""; quotes[280]=""; quotes[281]=""; quotes[282]=""; quotes[283]=""; quotes[284]=""; quotes[285]=""; quotes[286]=""; quotes[287]=""; quotes[288]=""; quotes[289]=""; quotes[290]=""; quotes[291]=""; quotes[292]=""; quotes[293]=""; quotes[294]=""; quotes[295]=""; quotes[296]=""; quotes[297]=""; quotes[298]=""; quotes[299]=""; quotes[300]=""; quotes[301]=""; quotes[302]=""; quotes[303]=""; quotes[304]=""; quotes[305]=""; quotes[306]=""; quotes[307]=""; quotes[308]=""; quotes[309]=""; quotes[310]=""; quotes[311]=""; quotes[312]=""; quotes[313]=""; quotes[314]=""; quotes[315]=""; quotes[316]=""; quotes[317]=""; quotes[318]=""; quotes[319]=""; quotes[320]=""; quotes[321]=""; quotes[322]=""; quotes[323]=""; quotes[324]=""; quotes[325]=""; quotes[326]=""; quotes[327]=""; quotes[328]=""; quotes[329]=""; quotes[330]=""; quotes[331]=""; quotes[332]=""; quotes[333]=""; quotes[334]=""; quotes[335]=""; quotes[336]=""; quotes[337]=""; quotes[338]=""; quotes[339]=""; quotes[340]=""; quotes[341]=""; quotes[342]=""; quotes[343]=""; quotes[344]=""; quotes[345]=""; quotes[346]=""; quotes[347]=""; quotes[348]=""; quotes[349]=""; quotes[350]=""; quotes[351]=""; quotes[352]=""; quotes[353]=""; quotes[354]=""; quotes[355]=""; quotes[356]=""; quotes[357]=""; quotes[358]=""; quotes[359]=""; quotes[360]=""; quotes[361]=""; quotes[362]=""; quotes[363]="";
quotes[364]=""; quotes[365]="";
document.write('<center>');
document.write(quotes[d3]);
<noscript>You need to enable JavaScript to read this.</noscript>
</script>
Este código foi-me dado por um amigo meu. O objectivo é fazer com que isso mude de dia para dia sem ser preciso ninguém lhe mexer. Há um problema, só funciona com o FF... IE e Chrome, nada feito! Há alguma maneira de o fazer diferente ou de fazer com que isso dê para os outros?

2 - A cena do Arquivo, dá para centrar? Tal como o contador lá em baixo... E a cena "Tecnologia do blogger" dá para tirar?

Antes de mais, deixem já agradecer por pelo menos virem aqui ao post. Qualquer ajuda é bem-vinda Wink


RE: Dúvidas em HTML, JavaScript e Blogstpot - Bruno Bernardino - 07-02-2011 03:05

1. Bem, antes de mais, existe aí muita coisa mal feita, desde imenso código desnecessário, coisas não optimizadas e falta de verificações de informação, entre outros problemas que, apesar de tudo, não me pareceram impeditivos para funcionar noutros browsers para além do FF.

A única coisa grave que encontrei (e poderá ser isso que traz problemas) é o facto de teres o <noscript> dentro do <script>, o que não pode/deve acontecer. (O inspector do Chrome dá um erro de sintaxe nessa zona).

2. Não reparei, mas em princípio será só CSS. Quanto ao "Tecnologia do blogger", poderás esconder com CSS, mas não é propriamente aconselhável, até porque viola os termos de serviço do Blogger.


RE: Dúvidas em HTML, JavaScript e Blogstpot - Nunziuh - 07-02-2011 03:42

Obrigado pela célere resposta Bruno Wink

1 - Tirei esse noscript e começou a dar no IE, no FF e no Chrome. Esse noscript é realmente necessário? Parece-me estar a dar bem agora, só que como eu não tenho um bom conhecimento...

2 - CSS?


RE: Dúvidas em HTML, JavaScript e Blogstpot - Bruno Bernardino - 07-02-2011 13:01

1. O noscript é necessário para mostrar essa mensagem quando alguém tem o Javascript inactivo, mas deverá estar a seguir ao </script> (e não um dentro do outro)

2. GIYF.


RE: Dúvidas em HTML, JavaScript e Blogstpot - Nunziuh - 08-02-2011 02:54

Obrigado Big Grin