sto preparando un sito per il mio matrimonio... (ebbene si, mi sposo...)
cmq per tornare al sodo: ho deciso di avvalermi di un servizio che mi mette a disposizione praticamente tutto,
dal dominio allo spazio illimitato passando per il layout e un sacco di servizi!
Ora però il mio problema.. visto che il sito è inglese, loro offrivano un counter al matrimonio che rimaneva in parte in iglese, del tipo: "You still have ..... until il mio matrimonio"
Come potrete immaginare non volevo tenermi un "coso" simile sul sito.. e quando ho scoperto che nella personalizzazione delle pagine potevo inserire un po' di HTML e qualche script mi sono organizzata e ho trovato due script che farebbero entrambi al caso mio..
Il problema è che nell'anteprima in Firefox il sito di vede benissimo... nell'anteprima IE7 lo script mi sballa il layout del sito!
Non so come risolvere, e tenete conto che non posso applicare modifiche alla pagina intera ma solo al blocco di contenuto centrale..
Per capirci, ecco il link all'anteprima: http://effepisposi.wedshare.com/home.html
Ed ecco due snaps:
Qui il codice che ho usato per questo script:
- Codice: Seleziona tutto
<head>
<style type="text/css">
.style1 {
text-align: center;
}
</style>
</head>
<p class="style1"><span style="font-family: 'Trebuchet MS'; font-size: 12pt; color: #846344; border: 2pt solid
#846344; padding: 2px; background-color: #FBF0E0; font-weight: bold;">
<html>
<body><script name="JavaScript">
<!--
oggi = new Date()
altra_data = new Date("mAy 30, 2009")
altra_data.setYear = oggi.getYear;
giorni = (altra_data.getTime() - oggi.getTime()) / (1000*60*60*24);
giorni = Math.round(giorni);
document.write("Mancano ancora "+giorni+" giorni al nostro matrimonio!");
// -->
</script></body></html>
E questo, invece, e l'altro codice che ho provato, e che mi da lo stesso tipo di inconveniente in IE7..
- Codice: Seleziona tutto
<!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>
<script type="text/javascript">
var futureyear=2009
var futuremonth=4
var futureday=30
var displaytype="vediall"
var digitordate="isdate"
var aftercountdown="stopit"
var digitfrom=100
var digitto=0
var speed=1
var countdownid=new Array()
var futuredate
var nowdate
var resultoreraw
var resultore
var resultminutiraw
var resultminuti
var resultsecondiraw
var resultsecondi
var p_secondi
var p_minuti
var p_ore
var p_giorni
var resultsecondionly
var resultminutionly
var resultoreonly
var content
var i_countdown=-1
var countdownid
var step=1
speed*=1000
if (digitfrom>digitto) {step=-1}
if (digitfrom<digitto) {step=1}
var browserinfos=navigator.userAgent
var ns4=document.layers
var ie4=!document.getElementById&&document.all&&!browserinfos.match(/Opera/)
var ie5=document.getElementById&&document.all&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)
var opera=browserinfos.match(/Opera/)
function setfuturedate() {
futuredate=new Date(futureyear,futuremonth,futureday,0,0,0)
if (digitordate=="isdigit") {content=digitfrom-step }
docountdown()
}
function docountdown() {
if (digitordate=="isdate") {
calculateresults()
formatresults()
displayresults()
setTimeout("docountdown()",speed)
}
else if (digitordate=="isdigit") {
content+=step
displayresults()
if (content==digitto) {
setTimeout("happensafter()",speed)
}
else {
setTimeout("docountdown()",speed)
}
}
}
function firstcountdown() {
if (digitordate=="isdate") {
futuredate=new Date(futureyear,futuremonth,futureday,0,0,0)
calculateresults()
formatresults()
}
else if (digitordate=="isdigit") {
content=digitfrom
}
}
function calculateresults() {
nowdate=new Date()
resultgiorniraw=(Date.parse(futuredate)-Date.parse(nowdate))/1000/60/60/24
if (displaytype!="vediall") {
resultsecondionly=Math.floor((Date.parse(futuredate)-Date.parse(nowdate))/1000)
resultminutionly=Math.floor((Date.parse(futuredate)-Date.parse(nowdate))/1000/60)
resultoreonly=Math.floor((Date.parse(futuredate)-Date.parse(nowdate))/1000/60/60)
}
else {
resultgiorni=Math.floor((Date.parse(futuredate)-Date.parse(nowdate))/1000/60/60/24)
resultoreraw=(resultgiorniraw-resultgiorni)*24
resultore=Math.floor((resultgiorniraw-resultgiorni)*24)
resultminutiraw=(resultoreraw-resultore)*60
resultminuti=Math.floor((resultoreraw-resultore)*60)
resultsecondiraw=(resultminutiraw-resultminuti)*60
resultsecondi=Math.floor((resultminutiraw-resultminuti)*60)
}
}
function formatresults() {
if (displaytype=="vediall") {
if (resultgiorni>1) {p_giorni="giorni"}
else {p_giorni="day"}
if (resultminuti<10) {resultminuti="0"+resultminuti}
if (resultsecondi<10) {resultsecondi="0"+resultsecondi}
content=resultgiorni+" "+p_giorni+" "+resultore+"h "+resultminuti+"m "+resultsecondi +"s"
}
else if (displaytype=="vedigiorni") {
if (resultgiorni>1) {p_giorni="giorni"}
else {p_giorni="day"}
content=resultgiorni+" "+p_giorni
}
else if (displaytype=="vediore") {
content=resultoreonly+" Ore"
}
else if (displaytype=="vediminuti") {
content=resultminutionly+" min"
}
else if (displaytype=="vedisecondi") {
content=resultsecondionly+" sec"
}
}
function happensafter() {
if (aftercountdown=="repeatit") {
if (digitordate=="isdigit") {content=digitfrom-step}
docountdown()
}
if (aftercountdown!="stopit" && aftercountdown!="repeatit") {
document.location.href=aftercountdown
}
}
function displayresults() {
if (ie4) {
for (i=0;i<=countdownid.length-1;i++) {
var thisclock=eval(countdownid[i])
thisclock.innerHTML=content
}
}
else {
for (i=0;i<=countdownid.length-1;i++) {
document.getElementById(countdownid[i]).innerHTML=content
}
}
}
function setcountdown() {
if (ns4 || ie4 || ie5 || ns6 || opera) {
firstcountdown()
i_countdown++
countdownid[i_countdown]="countdown"+i_countdown
document.write("<span id='"+countdownid[i_countdown]+"'
style='position:relative'>"+content+"</span>")
}
}
if (ie4 || ie5 || ns6 || opera) {
onload=setfuturedate
}
</script>
</head>
<body><p><font face="Trebuchet MS, Helvetica, sans-serif" color="#800000" size="2">Mancano ancora...</font></p>
<span style="border: 2pt solid rgb(132, 99, 68); padding: 2px; font-family: 'Trebuchet MS'; font-size: 12pt;
color: rgb(132, 99, 68); background-color: rgb(251, 240, 224); font-weight: bold;">
<script type="text/javascript">
<!--
setcountdown()
// end -->
</script>
</span></body></html>
Dite che si riesce a fare qualcosa? Oppure mi tocca rinunciare al counter?
Aspetto speranzosa..
Patty