inserire un calendario settimanale su una pagina html, aggiornabile dall'esterno.

M

mandolino

Nuovo Utente
23 Feb 2012
10
0
0
Buonasera,
Sono appena iscritto e pongo un quesito che sicuramente è stato già approfondito ma non riesco a trovare una valida soluzione al seguente problema:

Devo inserire un calendario settimanale in una pagina di prenotazioni. Non è altro che una tabella da me realizzata su google docs che riporta mesi in colonna e settimane in righe. Non è un proprio un calendario ma piuttosto un resoconto settimanale da aprile fino a novembre.
Ho scelto di pubblicare questo documento con il tag Iframe e naturalmente ho scoperto che è DEPRECATO IN STRICT. Ho provato dopo aver letto molti articoli ad usare il tag OBJECT ma purtroppo con IE ci sono problemi di visualizzazione. Continuo a cercare soluzioni a "buon mercato" cioè semplici da implementare senza dover passare da un database. L'esigenza è modesta perchè devo solo visualizzare questo calendario personalizzato e di tanto in tanto aggiornarlo esternamente senza dover ricaricare la pagina sul server.
Mi sembrava che la soluzione googleDocs fosse sufficiente. Purtroppo ci sono questi problemi di compatibilità che non riesco a risolvere.
Chiedo gentilmente se qualcuno riesce ad indicarmi la strada per ovviare a questo problema ed in generale cosa potrei fare e dove trovare esempi o codici etc.
Vi ringrazio anticipatamente per il supporto che vorrete accordarmi.
Francesco
 
ciao
intanto benvenuto nel forum, poi ti riporto quanto trovato in un altro forum

.... il tag iframe non è deprecato, semplicemente è incluso oppure no come tag supportato in base al doctype, cioè al tipo documento che si decide di utilizzare.
Ad esempio nell'XHTML 1.0 Transictional è un tag ammesso, mentre nell'XHTML 1.1 Strict è in effetti non solo deprecato ma proprio non è supportato.

Per questioni di accessibilità e altri validi motivi il w3c ne sconsiglia l'utilizzo, e, sia nei doctype più recenti sia nelle proposte di quelli nuovi, html5, il tag iframe non è più supportato.
Clicca per allargare...

non per niente google per il link alle mappe ancora lo usa
Codice: 
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.it/.....;output=embed"></iframe>
analogo per yotube
Codice: 
<iframe width="560" height="315" src="http://www.youtube.com/embed/xyz" frameborder="0" allowfullscreen></iframe>
 
borgo italia ha scritto:
ciao
intanto benvenuto nel forum, poi ti riporto quanto trovato in un altro forum



non per niente google per il link alle mappe ancora lo usa
Codice: 
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.it/.....;output=embed"></iframe>
analogo per yotube
Codice: 
<iframe width="560" height="315" src="http://www.youtube.com/embed/xyz" frameborder="0" allowfullscreen></iframe>
Clicca per allargare...


Salve
grazie per la risposta ed il benvenuto.
Non comprendo la risposta data la mia ignoranza.
Quale sarebbe la soluzione proposta quindi?
grazie
 
ciao
se usi html 4, dovresti avere (in alto nella pagina) un doctype simile
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
quindi puoi usare iframe
se sei passato a html 5 con un doctype
HTML: 
<!DOCTYPE HTML>
no

comunque sei sicuro eventualmente ghe il tag objet non funzi su ie?
io ho provato questo codice e funzia
HTML: 
<body>
        <div style="border: 1px solid black;">
            <object
                width="100%"
                height="480px"
                standby="caricamento, attendere..."
                data="altra_pagina.htm"
                type="text/html">
            </object>
        </div>
</body>
dove al posto di altra_pagina.htm devi mettere quello che ti serve
 
Web Italia ha scritto:
Il sito con il calendario è online? Così da poterci dare un'occhiata
Clicca per allargare...

ciao

non il sito è sul mio mac in locale perchè lo sto realizzando.
Puoi vedere comunque il calendario anzi diciamo una specie di calendario ovvero un folio di calcolo fatto su google docs... a questo indirizzo

https://docs.google.com/spreadsheet/ccc?key=0ArqydDHIFCYkdFFUSF9McndfWU80UFFQSUN5aU9hdXc


a me serve esattamente una cosa del genere con la possibilità di riempire le celle di rosso quando prenotate!
La soluzione sarebbe ottima perchè posso accedere ai docs dal web ed aggiornarli senza dover ricaricare.

Questa è la sostanza: la possibilità di aggiornare da esterno!! Lo so che ci vorrebbero i database ma non essendo esperto ed alle prime armi speravo di risovlere così anche perchè sarebbe sufficiente. Comunque grazie dell'interesse
FRancesco
 
borgo italia ha scritto:
ciao
se usi html 4, dovresti avere (in alto nella pagina) un doctype simile
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
quindi puoi usare iframe
se sei passato a html 5 con un doctype
HTML: 
<!DOCTYPE HTML>
no

comunque sei sicuro eventualmente ghe il tag objet non funzi su ie?
io ho provato questo codice e funzia
HTML: 
<body>
        <div style="border: 1px solid black;">
            <object
                width="100%"
                height="480px"
                standby="caricamento, attendere..."
                data="altra_pagina.htm"
                type="text/html">
            </object>
        </div>
