Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v13] - Evolution/Professional - Discussioni generali => Topic aperto da: Kris - 28 Giugno, 2020, 12:29:36
-
Ciao a tutti!
1. C'e un modo di variare questo codice per permettere di linkare ( in modo, che quando viene cliccato il 1° si apra il "mascc1", il 2° link apra il "msacc2", il 3° link apra il "msacc3" e cosi via...) http://quellidelcucuzzolo.blogspot.com/2016/04/effetto-accordion-oggetti-website-x5.html?showComment=1549759591349#c5302183671231121919 ,
2. Oltre questo, c'e la possibiltià in quel codice inserire che la riga "msacc1" rimane sempre aperta?
Grazie dell'aiuto.Buona domenica a tutti!Kris
-
Ho capito poco, ma se la prima domanda è uguale a questo commento (blog linkato) del 10 aprile, 2018:
Se io volessi inserire un link che rimanda a un oggetto ancorato (msacc01, per esempio) all'interno della pagina in cui ho inserito l'accordion, c'è modo di far si che venga visualizzato l'oggetto già "aperto"?
... la risposta è stata data:
Potresti aggiungere uno script utilizzando il metodo .trigger() insieme all'evento click per simulare appunto l'apertura dell'oggetto con accordion quando si clicca sul relativo link.
Se ho indovinato, questa è una traduzione di massima:
$('idOggetto a').click(function(){
$('idTitoloOggetto').trigger('click');
});
Ovviamente va dinamicizzato e magari ritardare (setTimeout) l'apertura dell'oggetto dopo il click sul link.
Per quanto riguarda la seconda domanda (sempre se ho capito): all'oggetto in questione non assegni l'ancora (o non usi il prefisso msacc)... non ti va bene? ::)
La formattazione degli stili etc... la fai da programma.
Se ho capito male, prova a riformulare le domande magari con un link e screenshot o aspetti qualcuno meno addormentato di me.
-
Ciao,
Grazie per il codice. Provato , ma qualcosa non funziona, no.
Cerchero di spiegare meglio... sulla pagina ho inserito questi codici (l'accoridon funziona alla grande, da tempo che lo conosco questo script)
<script src="js/jquery-ui-effect.min.js"></script>
<script>
/* ==============================================================
Accordion Object: versione collapse all v.17
Author's custom code: http://quellidelcucuzzolo.blogspot.it
Please do not remove credit
============================================================== */
$(document).ready(function() {
$("div[id^='msacc']").parent().addClass("msaccordion");
$(".msaccordion div[id^='imCellStyleTitle_'] div, .msaccordion div[id^='imCellStyleDescription']").css("display", "none");
$(".msaccordion div[id^='imCellStyleTitle_']").each(function() {
$(this).prepend("<span class='symFaq'> </span>"); //simbolo grafico pannello chiuso
$(this).parent().css("min-height", $(this).outerHeight(true));
});
$(".msaccordion div[id^='imCellStyleTitle_']").click(function() {
var $this = $(this);
var $opentab = $(".msaccordion div[id^='imCellStyleTitle_'] div:visible");
$opentab.prev().nextAll().hide("blind", 500, function() { //effetti UI consigliati: blind, drop, fade, slide
$opentab.prev().css("background-color", "#72207A").find("span").html(" ") //colore background e simbolo grafico pannello chiuso
});
if ($this.next().is(":hidden")) {
$this.nextAll().show("blind", 500); //effetti UI consigliati: blind, drop, fade, slide
$this.css("background-color", "#97CD5C").find("span").html("– "); //colore background e simbolo grafico pannello aperto
}
});
});
</script>
<scrip>
$('imCellStyleTitle_58_').click(function(){
$('Mi az energetikai tanúsítvány?').trigger('click');
});
</scrip>
adesso ho aggiunto questo che mi avevi dato, modificando in questo modo
<scrip>
$('imCellStyleTitle_58 a').click(function(){
$('Mi az energetikai tanúsítvány?').trigger('click');
});
</scrip>
Poi ho inserito un link nel footer "Mi az energetikai tanúsítvány?".
Inserito il codice in uno script , ma la prima voce "Mi az energetikai tanúsítvány?" nell'accoridon test rimane chiusa. :-( Dove sbaglio?
ecco il link provvisorio
https://tanusitvany-kecskemet.hu/1/
Come vedi nel footer ci sono altre 5 link, di cui 4 vorrei collegare al accordion menu.
Mi az energetikai tanúsítvány? -> collegando al msacc1,Mikor kötelező az energetikai tanúsítvány? -> collegando al msacc2, ... e cosi via. Importante, che il diventi - (quindi vinega visualizzato aperto il testo, rispettivoal link cliccato)
Spero che ora è più giusta la descrizione ;)
Grazie
-
Dove sbaglio?
Preferirei non rispondere a questa domanda.
Quel codice che ho postato era solo un "accenno", tanto per dare un input, ma... vabbè.
Adesso non ho più tempo, ma tanto per dirne solo una: anche se non serviva riscriverli, guarda come hai scritto i tag script
Se ho tempo più tardi o nei prossimi giorni proverò, dopo un paio di litri di camomilla, a rispondere più dettagliatamente a questo post.
Lascia l'esempio online!
-
non so porgrammare ;-( ma va bene lo stesso. rimane cosi se ti innervosisce lascia perdere. volevo solo quello che chiedeva un altro utente sul cuccozzolo. ma non c'e risposta.
quando avrai voglia con tanta camomilla, grazie ciao
-
Rispondo senza quotare per fare prima (forse).
Ho capito che non sai programmare (anche io non sono un programmatore), ma sono anni che leggi e usi codici più o meno complessi e un minimo di dimestichezza ormai dovresti averla acquisita. Se mi innervosisco è anche per questo motivo. "Nessuno nasce imparato", recita un modo di dire; tutti, ripeto tutti, abbiamo sempre qualcosa da imparare e visto che non gestisci solo il tuo sito, ma offri servizi che si basano sulla "programmazione web" (anche se fa tutto WS), la curiosità dovrebbe spingerti oltre i famosi 5 step di casa Incomedia e approfondire quello che "copi e incolli".
Bene, dopo la predica, arriva un altro malloppone.
Premesso che quello che vuoi ottenere forse confonde il navigatore, QUI (http://quellidelcucuzzolo.altervista.org/appunti/accordion-oggetti-website-x5-link/) ho preparato un esempio fatto con la versione Demo della 2020.2.4
Lo script accordion utilizzato è però quello "base" (un oggetto rimane "aperto" se ne apriamo un altro), perché con l'altro, per renderlo pienamente funzionante,forse occorreva spenderci altro tempo. Passo volentieri la mano a chi volesse intervenire a riguardo.
Ho deciso di separare il nuovo script per evitare pasticci e, soprattutto, per praticità.
Per risparmiare camomilla :) posto qui il codice:
<!-- Proprietà pagina - Esperto - Prima della chiusura del tag BODY -->
<script>
var links = $('#imTextObject_05 a'); //id oggetto con links con ancora accordion
links.each(function() {
var ancora = $(this).attr('href').split('#msacc');
$(this).click(function() {
var titolo = $('#msacc' + ancora[1]).siblings('div[id^="imCellStyleTitle_"]');
if (titolo.next().is(":hidden")) {
setTimeout(function() {
titolo.trigger('click');
}, 500); //tempo in millisecondi per ritardare l'apertura dell'oggetto
}
});
});
</script>
Sicuramente si poteva scrivere meglio, ma questo è quello che è venuto fuori.
Per chi avesse, come nel tuo caso, la sticky bar attivata (con altezza costante a tutte le risoluzioni) e visibile nel punto dove sono gli oggetti accordion (dato relativo) bisogna inserire, insieme alle altre, anche questa regola CSS per compensare la posizione dell'id ancora.
Si poteva dinamicizzare pure questo, ma ho preferito lasciare questo valore "manuale":
div[id^="msacc"] {
margin-top:-40px; /* altezza sticky bar */
}
Per dubbi o altro, c'è sempre il sorgente della pagina.
Ecco, come quasi sempre ho speso più tempo a scrivere il post che lo script, ma mi illudo sempre che valga la pena di tentare di essere più chiari possibile.
-
Grazie Lemon per lo script, cerchero di capire come inserire in quello che sta online, con chiusura quelli letti perchè quello che volevo, collegando ai link.
Meno grazie per le prediche, mi stavando dando troppo anche i miei genitori ed ora non mi sevre proprio.
Io propongo col ws solo quello che riesco a farlo. Col disegno vado meglio che con gli script ;-) ciao
-
Non c'è niente da capire se vuoi provare il nuovo script con quello (accordion) che hai sul sito. L'ho separato proprio per questo motivo.
Ma, come ho già detto, non è pienamente funzionante etc...
Io propongo col ws solo quello che riesco a farlo.
Questa è una bugia, altrimenti useresti l'accordion di WS e non chiederesti codici per fare questo e quello. Scusa, ma me l'hai servita su di un piatto d'argento. :P
Per quanto riguarda le prediche, anche a me danno molto fastidio quando le ricevo, l'importante è non essere offensivi e spero di non esserlo stato.
-
Scusa ma quello di ws mica si collega ai link, per cui non sarebbe possibile ad usarlo.
Ho inserito insieme a quel script questi nuovi , ma ci sarà qualche errore nel insieme perchè non si apre per ora.
Speriamo che capiro , dove sta l'errore , per una mancanza o assegnazione di qualcosa.
Grazie lo stesso.
Mi sembri incavolato , eppure non ho detto nulla che era di "miele" :P
-
Il problema è (anche) che non parliamo la stessa lingua, pure letteralmente.
Intanto che cerchi l'errore, QUI (http://quellidelcucuzzolo.altervista.org/appunti/accordion-oggetti-website-x5-link/collapse-all.html) c'è un accrocchio fatto in fretta e furia per l'altro tipo di accordion.
Nel sorgente trovi tutto. Più tardi se ho tempo, lo testo meglio e magari posto il codice.
Incavolato? Non mi hai ancora letto incavolato :)
-
Io ho inserito tutto è qui (https://tanusitvany-kecskemet.hu/1/), eppure non si apre come nel tuo ultimo , boh.
davvero non parliamo stessa lingua :( non so piu cosa fare dai un occhiata al mio codice magari sbaglio ancora , boh . non so davvero.
grazie
-
Intanto posto il codice dell'ultimo esempio; è migliorabile etc...
<!-- Proprietà pagina - Esperto - Prima della chiusura del tag BODY -->
<script>
var links = $('#imTextObject_3_12 a'); //id oggetto con links con ancora accordion
links.each(function() {
var ancora = $(this).attr('href').split('#msacc');
$(this).click(function() {
var titolo = $('#msacc' + ancora[1]).siblings('div[id^="imCellStyleTitle_"]');
if (titolo.next().is(":hidden")) {
setTimeout(function() {
titolo.trigger('click');
setTimeout(function() {
location.hash = "msacc" + ancora[1];
}, 500); //tempo in millisecondi per ritardare l'apertura dell'oggetto
}, 100); //tempo in millisecondi per ritardare correzione
}
});
});
</script>
Io ho inserito tutto è qui (https://tanusitvany-kecskemet.hu/1/), eppure non si apre come nel tuo ultimo , boh.
Il tuo oggetto coi links è nel footer, quindi l'id oggetto con links con ancora accordion è imFooter_imTextObject_01
Non mi pare ci siano altri errori.
Testalo, se non dà problemi bene, altrimenti puoi regolare i tempi in millisecondi.
-
Ciao Lemon,
Non mi sembra che vadano male i tempi. Se vuoi dai un occhiata (https://tanusitvany-kecskemet.hu/1). Magari tu vedi meglio, mi sembra tutto a posto.
Finalmente, era questo che volevo. Adesso è perfetto!
Alla fin fine ci siamo capiti ;) Sei stato gentile ad aiutarmi. Grazie mille!Buona giornata!
P.S alla prox se avrò bisogno, chiederò :P
-
Ciao Lemon di nuovo,
Scusa stavo dimenticando a chiederti, se volessi che la prima riga su accordion test rimanesse sempre aperto ( senza collagre ad un link? ) solo come accordion test normale, con la prima voce sempre aperta? Quale sarebbe l'ulteriore codice da inserire per questo? A me piace cosi come , ma visto che siamo nell'argomento accord.test, preferivo domandarti ora.
Cosi lo salverei anche quella variazione di codice, per eventualitá future. Grazie!
-
Questa risposta che già ti avevo dato non è quello che vuoi?
Per quanto riguarda la seconda domanda (sempre se ho capito): all'oggetto in questione non assegni l'ancora (o non usi il prefisso msacc)... non ti va bene? ::) La formattazione degli stili etc... la fai da programma.
Se non riscontri problemi coi tempi, lasciali pure così.
-
ah si è vero, anche in quel modo si puo fare ;)
grazie!
-
Ciao Lemon,
Grazie tutto a posto :D Ho un altra questione non sapevo se scriverlo qui cosi ho aperto in un altro post. Riguardo a quel cavolo di overlay menu, puoi dare un occhiata se si puo fare qualcosa? Senno grazie lo stesso.Buona giornata!
-
Ciao Lemonsong,
Avrei bisogno di ulteriore modifica dello script se è possibile ;-)
Come puoi vedere qui (http://www.mylandestate.com/1) tutto funziona alla grande, pero se vai su menu "megrendeles" oppure "ajanlatkeres" che sono state inserite in una pagina ciascuna di queste , in quel caso l'accordion cliccandoci dalle voci nel footer purtroppo rimangono chiuse e non si aprono come quando stai sulla pagina home. Puoi dirmi se è possibile intervenire che pure su quelle 2 pagine funzionino correttamente con l'apertura cliccandoci il link. Ho cercato di inserire ovunque in ogni pagina lo script , ma non ho risolto purtroppo. Non so come fare perchè non capisco , se sta nel footer come mai cambia per quelle 2 pagine fuori dalla monopagina. Grazie , rimango in attesa
Buon weekend!
-
Premesso che:
- ultimamente ho mollato completamente questo "mondo" fatto di codici etc...
- non mi ricordo se avevo già postato qualcosa del genere
- non ho provato quello che posterò quindi non so se ci saranno conflitti e/o problemi di varia natura
- sicuramente si può fare meglio
Fatte le dovute premesse, prova ad aggiungere questo script (nelle due pagine da te citate) al codice già postato:
//apertura dell'oggetto al caricamento della pagina
var ancora2 = location.hash;
setTimeout(function() {
$('div' + ancora2).siblings('div[id^="imCellStyleTitle_"]').trigger('click');
}, 600); //tempo in millisecondi per ritardare l'apertura dell'oggetto al caricamento della pagina
Se c'è qualcosa che non va non so se avrò più voglia di rimediare, quindi incrocia le dita altrimenti aspetta altri aiuti :)
-
ciao Lemon,
grazie del tuo tempo. ho provato sia nel head che nel body , ma non si aprono cliccando dal footer. eppure ho incrociate le dita ma nulla non lo apre :-( va bene pazienza. se avrai voglia...
grazie e buona domenica
-
Online non vedo lo script che ho postato.
Se lo inserisci magari do un'occhiata.
-
ciao Lemon,
come no? http://www.mylandestate.com/1/megrendeles.html in questa pagina lo trovi. grazie
-
Scusa, ti ho dato un'indicazione sbagliata, lo devi inserire nella pagina http://www.mylandestate.com/1/index.html
Prova, poi vedremo se ci saranno problemi.
-
Grandeeee funziona ! :) grazie Lemonsong
-
Ciao Lemon, scusami se ti disturbo di nuovo, mah...
La mia collega mi ha avvisato che c'è qualcosa che non funziona. Non si apre correttamente sul menu "megrendeles (http://www.mylandestate.com/2/megrendeles.html)" e dal menu "ajanlatkeres (http://www.mylandestate.com/2/ajanlatkeres.html)", cliccando sul footer sulle 1 (http://www.mylandestate.com/2/index.html#msacc01), 2 (http://www.mylandestate.com/2/index.html#msacc02), 5 (http://www.mylandestate.com/2/index.html#msacc03), 6 (http://www.mylandestate.com/2/index.html#msacc04), voci.
Non riesco a capire dove sta il problema e cosa è successo. Aggiornando le pagine qualcosa è saltato? Puo essere?
Eppure ho inserito nella pagina index.html. Sembrava funzionava quando ti ho segnalato, ma sinceramente non stavo navigandoci tra le 3 pagine. Mentre la mia collega a cui era assegnata di controllare , lo ha visto sto casinino.
Il progetto ora è qui con il codice: http://www.mylandestate.com/2 (http://www.mylandestate.com/2) , cosi la collega non vede finche non è a posto ;)
//apertura dell'oggetto al caricamento della pagina
var ancora2 = location.hash;
setTimeout(function() {
$('div' + ancora2).siblings('div[id^="imCellStyleTitle_"]').trigger('click');
}, 600); //tempo in millisecondi per ritardare l'apertura dell'oggetto al caricamento della pagina
Qui http://www.mylandestate.com/3 (http://www.mylandestate.com/2) , ho inserito il progetto fino al funzionamento con click su link dal footer, dove però non si aprivano le voci di accordion (come sul index.html) e senza di quest'ultimo codice.
Potrebbe essere quest'altro codice che dia fastidio? Cosa ne pensi? Ma avevo bisogno di ritardare l'apertura sulla home page pure perchè c'erano problemi con le ancore e non si aprivano sul titolo del menu indicato.
<script>
/* horgonykesleltetes */
$("document").ready(function() {
ritardoK= 3; // = secondi di ritardo
var anchorK = window.location.hash;
if (anchorK != -1){ k= 'index.html';kk=k anchorK;
setTimeout(function() { x5engine.utils.location(kk, null, false);},ritardoK * 200);} });
</script>
Perfavore quando avrai qualche minuti dai un occhiata, puoi vedere perchè sta facendo cosi? Aspetto le tue indicazioni, Grazie!!! :)
Edit by lemonsong: corretto codice con carattere "più" mancante
-
forse non vedi che sta succedendo sulla http://www.mylandestate.com/2/index.html#msacc04 cliccando questo link si colora pure quello di prima.
ecco lo screenshot...(http://www.mylandestate.com/3/sullahome-msacc4-si-colorano-2righe.jpg)
-
Il progetto ora è qui con il codice: http://www.mylandestate.com/2 (http://www.mylandestate.com/2) , cosi la collega non vede finche non è a posto ;)
Attualmente non vedo il codice in quella pagina.
-
prima della chiusura </body> nella pagina index.html dove mi ha indicato di inserire , tra quel codice di prima.
-
http://www.mylandestate.com/2 su questo indirizzo
-
Come già detto, attualmente non vedo il codice in quella pagina.
"Refresha" bene la pagina.
-
eppure lo avevo inserito, ma ora ho mandato il sito completo online, e l'ho controllato adesso è visibile , scusa ma websitex5 chissà a volte che casini combina ;)
-
ma c'e qualcosa che non va, prima su index.html si apriva ed ora nemmeno su quella pagina si aprono quei link del footer , si riportano sopra ma non si aprono , che disastro :(
-
rimesso a posto fino al momento quando tutti i link nel footer indirizzati all'accordion erano funzionanti e lo inserito l'ultimo codice, pero come se non ci fosse.
http://www.mylandestate.com/2
Grazie, attendo ;D
-
Manca il carattere "più" (+) nel codice:
[attachimg=1]
Purtroppo è un vecchio problema del forum. Sicuramente si è perso nei vari copia&incolla.
Comunque in QUESTO (http://www.unofficialwsx5.com/index.php?topic=2337.msg15975#msg15975) mio post è rimasto.
Edit: ho corretto il tuo post con il carattere "più" mancante.
-
Ma roba da matti, Chissà come , facendo copia > incolla su tutto il codice va a perdersi un solo + :o Grazie Lemon , ora funziona ! Cosi lo rimettero nella cartella ../1. perchè la collega possa verificare gli errori dei testi .
Buona giornata :)
-
Ciao Lemon,
Scusami se ti rscrivo di nuovo , ma ... Ecco di quale errore mi avvisavano ed ancora non funziona correttamento adesso sulla home page.
Io non ho fatto caso controllavo solo il codice se funzionava sulle pagine "megrendeles (http://www.mylandestate.com/1/megrendeles.html)" e "ajanlatkeres (http://www.mylandestate.com/1/ajanlatkeres.html)", ed erano funzionanti è sono funzionanti su quelle due pagine.
Pero sul menu "home (http://www.mylandestate.com/1/)", ecco dove si presenta l'errore, l'accordion dovrebbero rimanere tutti blu, tutti chiusi e nessun evidenziatra di colore verde , eppure appena apri la pagina una voce si evidenzia in verde.
In pratica quanto vedo , inserendo correttamente questo ultimo codice con il + $('div' + ancora2), fa sballare l'accoridon sulla home page.
Togliendo quest'ultimo script ritorna tutta la home alla normalità ed i link dal footer si fermano sulle voci dell'accordion , soltanto rimangono chiusi e non aprono.
Puoi dare un occhiata perfavore e dirmi cosa fare? Grazie
-
Proviamo ad inserire la condizione if (ancora2) (colore blu) prima del metodo trigger()
Così:
//apertura dell'oggetto al caricamento della pagina
var ancora2 = location.hash;
setTimeout(function() {
if (ancora2)
$('div' + ancora2).siblings('div[id^="imCellStyleTitle_"]').trigger('click');
}, 600); //tempo in millisecondi per ritardare l'apertura dell'oggetto al caricamento della pagina
-
Ok Lemon, ora sull'index è giusto (http://www.mylandestate.com/1/).
Adesso un unica cosa che non va ...
Se vado su "megrendelés (http://www.mylandestate.com/1/megrendeles.html)" ed in quella pagina clicco il link nel footer si apre e funziona correttamente tutto, però se da li ritorno sull'index rimane aperta stessa voce che avevo aperto stando sulla pagina "megrendelés" :(
Invece accordion dovrebbe essere chiuso sull'index, finche non viene cliccato il link nel footer , che lo apre nuovamente :D Grazie!
-
Questo "problema" forse puoi risolverlo da programma, ma non apro WS da mesi. Ho provato prima ad aprirlo, non mi ricordo più niente e l'ho subito chiuso.
Provo a darti l'ultimo suggerimento "al buio" e se non va o avrai altri problemi, non posso più aiutarti, non ho più voglia di smanettare su 'sta roba.
Probabilmente andrebbe rivisto tutto lo script, ma prova con questo accrocchio che serve per "disabilitare" l'attributo onclick dei link che puntano sulla index.html
Prova ad inserirlo prima della condizione che ti ho scritto nell'ultimo mio post:
$('a[href="index.html"]').prop('onclick', '');
La Home Page si dovrebbe ricaricare quando cliccherai sulla voce del menu corrispondente.
-
Ora è tutto perfetto (http://www.mylandestate.com/1) ;) sei stato Grande! , grazie Lemon per il tuo tempo e per la pazienza di aiutare.
Buon fine settimana!