Descrizione comando / hover-text in un array

Sto cercando di visualizzare un suggerimento o un testo al passaggio del mouse in un menu di elenco in cui, se l’utente seleziona tale valore, verrà fornito un testo aggiuntivo. È ansible ? Poiché i dati sono attualmente memorizzati in una matrice hard-coded.

Code:  <?php $arr = array('', 'cycling', 'badminton', 'jetskiing', 'ice-skating'); for($i = 0; $i < count($arr); $i++) { echo "{$arr[$i]}\n"; } ?>  

Quindi, se seleziono il ciclo, dovrebbe apparire del testo nel menu elenco. Raccomanda gentilmente. Grazie!

Ecco una ansible soluzione. Usa jQuery, dal momento che non puoi usare il title -attributo e non puoi mettere un altro elemento figlio nel select -Container, non sarebbe un HTML valido.

Guarda la demo:

http://jsfiddle.net/DLyMG/

Come funziona

Il trucco con questo è, per bind gli interests.hover hover.hover. La prima funzione viene triggersta quando sei sopra la casella di select , la seconda viene triggersta quando esci. Ho aggiunto un timeout per questo motivo: quando l’utente seleziona qualcosa, si sposta fuori dall’elemento (perché l’elenco è più lungo dell’elemento stesso). Quindi, quando seleziona qualcosa, attiverà anche l’evento mouseout , quindi abbiamo il timeout .

La seconda cosa è vincolare l’ onchange -event, che viene fatto sotto. Quando l’utente seleziona un valore, il contenuto del suggerimento è cambiato ed è ansible aggiungere qualsiasi testo o HTML a piacere.

Javascript

  

CSS

  

HTML

   

Nota

Ciò richiede ovviamente ulteriori miglioramenti. Solo un esempio di come è ansible. E devi includere la libreria jQuery nel tuo documento, come:

  

Quello che stai tentando di fare non sarà qualcosa di implementato in PHP, ma piuttosto Javascript. PHP implica il codice che viene eseguito sul lato server-side e non si occupa di elementi DOM o componenti client-side come il testo hover / tool-tip che si desidera caricare. Javascript viene analizzato dai browser dopo che il codice server-side è scricchiolato e gestirà ulteriori modifiche alle tue pagine dopo il caricamento immediato.

Vi raccomando di esaminare jQuery (o usare, se familiare) in quanto vi aiuterà con il vostro compito. È una libreria Javascript con associazioni semplificate per facilità d’uso. C’è un’ottima documentazione e molti plugin che la usano ogni giorno.

Riferimento : http://jquery.com/

Buona visione e buona fortuna!

Vuoi che il contenuto appaia sul cambio di valore all’interno di una casella di selezione? Usa jQuery change () http://jsfiddle.net/PxGEc/1/