Dopo il caricamento ajax non viene aperta finestra modale

paci

Nuovo Utente
7 Feb 2010
11
0
0
Salve a tutti, premetto che mastico poco javascript.
Il mio problema è questo: ho un calendario su una pagina che carica informazioni da un DB, se in corrispondenza di un giorno ci sono informazioni, viene creato un link che apre una finetra modale utlizzando la lbreria "lytebox" contenente la pagina con le informazioni.
Lo scorrimento dei mesi del calendario lo faccio con ajax, lo script è questo:
Codice:
$(document).ready(function(){
  $('#indietro a').click(function(e) {
    var url = $(this).attr('href');
    $('#SpazioCalendario').load(url);
    e.preventDefault();
  });
});
$(document).ready(function(){
  $('#avanti a').click(function(e) {
    var url = $(this).attr('href');
    $('#SpazioCalendario').load(url);
    e.preventDefault();
  });
});
Alla prima lettura della pagina la finestra modale viene aperta correttamente, ma dopo lo scorrimento ajax la pagina delle informazioni viene aperta come se avesse un tag "_top" ho cercato molto su Internet, ma purtroppo senza successo.
Qualcuno potrebbe essere così gentile da aiutarmi?
Prego di non utilizzare linguaggi troppo tecnici e ringrazio anticipatamente
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, hai un link online da poter visionare?
 

paci

Nuovo Utente
7 Feb 2010
11
0
0
Purtroppo no sto provando sul mio computer, comunque spero di aver risolto sostituendo la finestra lytebox con una finestra modale jquery.
Comunque grazie, se ho problemi riapro la discussione.
 

paci

Nuovo Utente
7 Feb 2010
11
0
0
Ciao ciric.
Siccome ho qualche difficoltà anche con la prova che stavo facendo.
questo è l'URL di una pagina di prova: http://www.liceosansepolcro.it/home/calendarioAiax4.asp
Nel codice al posto di "$" troverai "NoConflittoCal" perché lo script jquery deve girare assieme ad un altra libreria.
Ti ringrazio anticipatamente dell'aiuto che mi vorrai dare.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
ho notato che navigando nel calendario perdi il charset nel data-title, la a accentata diventa incomprensibile.
potrebbe dar fastidio al plugin?
 

paci

Nuovo Utente
7 Feb 2010
11
0
0
Non capisco bene, purtroppo il linguaggio tecnico non è il mio forte. Adesso devo andare, ti sarei grato se si potesse riprendere domani. Intanto grazie
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Vedi se riesci a togliere la a accentata da qui
Codice:
data-title="Attività del giorno 10"
sostituiscila con una a normale o con niente e prova a vedere se il problema era quello
 

paci

Nuovo Utente
7 Feb 2010
11
0
0
Grazie del suggerimento, ho provato, ma come puoi vedere senza successo.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Andiamo per tentativi, questo script
Codice:
var NoConflittoCal = jQuery.noConflict();
NoConflittoCal(document).ready(function(){
NoConflittoCal('#indietro a').click(function(e) {
var url = NoConflittoCal(this).attr('href');
NoConflittoCal('#SpazioCalendario').load(url);
e.preventDefault();
});
});
NoConflittoCal(document).ready(function(){
NoConflittoCal('#avanti a').click(function(e) {
var url = NoConflittoCal(this).attr('href');
NoConflittoCal('#SpazioCalendario').load(url);
e.preventDefault();
});
});
che sta sotto la tabella, navigando nel calendario sparisce
Vedi se riesci a metterlo nella head in modo che sia sempre presente
 

paci

Nuovo Utente
7 Feb 2010
11
0
0
Ho fatto il tentativo, ma come puoi vedere dalla pagina on-line, nessun risultato.
Nel frattempo ho fatto un altro tentativo aprendo le finestre modali con uno script che ho scaricato da questa pagina http://www.scriptiny.com/2011/03/javascript-modal-windows/ invece che con la libreria "lytebox" e tutto sembra funzionare come puoi vedere da un'altra pagina di prova: http://www.liceosansepolcro.it/home/default2.asp.
Comunque grazie, sei veramente gentile. Se poi ti interessa la cosa e continuare per tentativi fino a raggiungere il risultato anche con lytebox, sono disponibile.
Ciao
 