</body>
dove al posto di altra_pagina.htm devi mettere quello che ti serve
Clicca per allargare...


Ciao Borgo

Uso XHTML strict!!

di seguito il blocco che uso in html:


<div id="calendar">


<object data="https://docs.google.com/spreadsheet/pub?key=0ArqydDHIFCYkdFFUSF9McndfWU80UFFQSUN5aU9hdXc&single=true&gid=0&output=html&widget=true"width="480" height="570">


</object>
</div>

all'interno di questo contenitore dovrei visualizzare quel documento che proviene da Google docs!
Tutti i browser tranne IE lo visualizzano anche se ho appena scoperto che HTML VALIDATOR trova 3 errori nella sequenza dell'indirizzo!

Cosa debbo fare secondo te?
grazie

francesco
 
ciao
prova ad aggiungere type="text/html"

HTML: 
<object data="https://docs.google.com/spreadsheet/pub?key=0ArqydDHIFCYkdFFUSF9McndfWU80UFFQSUN5aU9hd Xc&single=true&gid=0&output=html&widget=true" type="text/html" width ="480px" height="570px">

senza ie non funzia, con si
 
borgo italia ha scritto:
ciao
prova ad aggiungere type="text/html"

HTML: 
<object data="https://docs.google.com/spreadsheet/pub?key=0ArqydDHIFCYkdFFUSF9McndfWU80UFFQSUN5aU9hd Xc&single=true&gid=0&output=html&widget=true" type="text/html" width ="480px" height="570px">

senza ie non funzia, con si
Clicca per allargare...


ciao

funziona soltanto se attivo la modalità "visualizzazione contabilità"...altrimenti la zona del calendario viene spostata in basso e non si apre!
Fra l'altro parlo di internet explorer 9...ma possibile che questo browser abbia tutti questi problemi?
 
ciao
ie 9 non ti so dire, sono ancora alla 8 e se fosse per me sarei rimasto alla 6.
comunque con ie 8 si vede bene avendo aggiunto il type.
anche con firefox si vede bene
 
borgo italia ha scritto:
ciao
ie 9 non ti so dire, sono ancora alla 8 e se fosse per me sarei rimasto alla 6.
comunque con ie 8 si vede bene avendo aggiunto il type.
anche con firefox si vede bene
Clicca per allargare...

Salve Borgo

io non lo uso mai figurati ma ovviamente purtroppo è ancora molto presente!!!
comunque leggo su internet che il tag object in Ex pretende il classid... è per questo che fa le bizze... per esempio in IE9 non vedo nulla fino a che non entro in modalità compatibile...altrimenti rimane un cornice con la croce rossa... mi smebra di capire che la soluzione object è un "trucco" per ovviare all'IFrame.
Però explorer "pensa" sempre ad una oggetto con classe e così non carica...mah
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

A
PHP calendario, come inserire i giorni precedenti?
Risposte
1
Visite
2K
PHP
criric
criric
Elisacau
[Contact form 7] Inserire Numero auto incrementante
Risposte
1
Visite
2K
WordPress
mariathomas
M
gara1
inserire immagine di sfondo in canvas
Risposte
0
Visite
2K
Javascript
gara1
gara1
FDF182
Inserire pdf in db
Risposte
3
Visite
3K
PHP
otto9due
otto9due
otto9due
Inserire o aggiornare tabella my sql controllando una coppia di valori
Risposte
7
Visite
1K
PHP
otto9due
otto9due
Couting95
inserire dati da un file di testo in una tabella in php
Risposte
1
Visite
2K
PHP
marino51
marino51
D
Inserire link
Risposte
0
Visite
968
PHP
Darkbox
D
L
  • Bloccata
PHPSpreadsheet inserire dati da file .xlsx/.xls su database
Risposte
2
Visite
1K
PHP
Max 1
Max 1
P
inserire due voci in un titolo post wp
Risposte
1
Visite
2K
WordPress
WmbertSea
WmbertSea
R
inserire video nel sito
Risposte
15
Visite
3K
HTML e CSS
Robi999
R
J
Inserire blog wordpress in angular
Risposte
0
Visite
1K
CMS (Content Management System)
jerweb
J
A
inserire variabile php colore in div html
Risposte
2
Visite
2K
PHP
AndreaCerre
A
L
inserire dati multi livello
Risposte
8
Visite
1K
PHP
luigithen
L
G
Inserire una scritta
Risposte
1
Visite
2K
Java
gabonik
G
M
Inserire variabile nella value di una hidden
Risposte
3
Visite
2K
PHP
macus_adi
macus_adi
S
Inserire foto in ogni cella di una tabella
Risposte
0
Visite
1K
Javascript
sodi96
S
G
inserire dati automaticamente in mysql
Risposte
0
Visite
1K
PHP
GioTeck
G
B
Vorrei inserire una finestra con messaggio ad un history.back
Risposte
16
Visite
3K
PHP
macus_adi
macus_adi
Shyson
Inserire placeholder nel campo cerca
Risposte
5
Visite
2K
PHP
Shyson
Shyson
M
Lanciare alert se il codice fiscale è già presente nel db e lasciare la scelta di inserire all'utente
Risposte
42
Visite
8K
PHP
Max61
M
Alto Basso