WebSite X5Help Center

 
Antonio D.
Antonio D.
User

Abbinare a pulsante diversi link da visualizzare nella stessa finestra  it

Autore: Antonio D.
Visite 241, Followers 4, Condiviso 0  

Ciao a tutti ho una radio ed ho creato la pagina del palinsesto settimanale con pulsante ho creato i 7 giorni della settimana ed abbinato pagine nascoste con i vari programmi quotidiani quello che non riesco a fare e visualizzare i vari link nella stessa sotto i pulsanti esempio clicco su lunedi e mi apre il palinsento del giorno lunedi clicco martedi e mi apre quello del martedi ecc. Grazie 

Postato il
20 RISPOSTE
Claudio D.
Claudio D.
Moderator
Utente del mese IT

non ho capito...

se hai un pulsante unico avrai un link unico...

se hai più pulsanti , potrai avere altrettanti collegamenti...

ma con cosa hai fatto il pulsante ? 

se mettevi il link della pagina era meglio... 

Leggi di più
Postato il da Claudio D.
Antonio D.
Antonio D.
User
Autore

Provo a postare degli screen per farmi capire meglio, vorrei aprire lo sreen3 quando clicco sul pulsante lunedi ma nella stessa finestra in modo che posso cliccare su martedi e vedere la programmazione del martedi e cosi via spero di essere stato più chiaro grazie ancora 

Leggi di più
Postato il da Antonio D.
Antonio D.
Antonio D.
User
Autore

questi sono i pulsanti

Leggi di più
Postato il da Antonio D.
Antonio D.
Antonio D.
User
Autore

questi sono i pulsanti scusa non riuscivo matterli sullo stesso post

Leggi di più
Postato il da Antonio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio D.
Provo a postare degli screen per farmi capire meglio, vorrei aprire lo sreen3 quando clicco sul pulsante lunedi ma nella stessa finestra in modo che posso cliccare su martedi e vedere la programmazione del martedi e cosi via spero di essere stato più chiaro grazie ancora 

