Oggetto Codice HTML 
Autore: Cesare A.
Visite 1032,
Followers 1,
Condiviso 0
Buongiorno,
sto testando un widget sul mio sito, e per inserirlo utilizzo l'oggetto HTML. Il mio problema è che il widget cambia layout in funzione della risoluzione dello schermo, e conseguente ridimensionamento dell'oggetto HTML. Non riesco proprio a raccapezzarmi su come imporre all'oggetto html di rispettare determinate forme in funzione di un determinato breakpoint.
**Si, non sono un tecnico professionista, sono un amatore che ci capisce abbastanza ma a cui mancano molte nozioni**
P.s. Mi molto difficile farvi avere un link della pagina xchè non ho ancora predisposto un sito prova on line.
Vi ringrazio!
Cesare
Postato il
almeno dicci il codice che utilizzi per capire qualcosa...
o il link di dove poterlo vedere...
Autore
grazie per la celere risposta.
il codice è:
<!--
WuBook Javascript Library
Eventually, put it inside
your <head/> tag
-->
<script src="https://wubook.net/js/wblib.jgz"></script>
<!--
put the following div where WuBook
should be designed. Make sure to
preserve the div contents (backlink)
-->
<div id="_baror_" >
<a href="https://wubook.net/" style="display: float; margin-top: 0px; text-decoration:none;border:none;" target="_blank">
</a>
</div>
<!--
Initialize the WuBook Object.
Collect params settings.
Call WuBook.design_bwidget().
Notice WuBook Object provides a
lot of interesting features.
-->
<script>
var WuBook= new _WuBook(1490688465);
var wbparams= {
textcolorpk: '#988454',
fixedPosition: 0,
ditextcolor: '#FF0000',
textcolorbb: '#ffffff',
plusperc: 5,
listtypebb: '#ffffff',
buttoncoloras: '#1c375b',
iconcoloras: '#ffffff',
rpkgs: '',
avgcolor: '#988454',
labelcoloras: '#ffffff',
openParams: 'https://www.villaaitigli.venezia.it/vat/prenotazioni-e-prezzi.html'
barbackground: 'rgba(0, 0, 0, 1)',
default_nights: 1,
textcolorcalendarbe: '#037c01',
bgcalendarbe: '#000000',
bordercolor: '#ffffff',
blocks: 'be',
failback_lang: 'en',
hdcode: '',
textcolorbuttonbe: '#ffffff',
avgtextcolor: '#ffffff',
diinputcolor: '#ffffff',
lang: '',
buttoncolorbe: '#b00000',
dibuttoncolor: '#008000',
wbgoogle: 1,
bgblocks: 'rgba(0,0,0,0.5)',
cmsgs: '',
textcolornightspk: '#ffffff',
adchi: 1
};
WuBook.design_bwidget("_baror_", wbparams );
</script>
<!--
that's all :)
Thank you for using WuBook!
-->
E' un conosciuto booking engine.
Non so se potete vedere il seguente link https://tdocs.wubook.net/ord.html ma queste sono le istruzioni per la modifica del widget che danno.
Grazie ancora in anticipo
Ho riletto più volte il tuo primo post, ma non ho capito il problema, e questo è un mio problema.
Potresti spiegarti meglio, grazie.
Segnalo inoltre che c'è un errore nel codice che hai postato: manca la virgola alla fine del parametro openParams
Autore
Buongiorno, rieccomi!!
Allora, sono arrivato alla conclusione che il problema non è dell'oggetto HTML ma delle istruzioni del widget.
Ora, il problema è che avrei bisogno di impostare il widget in modo che non riposizioni i blocchi in funzione della dimensione dello schermo (o breakpoint).
Inoltre, per motivi a me sconosciuti, il campo "Adulti" e "Bambini" imposta automaticamente "display:none", e nonostante abbia provato l'inverosimile, non trovo la sintassi corretta per imporgli "display:block", cosi da visualizzare le diciture.
Per rendere tutto pi agevole potete trovare il sito al link: http://areatest.villaaitigli.venezia.it/newtest
Inoltre, come linea guida, il mio obiettivo è più o meno questo: https://www.antonypalace.it/
@lemonsong: Grazie per l'interessamento al mio topic innanzitutto. Riguardo la virgola mancante del tuo ultimo post, io LA VEDO anche nell'immagine che hai inserito oltre che nel codice che ho postato...non capisco cosa intendi.
Scusate le plurime domande ma riguardano tutte lo stesso problema.
Attendo Vostre
Cesare
... il codice funziona bene...
... per me dovresti regolare la cella contenitore nei vari breakboint...
... però, per quel che si vede adesso, puoi risolvere rapidamente in EXTRA con questo semplice codice da incollare nella sezione Esperto | Prima della chiusura di /HEAD:
... x pagina >> newtest/index.html
<style> #imHTMLObject_66 {min-width:407px !important;} </style>
... x pagina >> vat/index.html
<style> #_baror_ {min-width:407px !important;} </style>
.
Autore
Grazie KolAsim,
il codice è utilissimo e mi fà visualizzare le scritte cosi come volevo!
Rimane però il problema che non riesco a far si che il secondo ed il terzo blocco si posizionino sotto i primi due.
Proprio come nel link https://www.antonypalace.it/ per intenderci.
Inoltre non ho idea di come fare ad assegnare delle dimensioni in base ai breakpoint....
Scusami ma la mia ignoranza supera di gran lunga le mie conoscenze che dopotutto non sono pochissime...
Ti/Vi ringrazio ancora per il grande aiuto
Aspetto vostre
Cesare
... essendo un iframe governato da codice esterno, devi vedere le opzioni impostate sulla fonte del codice...
... secondo me per quel che vedo forse otterresti un miglior risultato assegnando la larghezza fissa a 410px...
.
Se vedi la virgola nel codice che hai postato e nell'immagine che ho inserito, hai dei poteri paranormali
La virgola c'è, ma nel codice del sito che hai postato: areatest.villaaitigli.venezia.it/newtest/
Altrimenti non funzionerebbe.