Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2014
    residenza
    Roma
    Messaggi
    19

    [AJAX] problema generico

    Ciao a tutti.
    supponendo di avere una pagina.
    contenente
    <div class=a> elenco </div>
    <div class=b> link </div>
    come posso fare che cliccando su un link presente in <div class=a> venga richiamata una pagina php per dei calcoli che restituisca l'output in <div class=b>?
    Come esempio potremmo ipotizzare che in class a ci sia il carrello della spesa
    e in class b l'elenco prodotti.

    grazie a tutti.

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, potresti risolvere molto semplicemente con jQueri in questo modo:
    codice:
    $("div.a").click(function(){ $("div.b").load("tuapagina.php") })
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2014
    residenza
    Roma
    Messaggi
    19
    Non mi è molto chiara la cosa. hai qualche esempio leggermente più dettagliato?
    Comunque grazie per la risposta

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Non mi è molto chiara la cosa. hai qualche esempio leggermente più dettagliato?
    Beh il problema è generico. Pensavo volessi una risposta altrettanto generica.

    Questo è un esempio funzionante:
    codice:
    <!DOCTYPE HTML>
    <html>
      <head>
        <title>Esempio</title>
        <meta charset="utf-8">
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script type="text/javascript">
          $(function(){
            $("div.a").click(function(){ $("div.b").load("tuapagina.php") })
          })
        </script>
      </head>
      <body>
        <div class=a>link</div>
        <div class=b></div>
      </body>
    </html>
    Ovviamente devi crearti il file tuapagina.php che ti restituisca quello che vuoi sia visualizzato nel div sotto.
    Per fare una semplice prova puoi anche utilizzare un semplice file di testo.

    Comunque grazie per la risposta
    Figurati.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.