[risolto] Script ajax per form e mappe

marcoint

Utente Attivo
8 Gen 2014
58
0
0
Salve ragazzi ho un problema con forme mappe cliccabili. Allora un pò di tempo fa mi aiutaste a trovare una chiamata ajax che aprisse tutti i link nella div main. Questa funziona benissimo:
Codice HTML:
<script type="text/javascript">
$(document).ready(function() {
// assegno un evento sulla pressione di uno qualsiasi dei link del menù
$('a').click(function(e) {
// evito che apra nel div anche la home
if ($(this).attr('href') == "index.html")
{
return;
}
// prevengo il funzionamento normale del browser che mi rimanderebbe all'url del link
e.preventDefault();
// effettuo invece una richiesta in ajax grazie a quella url
$.get($(this).attr('href')).done(function(data) {
// in caso di riuscita scrivo il responso nel div main
$('.main').html(data);
});
});
});

</script>
Ora però sul mio sito ho la necessità di usare mappe cliccabili, e form che in particolare indirizzano ad un altra pagina .PHP e che ovviamente ora come ora si aprono su altre schede. C'è una possibilità di modificare questo script per adattarlo e per farlo funzionare oltre che per i link anche per le immagini cliccabili e per l'invia dei form? Altrimenti bisognerebbe fare un altro script apposito? In entrambi i casi non saprei come fare quindi aspetto il vostro aiuto. Grazie milleee.
 

flameseeker

Utente Attivo
27 Nov 2013
699
0
0
Per quanto riguarda le mappe cliccabili, assunto che tu le abbia create con i tag <map> e <area>, dovresti poter risolvere modificando solo il selettore dello script, in questo modo:

Codice:
$('a,area').click(function(e) {

Per quanto riguarda i form è un peletto più complesso, serve che ne posti uno di esempio per poter riadeguare il codice.
 

marcoint

Utente Attivo
8 Gen 2014
58
0
0
Il form è semplicemente un form che passa due date ad una pagina .php. E io voglio che quella pagina si apra nel div main della mia pagina. Come posso fare?
 

marcoint

Utente Attivo
8 Gen 2014
58
0
0
Guarda il form che devo utilizzare è proprio quello che mi hai creato tu :
PHP:
<form name="dateEventi" method="GET" action="prova.php" target="_self"> 
<!--A PARTIRE DA--> 
DA 
<select name="giornoDA"> 
<?php for ($i = 1; $i <= 31; ++$i):  
            $giorno = str_pad($i, 2, '0'); 
?> 
   <option value="<?php echo $giorno; ?>"<?php echo !empty($_GET['giornoDA'])&&$giorno==$_GET['giornoDA']? ' selected':''; ?>><?php echo $giorno; ?></option> 
<?php endfor; ?> 
   </select> 
   
  <select name="meseDA"> 
<?php for ($i = 1; $i <= 12; ++$i):  
            $mese = str_pad($i, 2, '0'); 
?> 
   <option value="<?php echo $mese; ?>"<?php echo !empty($_GET['meseDA'])&&$mese==$_GET['meseDA']? ' selected':''; ?>><?php echo $mese; ?></option> 
<?php endfor; ?> 
  </select> 
    
   <select name="annoDA"> 
<?php for ($i = date('Y', strtotime('2013-01-01')); $i <= date('Y'); ++$i): ?> 
   <option value="<?php echo $i; ?>"<?php echo !empty($_GET['annoDA'])&&$i==$_GET['annoDA']? ' selected':''; ?>><?php echo $i; ?></option> 
<?php endfor; ?> 
  </select> 
  <br> 
  <!--FINO A--> 
  A 
  <select name="giornoFINO"> 
<?php for ($i = 1; $i <= 31; ++$i):  
            $giorno = str_pad($i, 2, '0'); 
?> 
   <option value="<?php echo $giorno; ?>"<?php echo !empty($_GET['giornoFINO'])&&$giorno==$_GET['giornoFINO']? ' selected':''; ?>><?php echo $giorno; ?></option> 
<?php endfor; ?> 
   </select> 
  <select name="meseFINO"> 
<?php for ($i = 1; $i <= 12; ++$i):  
            $mese = str_pad($i, 2, '0'); 
?> 
   <option value="<?php echo $mese; ?>"<?php echo !empty($_GET['meseFINO'])&&$mese==$_GET['meseFINO']? ' selected':''; ?>><?php echo $mese; ?></option> 
<?php endfor; ?> 
  </select> 
  
    <select name="annoFINO"> 
<?php for ($i = date('Y', strtotime('2013-01-01')); $i <= date('Y'); ++$i): ?> 
   <option value="<?php echo $i; ?>"<?php echo !empty($_GET['annoFINO'])&&$i==$_GET['annoFINO']? ' selected':''; ?>><?php echo $i; ?></option> 
<?php endfor; ?> 
  </select> 
<input type=submit value=Invia> 
</form> 
</body> 
</html>

Per quanto riguarda le mappe cliccabili ha funzionato come hai detto tu. Speriamo che riesci a risolvermi anche questo grazie mille :)
 

flameseeker

Utente Attivo
27 Nov 2013
699
0
0
Perfetto, allora questo dovrebbe fare al caso tuo:

Codice:
// Rintracciamo l'evento submit del form
$('form[name="dateEventi"]').submit(function(){

    // Quando inviato, creiamo invece una richiesta asincrona
    // inviando in get i dati valorizzati nel form
    $.get($(this).attr('action'), $(this).serialize())
        .done(function(data){
            // al completamento della richiesta scriviamo il responso nel div main
            $('.main').html(data);
        });

    // ritornando false interrompiamo lo svolgimento normale del submit
    // che altrimenti ci manderebbe alla pagina specificata nell'action
    return false;
});

Ti ho spiegato il funzionamento del codice tramite i commenti, fammi sapere se è tutto ok ;)
 