Discussioni simili
Autore Titolo Forum Risposte Data
B [PHP] Copiare testo da iframe dopo il caricamento? PHP 1
G [Javascript] rendere visibile un iframe dopo l'avvenuto caricamento del video che esso contiene Javascript 4
S Generare pagina dopo il caricamento di un dato PHP 6
L Mysql: Nascondere le pagine dopo una ricerca PHP 1
M Inviare dati nel db dopo risposta alert PHP 0
C Dopo chiusura del tag php la stringa html va a capo PHP 1
S Download di un file in automatico dopo la sua creazione PHP 2
D Lenovo Schermo nero dopo ram aggiuntiva Hardware 0
R Reinderizzamento dopo login PHP 2
felino [JQuery] Append dopo ultimo ul li del primo livello jQuery 2
Y verificare condizione dopo esecuzione della funzione Programmazione 0
M errore dopo passaggio Php 7.2 PHP 6
Cosina Reindirizzare a nuova pagina dopo echo copy PHP 4
C finestra popup dopo login PHP 2
M Guestbook - non funziona dopo upgrade di PHP PHP 5
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
S [PHP] Come mantenere selezionato checkbox dopo aver cliccato submit PHP 7
B [PHP] Creare PDF dopo inserimento dati form PHP 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
bubino8 [Javascript] popup di controllo elimina dopo window.print(); Javascript 0
D [HTML] scorrimento dopo un'aggiunta di dati HTML e CSS 5
M [PHP] header (location..) non funzionante dopo login PHP 3
L [PHP] Visualizzare utente dopo login PHP 0
andreas88 Immagini non leggibili dopo trasferimento alla scheda SD Smartphone e tablet 0
W [Prestashop] Non accedo più dopo la copia da remoto a locale E-Commerce 7
M [Javascript] Aggiornare like totali dopo click Javascript 0
B [PHP] Invio mail automatico dopo compilazione form - db PHP 25
Tommy03 Generare file PHP dopo registrazione PHP 2
N [Java]problema jasper report dopo compilazione file .jar Java 0
D [PHP] script che invii una mail automatica dopo risposta ad una discussione di un forum PHP 0
A [PHP] Undefined index dopo query dal server PHP 1
D [Javascript] [HTML] Inserire slash dopo 3 numeri Javascript 5
Y [PHP] Errore di login dopo aver inserito Codice AdSense PHP 0
D Errori dopo installazione certificato SSL in Wordpress WordPress 0
R RI-Approccio dopo anni - PHP PHP 6
otto9due GDPR 25 Maggio - script per attivare analytics, facebook ecc.. dopo il consenso. jQuery 14
G [PHP] convertire data in formato italiano dopo query PHP 6
felino [Wordpress][WooCommerce] PayPal: nessun notifica email dopo il pagamento WordPress 1
paloppa [PHP] Campi che appaiono dopo aver compilato un determinato campo PHP 7
T [PHP] impedire un doppio INSERT INTO dopo reload della pagina PHP 3
Fredyss redirect a altra pagina php dopo commit su postgresql con PDO PHP 1
gaspare490 E dopo anni mi sono iscritto Presentati al Forum 1
trattorino [Javascript] FAR sparire campo dopo top caratteri Javascript 2
L Come caricare <iframe> dopo il click ad un immagine, per migliorare le prestazioni. Discussioni Varie 0
eraclio666 [PHP] Input text dopo sue select PHP 4
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
M alert dopo aggiornamento automatico pagina php PHP 4
A Modifiche a CSS recepite solo dopo cambio nome cartella HTML e CSS 2
P [Javascript] eseguire una funzione dopo un'altra Javascript 0
M [PHP] A capo dopo if PHP 2

Discussioni simili