Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di diablobox
    Registrato dal
    Feb 2001
    residenza
    Pisa
    Messaggi
    1,154

    effetto roll over su link o div

    Ciao
    Chi mi sa dire come si fa l'effetto che ho trovato su questo portale:
    http://www.lalocandina.it/elenco.asp...acchio&IDC=362

    provate a passare su un annuncio e si apre un div o altro

    Ho postato qui perche penso sia javascript

    Ciao

  2. #2
    Utente di HTML.it L'avatar di AvOJaromil
    Registrato dal
    Feb 2006
    residenza
    laddove si stagiona formaggio dentro a dei grossi buchi di tufo
    Messaggi
    549
    dovrebbe essere javascript con xmlhttp (ajax)
    quando si attiva l'evento onmouseover il client tramite xmlhttp richiede al server le informazioni aggiuntive al quel determinato annuncio che poi aggiunge in un blocco, magari div, e che aggancia al puntatore del mouse
    "homer sei tonto come un mulo e due volte più brutto. se uno sconosciuto ti offre un passaggio tu devi accettarlo..."

    www.flickr.com/photos/asciella/
    www.lastfm.it/user/qvaioe/

  3. #3
    Utente di HTML.it L'avatar di diablobox
    Registrato dal
    Feb 2001
    residenza
    Pisa
    Messaggi
    1,154

    effetto roll over su link o div

    ... hai anche qualche idea pratica di come si faccia??

    Ciao
    Grazie

  4. #4
    Utente di HTML.it L'avatar di AvOJaromil
    Registrato dal
    Feb 2006
    residenza
    laddove si stagiona formaggio dentro a dei grossi buchi di tufo
    Messaggi
    549
    bè si, ma diventa un po lunghino.
    comunque se hai già buone conoscenze di javascript sei a posto.
    con xmlhttp (che di guide ne trovi a iosa) hai la possibilità di interrogare un server tramite post o get senza che il client lasci la pagina da cui parte la richiesta.

    dal momento che i vari browser lo suppartano in maniera diversa ti consiglio di scaricare una libreria che semplifica le cose: http://www.nczonline.net/downloads/zXml.zip
    ti crei l'oggetto xmlhttp:

    //in questo esempio uso la libreria che ti ho consigliato
    oggetto=zXmlHttp.createRequest();

    ora con questo puoi aprire e lanciare una richiesta ad un server;

    apri la richiesta:
    oggetto.open("GET/POST","paginaLatoServer.php?IdTestoDiv=.......",tr ue);

    il primo parametro è il metodo che vuoi utilizzare il secondo è la pagina che vuoi richiedere il terzo serve per decidere se la richiesta è asincrona oppure no. se è asincrona l'utente potra utilizzare la pagina anche se la richiesta xmlhttp non ha completato le sue operazioni

    puoi controllare lo stato della tua richiesta con la proprietà readyState
    ogni volta che questo stato cambia viene lanciato l'evento onreadystatechange

    quindi:
    oggetto.onreadystatechange= function(){
    if oggetto.readyState==4 (4 significa completato)
    {
    //tramite resposeText hai il contenuto in formato testo (privo degli header) della pagina
    //che hai interrogato "paginaLatoServer.php"
    var testoDaInserireNelDiv=oggetto.responseText;
    }
    }
    lanci la tua richiesta:
    oggetto.send(null/stringa);
    se utilizzi GET lasci null se ne fai una POST passi alla funzione il body della richiesta.

    nella pagina paginaLatoServer.php avrai una procedura che restituisce un echo con le informazioni che ti servono; quindi avrai magari un accesso al db che preleva il record con l'id richiesto "IdTestoDiv"

    paginaLatoServer.php:
    <?php
    $idDelTestoRichiesto=$_GET["IdTestoDiv"];
    //tutto il codice per l'accesso al db
    ....
    ....
    //quando hai ottenuto l'informazione che ti serve la stampi, così l'oggetto xmlhttp recupererà //questa informazione
    .....
    echo $testoDaInserireNelDiv
    ?>

    forse te l'ho incasinata più di quanto è in realtà.
    comunque leggiti qualche guida su l'oggetto xmlhttp e vedrai che facilissimo
    "homer sei tonto come un mulo e due volte più brutto. se uno sconosciuto ti offre un passaggio tu devi accettarlo..."

    www.flickr.com/photos/asciella/
    www.lastfm.it/user/qvaioe/

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.