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

    Div con id dinamico da query

    Ciao a tutti,
    sono nuovamente a chiedere il vostro aiuto.
    Ho file php con risultati prelevati da database mysql tramite query.
    Io vorrei fare in modo che per ogni riusultato, al passaggio del mouse, mi aprisse un div nascosto con dati aggiuntivi del record trovato.
    Io sono riuscito a farlo fare in modo "statico" e cioè facendo aprire il solito div nascosto.
    Come si fa a far aprire per ogni record il suo div di riferimento? o meglio come si fa a far cambiare il nome (#prova) e far funzionare ugualmente la funzione di apri e chiudi.
    Posto il codice che adesso ho inserito (funziona grazie a jquery e apre sempre il div id=prova)
    Codice PHP:
    function slide()
    {
        $(
    "#prova").toggle("fast"); 
    }
    // CHUDE IL DIV SOVRASTANTE
    function slide_out(element)
    {    $(
    "#prova").toggle("fast");

    Grazie per l'interesse al mio post
    Aspetto con fiducia vs. commenti ed eventuali chiarimenti

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    ci sono decine di approci diversi per risolvere il problema, te ne posto uno:

    codice:
    prova1
    prova2
    prova3
    
    <div class="divNascosto">divNascosto1</div>
    <div class="divNascosto">divNascosto2</div>
    <div class="divNascosto">divNascosto3</div>
    
    $(".prova").hover(function () {
      index = $(".prova").index($(this)); 
      $($(".divNascosto").get(index)).toggle("fast");  
    });

  3. #3
    Ciao e grazie per la risposta.
    Il codice che mi hai passato funziona correttamente.
    Ti volevo chiedere come faccio a far ritardare l'azione? mi spiego meglio nel codice che avevo abbozzato io avevo inserito
    codice:
    {
    	var timer = setTimeout("slide()",1000); //wait 2 seconds
    	element.onmouseout = function() { clearTimeout(timer); } //azzera timer
    }
    ho provato a modificarlo ed inserirlo nel tuo codice ma non mi va
    Mi puoi indicare come metterlo correttamente?
    la funzione richiama "slide()" come valore su cui calcolare il tempo, nella tua è riportato hover.
    Grazie ancora per la pazienza

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    non son sicuro di aver capito cosa vuoi ottenere, cmq la butto li:

    $($(".divNascosto").get(index)).delay(1000).toggle ("fast");

  5. #5
    Sì è perfetto…
    grazie per l'aiuto, certo che se non ci fosse il forum di html, i "pivelli" come me andrebbero poco lontano .

    Ultima cosa in modo da chiudere il cerchio e creare una pagina html con tutte le varianti e metterle nel "mio cassetto" e tirarle fuori quando mi servono:
    Questa funzione ha il suo effetto solo se il div nascosto si carica all'interno del div "prova" oppure posso mettere il div nascosto al di fuori (cioè che si apra sopra magari con dimensioni + grandi rispetto al div class "prova"?
    se sì come andrebbe affrontata la cosa?
    Grazie per la pazienza

  6. #6
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    il div nascosto puoi metterlo dove vuoi, lo script non va modificato...

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.