+ Rispondi al messaggio
Visualizzazione dei risultati da 1 a 5 su 5

Autoscrolling in pagine dinamiche

  1. #1
    L'avatar di Domenico_Falco1
    Domenico_Falco1 non è in linea Scolaretto
    Buona sera

    Sto creando un sito con pagine dinamiche usando una funzione ajax, cioè quando clicco su un button questo mi passa il codice contenuto in un'altro file html e così la pagina iniziale si aggiorna senza refresh, la funzione che uso è questa :

    <script>
    function SetHtmlAjax(id, name){
        $.ajax({
         type: "GET",
         dataType: "html",
         cache: false,
         url: name,
         data: "",
         success: function(msg){
            $('#'+id).html(msg);    
    
    }
         });
    
    }
    </script>
    
    e per il button ho questo codice :

    codice HTML:
    <button class="pulsante1g"  name="PRESENTAZIONE.html" onclick="SetHtmlAjax('container', 'PRESENTAZIONE.html')">Chi Siamo</button>
    ho notato che quando clicco sul button la pagina si aggiorna ma essendo il button inserito a metà pagina, la visualizzazione rimane in quel punto, io vorrei che la pagina scorresse verso l'alto dopo essersi aggiornata cliccando sul button.

    Teoricamente deve essere inserito un scrollTop nella funzione riportata sopra, c'è qualche sito dove posso leggere come si fa o qualche esempio o qualche vostra spiegazione ?

    Grazie come sempre per le vostre risposte.

    Saluti

    Domenico
    ℹ️ Leggi di più su Domenico_Falco1 ...

  2. #2
    L'avatar di Domenico_Falco1
    Domenico_Falco1 non è in linea Scolaretto
    Non piace questa mia domanda ?
    ℹ️ Leggi di più su Domenico_Falco1 ...

  3. #3
    L'avatar di _alka_
    _alka_ non è in linea Very Important Person
    Quote Originariamente inviato da Domenico_Falco1 Visualizza il messaggio
    Teoricamente deve essere inserito un scrollTop nella funzione riportata sopra, c'è qualche sito dove posso leggere come si fa o qualche esempio o qualche vostra spiegazione ?
    Vedi .scrollTop() di JQuery.
    ℹ️ Leggi di più su _alka_ ...

  4. #4
    L'avatar di Domenico_Falco1
    Domenico_Falco1 non è in linea Scolaretto
    Buon pomeriggio e grazie della risposta, ho letto e poi anche trovato un altro esempio pure illuminante eccolo :
    codice HTML:
    <html>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
        <script>
            $(document).ready(function (){
                $("#click").click(function (){
                    $('html, body').animate({
                        scrollTop: $("#div1").offset().top
                    }, 2000);
                });
            });
        </script>
        <div id="div1" style="height: 1000px; width 100px">
            Test
        </div>
        <br/>
        <div id="div2" style="height: 1000px; width 100px">
            Test 2
        </div>
        <button id="click">Click me</button>
    </html>
    e l'ho provato e funziona benissimo chiaramente...

    tornando alla mia necessità, ho questa funzione per lo spostamento di pagine dinamiche

    <script>
    function SetHtmlAjax(id, name){
        $.ajax({
         type: "GET",
         dataType: "html",
         cache: false,
         url: name,
         data: "",
         success: function(msg){
            $('#'+id).html(msg);    
    
    }
         });
    
    }
    </script>
    
    che attivo passando le variabili opportune con questi input :

    <input type="image"   name="PRESENTAZIONE.html" src="CHISIAMO.gif" alt="azienda" onclick="SetHtmlAjax('container', 'PRESENTAZIONE.html')"/>
    
    <input type="image"  name="TERRITORI.html" src="TERRITORIONUOVO.gif" alt="azienda" onclick="SetHtmlAjax('container', 'TERRITORI.html')"/>
    
    Non sono bravo in questo linguaggio purtroppo, vorrei che quando clicco sul'immagine a parte la funzione SetHtmlAjax(id, name), si attivasse anche quella dello scroll, ma non so come far passare i parametri ogni volta diversi

    Spero di essere stato chiaro e se possibile almeno un esempio.

    Grazie.
    ℹ️ Leggi di più su Domenico_Falco1 ...

  5. #5
    L'avatar di Domenico_Falco1
    Domenico_Falco1 non è in linea Scolaretto
    Bastava aggiungere il codice :

    codice HTML:
    window.scrollTo(0, 0);
    sotto la riga :
    $('#'+id).html(msg);
    
    della funzione :
    function SetHtmlAjax(id, name).

    Saluti.
    ℹ️ Leggi di più su Domenico_Falco1 ...

+ Rispondi al messaggio

Potrebbero interessarti anche ...

  1. liste dinamiche in C++
    Da el cuba libre nel forum C/C++
    Risposte: 0
    Ultimo Post: 14-04-2011, 15:58
  2. combobox dinamiche
    Da gusic89 nel forum Visual Basic 6
    Risposte: 12
    Ultimo Post: 28-12-2008, 20:09
  3. Pagine Dinamiche Php Su Cdrom
    Da ritademarco nel forum PHP
    Risposte: 1
    Ultimo Post: 17-01-2008, 19:12
  4. [VB6/Jet]Query dinamiche
    Da cippalippa nel forum Altri Database Server
    Risposte: 2
    Ultimo Post: 27-01-2006, 18:07
  5. Connessioni ADO dinamiche
    Da cippalippa nel forum Visual Basic 6
    Risposte: 3
    Ultimo Post: 06-01-2006, 11:24