Discussioni simili
Autore Titolo Forum Risposte Data
elpirata [Risolto] Gestione Prenotazioni script php PHP 25
IImanuII [risolto] Sito lentissimo, è il mio script? PHP 6
ivarello [RISOLTO] Perdita dei script dentro al div refreshato jQuery 3
A [RISOLTO] Script per il login PHP 8
L (risolto) MySQL 0
B getElementById su piu id(Risolto) Javascript 6
L Esercitarsi con Js [RISOLTO] Javascript 4
C [RISOLTO]Inserimento variabile php in input html PHP 20
L risolto visualizzazione e ordinamento dati PHP 1
moustache [RISOLTO] SQL PHP IIS PHP 8
Sergio Unia Ricezione email con destinatari multipli [Risolto] PHP 2
L update tabelle in php mysql [risolto] PHP 6
M Semplice visualizzatore di immagini [risolto con plugin wp] PHP 7
L [RISOLTO] Stampa a video risultato count in html PHP 13
L [RISOLTO] Eliminare una discussione creata PHP 3
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
A [PHP] Problema query insert [RISOLTO] PHP 14
B [PHP] recuperare IP dei server in load balancing [RISOLTO] PHP 3
K [RISOLTO] Problema Griglia Php+Mysql PHP 13
S [RISOLTO] aggiorna tabella da select option asp classic Classic ASP 7
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
elpirata [RISOLTO][Mysql] Problema insert valori apostrofati MySQL 1
elpirata [RISOLTO][Mysql] Contare le occorrenze in un campo tipo varchar MySQL 2
G [MS Access] Gestione biglietti [RISOLTO] MS Access 2
G [MS Access] Casella combinata & Query [RISOLTO] MS Access 4
G [MS Access] Query mese corrente con conteggio [RISOLTO] MS Access 2
M [RISOLTO]Windows media player non mi funziona più su win 10 pro 64 bit Windows e Software 2
C [RISOLTO][PHP] Errore di sintassi PHP 8
IT9-Gpp [RISOLTO] Leggere variabile restituita da success Ajax 3
Kolop [RISOLTO][PHP] Problema Pagination PHP 2
C [RISOLTO][PHP] Funzione ONclick PHP 14
C [RISOLTO][PHP] Conteggio righe di una tabella PHP 4
N [PHP] Utilizzo variabili di sessione [Risolto] PHP 13
Tommy03 [RISOLTO][PHP] Webserver o devserver? PHP 2
Sergio Unia Recupero dati da una vecchia versione MySql [Risolto] MySQL 4
spider81man [PHP] Problemi cancellazione dato su DB [RISOLTO] PHP 1
A [RISOLTO]Inserimento Immagini da pc a MySql PHP 15
A [PHP] RISOLTO Invio Mail con Tabella PHP 2
felino Risolto - [Wordpress][WooCommerce] PayPal Checkout e campi di fatturazione WordPress 2
elpirata [PHP][RISOLTO] Sommare gli importi estratti da un ciclo while PHP 3
elpirata [PHP][RISOLTO] Effettuare la somma dei tempi di lavorazione PHP 3
elpirata [PHP] [RISOLTO]Sovrascrivere testo in una tabella PHP 2
A [RISOLTO]Recuperare dati inviati con json tramite php PHP 4
C [RISOLTO][PHP] Passaggio variabili senza refresh di pagina PHP 7
elpirata [PHP][RISOLTO] Errore di tipo Notice: Undefined index - Come risolvere quando si hanno tante var PHP 10
S Problema in PHP per invio file XML - RISOLTO- PHP 8
A [Javascript] [RISOLTO] Doppio "submit", in uno stesso "Form" , che puntino ad "action" diversi Javascript 1
marino51 [Risolto]videochat di messenger ha smesso di funzionare sul telefonino Smartphone e tablet 1
A [Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over Javascript 9
ken_korn [Javascript][Risolto] browser.tab.Tabs.favIconUrl non funziona Javascript 5

Discussioni simili