Scroll div caricato con ajax

[semolino]

Nella mia pagina carico dei contenuti con ajax e in un caso devo caricare del testo da scrollare; utilizzo questo esempio di HTML
click
se testo il file ovviamente funziona... se lo carico nella mia pagina, non mi da le icone ma la barra di scroll verticale.
Premetto che il file .js sta nella stessa directory della index che richiama il body onload e il file js
mentre le icone sono in root/image/
e il file che contiene il contenuto e quindi il div content è in root/boxes/

Secondo voi può essere per questo?
se testo i contenuti nella index invece, non mi compare la barra ma le icone non si vedono, anche se passando in teoria nella zona in cui dovrebbero esserci, mi funziona lo scroll...

[pietro09]

:master: è difficile rispondere senza codice. Comunque, ho fatto la prova:

ho scaricato i files e li ho messi in una directory

nella pagina scrollerdiv.html ho aggiunto un link per caricare un testo via ajax

Carica file con ajax


la funzione carica_file() è banale (come da esempio)

function carica_file()
{
    ajax("a.aspx?comando_ajax=1", onload);
    function onload()
    {
        var t = this.request.responseText;
        $("scrolldiv").innerHTML = t;
        initScroller('scrolldiv');
    }
}

il codice server è semplice (lo metto solo per completezza, anche se non serve)

<script runat="server">
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
        Dim comando_ajax As String = RequestParams("comando_ajax")
        If comando_ajax = "1" Then
            Dim s As String = "<pre>" _
                & File.ReadAllText("C:\Documenti\Visual Studio 2005\Projects\gdi\gdi\img.cs") _
                & "</pre>"
            Response.Clear()
            Response.Write(s)
            Response.End()
        End If
    End Sub
</script>

[semolino]

scusa ma nonho capito la tua risposta... io non ho problemi a caricare i contnuti con ajax, ho problemi con l'esempio dello scroll che, una volta caricato, non mi mostra le icone per lo scorrimento.
Il codice ajax che uso in ogni caso è:

function caricaTesto(nomeFile) {

  // variabili di funzione
  var
    // assegnazione oggetto XMLHttpRequest
    ajax = assegnaXMLHttpRequest(),
    // assegnazione elemento del documento
    elemento = prendiElementoDaId("content"),
    // risultato booleano di funzione
    usaLink = true;
  
  // se l'oggetto XMLHttpRequest non è nullo
  if(ajax) {
    // il link al file non deve essere usato
    usaLink = false;

    // impostazione richiesta asincrona in GET
    // del file specificato
    ajax.open("get", nomeFile, true);

    // rimozione dell'header "connection" come "keep alive"
    ajax.setRequestHeader("connection", "close");

    // impostazione controllo e stato della richiesta
    ajax.onreadystatechange = function() {
      
      // verifica dello stato
      if(ajax.readyState === readyState.COMPLETATO) {
        // verifica della risposta da parte del server
        if(statusText[ajax.status] === "OK")
          // operazione avvenuta con successo
          elemento.innerHTML = ajax.responseText;
        else {
          // errore di caricamento
          elemento.innerHTML = "Impossibile effettuare l'operazione richiesta.
";
          elemento.innerHTML += "Errore riscontrato: " + statusText[ajax.status];
        }
      } 
    }

    // invio richiesta
    ajax.send(null);
  }
   
  return usaLink;
} 

Secondo me il problema sta nel body onload che utilizza il file di esempio. Io per forza di cose lo metto nella index. Ma caricando i contenuti successivamente con ajax può esssere che non viene interpretato? Per quanto ne capisco di script, questo body onload (v. es. link html) è proprio quello che si occupa delle icone...

[pietro09]

Probabilmente non hai guardato bene il codice che ti ho mandato Quello che chiedi lo fanno questo due istruzioni:

$("scrolldiv").innerHTML = this.request.responseText;
initScroller('scrolldiv');



la prima mette nel div la risposta alla richiesta ajax

la seconda inizializza lo scroller


Questo è un altro esempio di come la funzione che usi non sia adeguata . Io ti consiglio sempre prototype.

[semolino]

Ok, ho incluso il file di prototype...
Ma la funzione che mi hai scritto CaricaFile() è da mettere o è inclusa nel prototype?

function carica_file()
{
    ajax("a.aspx?comando_ajax=1", onload);
    function onload()
    {
        var t = this.request.responseText;
        $("scrolldiv").innerHTML = t;
        initScroller('scrolldiv');
    }
} 

a.aspx?comando_ajax=1 che cosa sarebbe?

Poi mi hai scritto:
Carica file con ajax
Dove specifico il nome del dic in cui caricare i contenuti?

COsi ora mi sono perso, chiedo troppo di stamparmi un prototipo di pagina, tipo quella che ti sei fatto per i test?
Ti ringrazio.

[pietro09]

l'ho cancellata da un pezzo