Dopo il caricamento ajax non viene aperta finestra modale

  • Creatore Discussione Creatore Discussione paci
  • Data di inizio Data di inizio

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
 
Ciao, hai un link online da poter visionare?
 
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.
 
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.
 
ho notato che navigando nel calendario perdi il charset nel data-title, la a accentata diventa incomprensibile.
potrebbe dar fastidio al plugin?
 
Non capisco bene, purtroppo il linguaggio tecnico non è il mio forte. Adesso devo andare, ti sarei grato se si potesse riprendere domani. Intanto grazie
 
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
 
Grazie del suggerimento, ho provato, ma come puoi vedere senza successo.
 
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
 
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