• Home
  • Forum
  • Fare Web
  • Javascript
  • Ajax

Dopo il caricamento ajax non viene aperta finestra modale

  • Creatore Discussione Creatore Discussione paci
  • Data di inizio Data di inizio 12 Apr 2014
P

paci

Nuovo Utente
7 Feb 2010
11
0
0
  • 12 Apr 2014
  • #1
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.606
54
48
TN
  • 14 Apr 2014
  • #2
Ciao, hai un link online da poter visionare?
 
P

paci

Nuovo Utente
7 Feb 2010
11
0
0
  • 14 Apr 2014
  • #3
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.
 
P

paci

Nuovo Utente
7 Feb 2010
11
0
0
  • 14 Apr 2014
  • #4
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.606
54
48
TN
  • 14 Apr 2014
  • #5
ho notato che navigando nel calendario perdi il charset nel data-title, la a accentata diventa incomprensibile.
potrebbe dar fastidio al plugin?
 
P

paci

Nuovo Utente
7 Feb 2010
11
0
0
  • 14 Apr 2014
  • #6
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.606
54
48
TN
  • 14 Apr 2014
  • #7
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
 
P

paci

Nuovo Utente
7 Feb 2010
11
0
0
  • 15 Apr 2014
  • #8
Grazie del suggerimento, ho provato, ma come puoi vedere senza successo.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 15 Apr 2014
  • #9
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
 
P

paci

Nuovo Utente
7 Feb 2010
11
0
0
  • 15 Apr 2014
  • #10
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
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

R
Cambiare il nome dell'immagine dopo caricamento ftp
  • romeocharly62
  • 27 Mar 2021
  • HTML e CSS
Risposte
0
Visite
635
HTML e CSS 27 Mar 2021
romeocharly62
R
B
[PHP] Copiare testo da iframe dopo il caricamento?
  • blacktazaar
  • 10 Apr 2017
  • PHP
Risposte
1
Visite
2K
PHP 10 Apr 2017
blacktazaar
B
G
[Javascript] rendere visibile un iframe dopo l'avvenuto caricamento del video che esso contiene
  • giorgiasipione
  • 26 Ott 2016
  • Javascript
Risposte
4
Visite
2K
Javascript 27 Ott 2016
giorgiasipione
G
S
Generare pagina dopo il caricamento di un dato
  • Soulfearor
  • 25 Feb 2015
  • PHP
Risposte
6
Visite
2K
PHP 2 Mar 2015
Soulfearor
S
M
Disabilitare pulsante immagine dopo click
  • Max61
  • 3 Set 2024
  • PHP
Risposte
1
Visite
272
PHP 3 Set 2024
Max61
M
P
Access: recuperare Indice dopo un insert into
  • psicona
  • 18 Nov 2023
  • MS Access
Risposte
0
Visite
1K
MS Access 18 Nov 2023
psicona
P
U
PHP creare un file excel dopo ricerca nel DB
  • Umberto Federico
  • 15 Giu 2022
  • PHP
Risposte
0
Visite
1K
PHP 15 Giu 2022
Umberto Federico
U
Intercettare form solo dopo invio
  • nivaria.achinet
  • 29 Apr 2022
  • Javascript
Risposte
1
Visite
1K
Javascript 30 Apr 2022
otto9due
G
Il mio sito dopo aver abilitato l'ssl non visualizza le immagini con indirizzi senza ssl
  • giuliox13
  • 20 Feb 2022
  • HTML e CSS
Risposte
0
Visite
1K
HTML e CSS 20 Feb 2022
giuliox13
G
M
Form: come tornare ai campi già compilati dopo invio
  • Marcello_php
  • 16 Ago 2021
  • PHP
Risposte
1
Visite
1K
PHP 17 Ago 2021
zorro
L
Mysql: Nascondere le pagine dopo una ricerca
  • lucign0l0
  • 21 Apr 2021
  • PHP
Risposte
1
Visite
1K
PHP 21 Apr 2021
Tommy03
M
Inviare dati nel db dopo risposta alert
  • Max61
  • 31 Mar 2021
  • PHP
Risposte
0
Visite
1K
PHP 31 Mar 2021
Max61
M
C
Dopo chiusura del tag php la stringa html va a capo
  • carlo.c
  • 3 Mar 2021
  • PHP
Risposte
1
Visite
1K
PHP 4 Mar 2021
carlo.c
C
S
Download di un file in automatico dopo la sua creazione
  • samurai.sette
  • 2 Mar 2021
  • PHP
Risposte
2
Visite
1K
PHP 3 Mar 2021
samurai.sette
S
D
Lenovo Schermo nero dopo ram aggiuntiva
  • Domenico2013
  • 7 Gen 2021
  • Hardware
Risposte
0
Visite
1K
Hardware 7 Gen 2021
Domenico2013
D
R
Reinderizzamento dopo login
  • rino2002
  • 13 Lug 2020
  • PHP
Risposte
2
Visite
1K
PHP 13 Lug 2020
rino2002
R
[JQuery] Append dopo ultimo ul li del primo livello
  • felino
  • 11 Giu 2020
  • jQuery
Risposte
2
Visite
3K
jQuery 12 Giu 2020
felino
Y
  • Bloccata
verificare condizione dopo esecuzione della funzione
  • ylenia987654321
  • 9 Giu 2020
  • Programmazione
Risposte
0
Visite
1K
Programmazione 9 Giu 2020
ylenia987654321
Y
M
errore dopo passaggio Php 7.2
  • merlino68
  • 31 Mag 2020
  • PHP
Risposte
6
Visite
2K
PHP 2 Giu 2020
merlino68
M
Reindirizzare a nuova pagina dopo echo copy
  • Cosina
  • 6 Mag 2020
  • PHP
Risposte
4
Visite
1K
PHP 7 Mag 2020
Cosina
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • Javascript
  • Ajax
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?