Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    1,171

    cambiare valore ad una label

    vorrei visualizzare un valore su una label quando sono col mouse su una text.
    esempio

    <input type=text onmousup......?>

    <label id=testo></label>

  2. #2
    Basta che usi il onmouseover ed il onmouseout:

    html:
    codice:
    <style type="text/css">
    .Styled{
        height: 20px;
    }
    .Styled label{
        width: 150px;
        float: left;
    }
    </style>
    <div class = "Styled">
       <label id = "Testo">
            Il Mio Testo
       </label>
       <input type="text" name="myText"  id = "TextID" />
    </div>
    JS
    Codice PHP:
    var TestoDaCambiare "Inserisci Qui il tuo Testo";
    var 
    TestoOriginale "Il Mio Testo";

    var 
    changeTextInLabel = function(labelElemtesto){
        
    labelElem.innerHTML testo;
    }

    window.onload = function(){
        var 
    inpt document.getElementById("TextID");
        
    inpt.onmouseover = function(){
            var 
    label document.getElementById("Testo");
            
    changeTextInLabel(labelTestoDaCambiare);
        }
        
    inpt.onmouseout = function(){
            var 
    label document.getElementById("Testo");
            
    changeTextInLabel(labelTestoOriginale);
        }

    I DON'T Double Click!

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    1,171
    in pratrica ho 5 campi testo,
    e vorrei come mi posiziono su ogni campo dare un valore alla label in base al text.
    questo senza utilizzare i tooltip...

    esempio form:

    codice a____ codice b _____ ecc...
    <label>
    se mi posiziono su codice a la label deve avere una certa descrizione e cosi sulle altre text.

    con onmouse...??

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.