Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Jquery, scrollbar e contenuto da ajax

    Ciao e buon anno a tutti.
    Per esigenze di layout devo caricare una image gallery tramite ajax dentro un div che dispone di una scrollbar impostata come overflow .
    Il problema è che vorrei personalizzare la scrollbar e pensavo di usare qualcosa con jquery.
    Purtroppo ho notato che quando carico il content la scrollbar fatta con jquery non funziona mentre se metto dentro al div contenuto statico funziona perfettamente.

    Come posso fare ?

    Grazie
    Ciao

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    - Da errori?
    - Posta un link ad una pagina pubblica per vedere il tutto in funzione
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Ciao Andrea,
    grazie per avermi risposto.
    Eventualmente avresti un link da postare per prendere spunto?

    Seconda domanda: ma per usare jquery all'interno di elementi che debbono poi essere presi tramite ajax i vari collegamenti alla libreria, css o altro devono anche risiedere nella pagina per intenderci " madre" del sito?

    per entrare nel caso specifico tutto è nato quando mi sono inbattuto in questo tutorial.

    http://www.creamama.fr/Plugin-JQuery-Scrollbar.html
    Da qui ho scaricato tutti i sorgenti poi per prendere del contenuto da far visualizzare nel div solitamente uso questo script
    /***********************************************
    * Dynamic Ajax Content- � Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
    var loadedobjects=""
    var rootdomain="http://"+window.location.hostname
    var bustcacheparameter=""
    function ajaxpage(url, containerid){
    var page_request = false
    if (window.XMLHttpRequest) // if Mozilla, Safari etc
    page_request = new XMLHttpRequest()
    else if (window.ActiveXObject){ // if IE
    try {
    page_request = new ActiveXObject("Msxml2.XMLHTTP")
    }
    catch (e){
    try{
    page_request = new ActiveXObject("Microsoft.XMLHTTP")
    }
    catch (e){}
    }
    }
    else
    return false
    page_request.onreadystatechange=function(){
    loadpage(page_request, containerid)
    }
    if (bustcachevar) //if bust caching of external page
    bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
    page_request.open('GET', url+bustcacheparameter, true)
    page_request.send(null)
    }

    function loadpage(page_request, containerid){
    if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
    document.getElementById(containerid).innerHTML=pag e_request.responseText
    }
    function loadobjs(){
    if (!document.getElementById)
    return
    for (i=0; i<arguments.length; i++){
    var file=arguments[i]
    var fileref=""
    if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
    if (file.indexOf(".js")!=-1){ //If object is a js file
    fileref=document.createElement('script')
    fileref.setAttribute("type","text/javascript");
    fileref.setAttribute("src", file);
    }
    else if (file.indexOf(".css")!=-1){ //If object is a css file
    fileref=document.createElement("link")
    fileref.setAttribute("rel", "stylesheet");
    fileref.setAttribute("type", "text/css");
    fileref.setAttribute("href", file);
    }
    }
    if (fileref!=""){
    document.getElementsByTagName("head").item(0).appe ndChild(fileref)
    loadedobjects+=file+" " //Remember this object as being already added to page
    }
    }
    }
    </script>
    ***************************
    per chiamare il contenuto uso questo:
    ***************************
    Le foto

    --------------------------
    Contenu è il div che in base allo script sopra visualizza la scroll.
    ---------------------------
    In sostanza all'interno del div arrivano le foto ma scompare la scroll
    Senza farla troppo lunga cosa mi suggerisci? esiste un altro metodo per avere alla fine il risultato voluto?
    Grazie
    Ciao

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    A dir la verità non c'ho capito nulla di quello che hai scritto, e sopratutto non ho capito perché non hai risposto alle mie richieste?
    Consiglio quando non si una buona/ottima conoscenza di javascript/ajax/jquery/etc.. meglio limitare le interazioni tra loro (cioé non complicarti la vita elimina la scrollbar), forse nel tuo caso è perché carichi lo script per lo scrollbar tramite ajax se fosse cosi leggi qui
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Ciao,
    scusami sono mortificato...rileggendo il mio post effettivamente è molto confuso.
    Cmq ti ringrazio per il link che mi hai dato da cui spero possa prendere spunto e risolvere questa cosa o riaprire questo post con un messaggio più chiaro.
    Grazie
    Ciao

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.