Abbinare a pulsante diversi link da visualizzare nella stessa finestra 
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
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...
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
Autore
questi sono i pulsanti
Autore
questi sono i pulsanti scusa non riuscivo matterli sullo stesso post
... 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
.
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
... 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
.
Autore
Ciao e granzie ancora per la disponibilità ho seguito alla lettera quello che hai scritto ma ti rimando gli screen degli errori
Autore
screen2
Autore
Screen3
Autore
Screen4
... 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
.
Autore
Grazie del supporto ma non ci sono riuscito comunque il sito è www.radiotalentoitalia.it
... 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
.
... 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...
.
... per fartene un'idea, queste le simulazioni automatiche relative alla giornata di oggi, sabato:
.
Autore
ok sono pronto grazie
... 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>
.
... nel Passo_3 selezionare la pagina "programmi" ed aprire le Proprietà della Pagijna, ed incollare il codice in questa sezione:
>> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto >
> ▪Codice personalizzato: > 3^opzione > Prima della chiusura del tag HEAD
.
... ovviamente come detto prima invece di home Page selezionerai la pagina programmi:
.