Chiusura (alternativa) finesta ShowBox 
Author: Claudio G.Buongiorno,
mi servirebbe un consiglio a riguardo di questo...
Apro, utilizzando un link interno da una pagina del sito, una finesta in stile ShowBox. Il contenuto del testo da visualizzare viene posto all'interno delle dimensioni che ho impostato io nelle opzioni previste dall'oggetto stesso ma, la X per la chiusura della finestra viene sempre posta in altro a destra dello schermo. La posizione, visto il contenuto del testo piuttosto ridotto, risulta scomada da raggiungere quindi, ho provato a inserire nel testo il seguente codice: <a href=javascript: onClick="window.close();">Chiudi</a> (ovviamente con opzione abilita codice html) ma non funziona.. in pratica la finestra non si chiude.
Domanda, è sbagliato (credo di sì) il codice che ho usato io (che funziona perfettamente, però, se dovessi usare una finestra di PopUp? E' possibile inserire, in posizione più comoda (appena alla fine del testo visualizzato) una immagine (tipo "X") che consenta la chiusura della finestra senza utilizzare il pulsante X in alto a destra? Se sì.. come faccio? Ovvero codice da usare e link per l'immagine? Grazie per l'aiuto.
inserisci in fondo alla pagina un oggetto html così
HTML
<button onclick="self.close()">Chiudi finestra</button>
CSS
button {
width: 35em;
padding: .10em;
color: #00FF00;
text-shadow: 1px 1px 1px #000;
border: solid thin #882d13;
-webkit-border-radius: .7em;
-moz-border-radius: .7em;
border-radius: .7em;
-webkit-box-shadow: 2px 2px 3px #999;
box-shadow: 2px 2px 2px #bbb;
background-color: #ce401c;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#e9ede8), to(#ce401c),color-stop(0.4, #8c1b0b));
}
variando i paramtri delle dimensioni e del colore come preferisci
Author
Grazie Massimo ma, complice probabilmente la mia ignoranza succede che.. se uso solo il codice <button onclick="self.close()">Chiudi finestra</button> Visualizzo un bottone e il bottone funziona chiudendomi la finestra. Se, invece, aggiungo in un oggetto HTML tutto il codice (copia-incolla) che mi hai indicato, visualizzo bottone e codice in chiaro... cosa, dove sbaglio? Grazie
nell'oggetto HTML devi inserire il codice HTML, mentre la sezione CSS devi metterla nella sezione esperto e serve a formattare il pulsante.
se ti va bene il pulsante grigio standard puoi mettere solo la prima riga, la funzione <button onclick> nell'oggetto HTML
Author
Ho provato adesso ma, il codice NON funziona, la finestra ShowBox NON si chiude.... (a parte il discorso del codice visibile o meno che è un'altra cosa)
Author
Allora il discorso codice l'ho risolto grazie alle tue indicazioni, adesso visualizzo un "bel" pulsante con sfondo rosso e scritte verdi (che personalizzerò) ma il clic non funziona, e la finesta SHOWBOX non si chiude. La devo per forza chiudere con il pulsante X in alto a destra....
a me funziona, non so che dirti.
Segui il top, stasera posto un esempio
Author
OK grazie... però prova a fare così (se puoi) Io apro una pagina normale. In quella pagina è presente un link che mi apre un'altra pagina (sempre presente nel sito) in modalità ShowBox. Nel contenuto di questa pagina showbox (che non ha la formattazione normale come le pagine del sito) volevo aggiungere il comando di chiusura (per chiuderla, adesso, si deve per forza utilizzare la X presente in altro a destra... Ho aggiunto il tuo codice, tutto ok a livello di visualizzazione ma, la shoebox non si chiude... o meglio se la apro nel preview del programma funziona ma, se la apro utilizzando il link della pagina principale, non va....
https://www.works1.eu/test1/
funziona sia con firefox che chrome. non ho provato altri browser ma non credo ci siano problemi
...!... non può funzionare con lo showbox, che fa parte della stessa finestra...!...
... non si può fare, ...ma!(*) ...se ti piace far da te e sai programmare puoi documentarti sulle funzioni JavaScript LocalStorage() , (o simile in ActionScript sharedobject()-Flash!)...
... altrimenti devi usare le tradizionali PopUp JS, semplici ed immediate già da programma ...
(*) - alternativa semplice se si conosce il programma potrebbe essere quella di modificare misure e posizione della [X], oppure di iniettare un div-custom nello showbox; ...l'idea è quella, ma non posso dirti altro perchè sono senza strumenti...
.
Author
Allora... grazie a Massimo e grazie a KolAsim...
Per Massimo, mi sa che nonostante i miei sforzi di spiegarmi, non ci sono riuscito (KolAsim, invece ha capito il problema)... il tuo esempio chiude una finesta normale, e per questa funzione non avevo problemi... il fatto è che io devo chiudere una finestra ShowBox, e una finessta ShowBox NON si chiude con il codice che hai postato tu e con il quale hai fatto l'esempio (del quale, ti ringrazio ancora una volta).
Per KolAsim... ovviamente farò chiudere la finesta da apposito pulsante X in alto a destra... mi sembra una cosa molto buona e giusta!
Saluti a tutti!