... secondo mie antiche idee, io preferisco l'iframe, ma potresti usale le schede dell'oggetto testo con le etichette per i sette giorni della settimana contenenti le relative programmazioni giornaliere...
... se hai le pagine nascoste già pronte, e possibilmente congrue tra loro, potresti mettere nel contenuto testo delle schede un codice iframe con scheda per scheda il relativo url/src della pagina nascosta, (per esempio lunedì.html, martedì.html, ecc.)....
... oppure, sotto ai pulsanti che avevi postato prima, metti un oggetto html con codice iframe (che preferisco) con  (id="programmagiornaliero" name="programmagiornaliero"), (importante l'attributo NAME), ed ai pulsanti assegni il collegamento con opzione File o URL | File su Internet  e nel campo di input incolli questo tipo di stringa di mia invenzione così come vedi con apici asimmetrici; per esempio per il pulsante "lunedì" per aprire la pagina "lunedì.html" nell'iframe:
lunedì.html"  target = "programmagiornaliero
(...così come vedi, monco di un doppio apice...)
... quelle della programmazione radio l'ho affrontato diverse volte in anni passati in tutte le lingue, abbinato ad un mio semplice codice EXTRA, che automaticamente fa apparire per default nell'iframe (o attiva nella scheda)  la programmazione della giornata...
... se per caso ti interessasse questa parte EXTRA, ... avvisami, ...e/o anche per eventuali chiarimenti su quanto ho anticipato...

... più facile e semplice da fare che a dirsi...
... se posti il LINK di quello che hai già fatto online, sarebbe meglio per me per poter valutare...

.

ciao

.

ps: ... intanto che digitavo mi son ricordate di questo vecchissimo Topic, dove l'utente ha applicato il mio metodo:

> https://helpcenter.websitex5.com/it/post/31878

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Antonio D.
Antonio D.
User
Autore

Cioa scusa ma a parte il secondo metodo del quale scusa per l'ignoranza non ci ho capito niente con ol primo funziona ma apre le pagine nascoste senpre in un altra pagina io vorrei visualizzarla nella stessa tipo cosi:https://www.radio24.ilsole24ore.com/palinsesto grazie

Leggi di più
Postato il da Antonio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... hai visto il sito dell'utente che ti ho linkato...?... ... che è in versione IFRAME:
>> https://www.radiostellapiemonte.net/

... non ti preoccupare, una volta capito il meccanismo diventa semplicissimo...
... le tue pagine nascoste e senza applicare la grafica le devi chiamare:
domenica.html
lunedì.html
martedì.html
eccetera...
....per la tua struttura postata nei tuoi STAMP precedenti, dopo la riga dei pulsanti metti un Oggetto Codice HTML per tutta la riga con questo codice IFRAME:
<iframe  id = "iframeK"   name = "iframeK"   src = "paginaDefault.html" width = "100%"   height = "500" > </iframe>
... al collegamento del pulsante "domenica" assegna l'opzione File o URL | File su Internet, digitando questa stringa per il collegamento:
domenica.html"  target = "iframeK      ... (esattamente così come la vedi)...
... intanto posta anche il LINK delle pagine nascoste; ... ricorda che il test reale si fa online...

... al posto di "paginaDefault.html" puoi anche mettere il link di una tua immagine della radio che avrai allegato:
"files/img_radio.jpg".
... (...poi e se ti interessa con il mio codice EXTRA, (niente di difficoltoso, un copia/incolla), si vedrà sempre la pagina con il programma del giorno in corso...)...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Antonio D.
Antonio D.
User
Autore

Ciao e granzie ancora per la disponibilità ho seguito alla lettera quello che hai scritto ma ti rimando gli screen degli errori

Leggi di più
Postato il da Antonio D.
Antonio D.
Antonio D.
User
Autore

screen2

Leggi di più
Postato il da Antonio D.
Antonio D.
Antonio D.
User
Autore

Screen3

Leggi di più
Postato il da Antonio D.
Antonio D.
Antonio D.
User
Autore

Screen4

Leggi di più
Postato il da Antonio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non potendo vedere il LINK che ti avevo chiesto, pare che hai fatto tutto correttamente...
.... l'errore 404  di un tuo STAMP indica pagina NON trovata, il che vuol dire che l'URL è errato o pagina nominata in altro modo da quella digitata nel collegamento...
... altra nota che posso dirti non vedendo il LINK, è che il collegamento deve essere composto solo la parte in grassetto, cioè dopo target="iframeK non deve esserci nessun carattere. neanche spazi vuoti, la stringa così come la vedi:
domenica.html"  target = "iframeK

... la pagina domenica.html ... devi essere sicuro che si chiami così; ...lo puoi riscontrare nella barra indirizzi del browser...

... 

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Antonio D.
Antonio D.
User
Autore

Grazie del supporto ma non ci sono riuscito comunque il sito è www.radiotalentoitalia.it

Leggi di più
Postato il da Antonio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... mo ci si può capire meglio, e penso ti stia venendo fuori un buon lavoro...
... i pulsanti della pagina programmi non hanno il collegamento assegnato nel modo che avevo detto prima...
... e poi, magari mi è sfuggito qualcosa, non ho trovato o visto dove hai inserito il codice IFRAME iframeK...
.
ciao
.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho voluto approfondire la situazione...
... se tu vuoi provare come dovrebbe funzionare dal vivo, ...avvisami, ... che poi ti posto un mio codice esclusivo con una raccolta delle mie invenzioni adattate al tuo sito...
... per poter provare dal vivo dovrai fare un solo, semplicissimo, immediato ed elementare copia/incolla del mio codice; ... una volta che ti sei reso conto di come dovrebbe essere, poi continueremo con calma la sistemazione del Progetto, senza uso di codici...
...
... il pratica questo mio codice aggiusta dinamicamente quello che avresti dovuto fare tu nel Progetto se seguivi lo schema detto prima...
... caratteristiche principali del codice:
> - aggiustamento del menu per relazionarlo meglio con l'IFRAME, (attualmente scomodo, taglia il testo e nelle risoluzioni ridotte si estende troppo verticalmente non facendo vedere il cambiamento nell'IFRAME);
> - posizionamento dinamico dell'IFRAME "iframeK", che prende il posto dell'attuale "content-slider ";
> - caricamento automatico nell'IFRAME della pagina del palinsesto del giorno corrente; per esempio oggi si aprirebbe automaticamente la pagina "sabato.html";
> - estrapolazione dei collegamenti di origine dei pulsanti, e riassegnazione dinamica dei collegamenti corretti per indirizzare TARGET nell'IFRAME "iframeK";
> - aggiustamento dinamico del layout delle pagine importate con eliminazione del HEADER e del FOOTER, (che avresti dovuto fare tu come da precedenti indicazioni);
> - stoppaggio AUDIO nelle pagine importate nell'IFRAME, essendo doppione del player in HEADER;
> - altro.
... se non ho problemi con il Forum, ti posterò anche gli STAMP della simulazione reale online...
.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per fartene un'idea, queste le simulazioni automatiche relative alla giornata di oggi, sabato:

