Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2009
    Messaggi
    48

    Tooltip riportante il contenuto di una textbox

    Salve a tutti,
    vorrei fare in modo che passando il mouse su una textbox, compaia un "fumetto" con il contenuto corrente della textbox stessa.
    L'accorgimento è utile qualora il testo, troppo lungo, non riesca ad essere visualizzato per esteso nella textbox.
    Se mi rispondete direttamente col codice vi sarei davvero molto grato

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2013
    Messaggi
    49
    abbastanza rudimentale, però è dinamico in base al contenuto e sfrutta l'attributo title

    codice:
    $(document).ready(function(){
         $("#idTextBox").keyup(function(){
              $(this).attr("title",$(this).val());
         });
    });

    se invece il textbox è precompilato, bisogna popolare in fase di caricamento anche l'attributo title.

    terza opzione, spulciare la rete in cerca di qualche plugin jquery sui tooltip.


  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2013
    Messaggi
    49
    purtroppo devo "bocciare" la mia idea, su FireFox non funziona, non gestisce in automatico il ritorno a capo nell'attributo title.
    Quindi per testi troppo lunghi avresti problemi.
    Sarebbe da modificare lo script forzando il ritorno a capo ogni tot caratteri inseriti...
    Ultima modifica di widoz83; 16-10-2013 a 15:40

  4. #4
    Utente di HTML.it
    Registrato dal
    Jul 2009
    Messaggi
    48
    Grazie uguale widoz,
    comunque colgo l'occasione per aggiungere che nel mio caso la textbox è precompilata e non è abilitata alla scrittura, pertanto basterà far comparire un tooltip in risposta a un onmouseover che vi legga il testo già presente

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 © 2026 vBulletin Solutions, Inc. All rights reserved.