.

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Antonio D.
Antonio D.
User
Autore

ok sono pronto grazie

Leggi di più
Postato il da Antonio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... questo è il mio codice esclusivo per la tua pagina "programmi":

<script>
$( document ).ready(function() { //K>;
/** -- Ancoraggio dinamico con controllo DATA - TARGET IFRAME[269967] -- by KolAsim **/
setTimeout(function(){//K1>;
style_K()
menuGiorniK()
iframe_K()
rilevagiornosettimanaK()
style_iframeK()
}, 3000); //K1<<;
}); //K<<;
//-------------------------------
//-----------fK1-------------------
function style_K(){//style_K()>;
styleK = '<style>'+
'#divK1{position:relative;left:0px;width:100%;height:auto;background-color:lavender;padding:5px;'+
'font: normal normal normal \'Audiowide\';text-align:center;border-radius: 5px;border:solid 1px crimson;}'+
'#divK2{position:relative;left:0px;width:100%;height:700px;}'+
'#divK1 a{font-size:28px;text-decoration:none;;color:crimson;padding:0 3px 0 3px}'+
'#divK1 a:hover{background-color:white;border-radius:5px;}'+
'@media (max-width: 720px) {#divK1 a{font-size:22px}}'+
'</style>';
$("head").append(styleK)
};//style_K()<<;
//-----------fK2-------------------
function menuGiorniK(){//menuGiorniK()>;
divK1 = ' <div id="divK1">'+
'<a href = "lunedi.html" target = "iframeK">Lunedi<a/>'+
' <a href = "martedi.html" target = "iframeK">Martedi<a/>'+
' <a href = "mercoledi.html" target = "iframeK">Mercoledi<a/>'+
' <a href = "giovedi.html" target = "iframeK">Giovedi<a/>'+
' <a href = "venerdi.html" target = "iframeK">Venerdi<a/>'+
' <a href = "sabato.html" target = "iframeK">Sabato<a/>'+
' <a href = "domenica.html" target = "iframeK">Domenica<a/>'+
'</div>';
divK2 = ' <div id="divK2">AaBbCcDdEe </div>';
$("#imPgTitle").append(divK1 + divK2);
$("#divK1 a").click(function(){style_iframeK()})
$("#imCell_10,#imCell_11,#imCell_12,#imCell_13,#imCell_14,#imCell_15,#imCell_16").hide();
};//menuGiorniK()<<;
//-----------fK3--------------------
function iframe_K(){//iframe_K()>;
iframeK = ' <iframe id = "iframeK" name = "iframeK" src = "domenica.html" width = "100%" height = "700" '+
' style="position:absolute;left:0px;top:0px;z-index:1000000;overflow:hidden"> </iframe> ';
$("#divK2").append(iframeK);
style_iframeK()
};//iframe_K()<<;
//-----------fK4--------------------
function style_iframeK(){//style_iframeK()>;
setTimeout(function(){//K1>;
styleiframeK = '<style>#imHeaderBg,#imFooterBg,#imHeader,#imStickyBarContainer,#imFooter{display:none!important}'+
'#imContent{top:-200px!important} body{overflow-y:hidden}>/style><base target="_parent" />';
$("#iframeK").contents().find("head").append(styleiframeK)
$("#iframeK").contents().find("body > div").append('<base target="_parent" />')
$("#iframeK").contents().find('div [title="stop"]').click()
$("#iframeK").contents().find('a').attr("target","_top")
}, 2000);//K1<<;
};//style_iframeK()<<;
//-----------fK5-------------------
function rilevagiornosettimanaK(){//rilevagiornosettimanaK()>;
dataK = new Date();
giornoK = dataK.getDay();
if(giornoK == 0) giornoK = "domenica.html";
if(giornoK == 1) giornoK = "lunedi.html";
if(giornoK == 2) giornoK = "martedi.html";
if(giornoK == 3) giornoK = "mercoledi.html";
if(giornoK == 4) giornoK = "giovedi.html";
if(giornoK == 5) giornoK = "venerdi.html";
if(giornoK == 6) giornoK = "sabato.html";
linkK = giornoK;
$("#iframeK").attr("src",linkK)
};//rilevagiornosettimanaK()<<;
// ---------------- END - K -------<<<<<
</script>

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ovviamente come detto prima invece di home Page selezionerai la pagina programmi:

.

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