Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

[HTML] Cambiare testo in base a posizione del mouse

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

Rispondi al messaggio

[HTML] Cambiare testo in base a posizione del mouse

Messaggioda BlackJack » lun feb 18, 2013 5:18 pm

Ciao a tutti,
ho una tabella così divisa:
Codice: Seleziona tutto
|     imgA    |
|     imgB    |       'testo_dinamico'
|     imgC    |


Quando passo il mouse su una delle tre immagini, voglio che il 'testo_dinamico' assuma una certo valore che imposterò nel codice.
Sapete come fare? Qualsiasi script va bene (js o altro).

Grazie mille a tutti!
Un giorno ho messo un disco di Jimi Hendrix e mio figlio ha chiesto: ‘Papà, chi è?’. Io ho risposto, ‘Figlio mio, questo è Dio’. Robert Plant, Led Zeppelin
Avatar utente
BlackJack
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 1811
Iscritto il: gio mag 06, 2010 7:47 pm
Località: Prov. Vercelli
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda BlackJack » mar feb 19, 2013 6:10 pm

O se non sapete come fare, sapete dirmi il nome della funzione, o un modo per poterla cercare meglio su google? perché non ho trovato niente, ma sono abbastanza certo che sia fattibile.
Grazie ancora.
Un giorno ho messo un disco di Jimi Hendrix e mio figlio ha chiesto: ‘Papà, chi è?’. Io ho risposto, ‘Figlio mio, questo è Dio’. Robert Plant, Led Zeppelin
Avatar utente
BlackJack
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 1811
Iscritto il: gio mag 06, 2010 7:47 pm
Località: Prov. Vercelli
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda Andy94 » mar feb 19, 2013 7:00 pm

Hai un qualche framework a disposizione (MooTools, jQuery) o devi fare tutto con codice nativo?
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm
Top
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda BlackJack » mar feb 19, 2013 7:03 pm

Ho un file .js che per quello che ne so contiene jquery (l'ho già usato per uno script di login).
Preferirei fare con codice nativo, ma se c'è una soluzione più semplice usando jQuery va benissimo!
Un giorno ho messo un disco di Jimi Hendrix e mio figlio ha chiesto: ‘Papà, chi è?’. Io ho risposto, ‘Figlio mio, questo è Dio’. Robert Plant, Led Zeppelin
Avatar utente
BlackJack
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 1811
Iscritto il: gio mag 06, 2010 7:47 pm
Località: Prov. Vercelli
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda BlackJack » mar feb 19, 2013 7:11 pm

Ho fatto un controllo e aggiornato il file: ho jQuery aggiornato all'ultima versione a disposizione!
Un giorno ho messo un disco di Jimi Hendrix e mio figlio ha chiesto: ‘Papà, chi è?’. Io ho risposto, ‘Figlio mio, questo è Dio’. Robert Plant, Led Zeppelin
Avatar utente
BlackJack
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 1811
Iscritto il: gio mag 06, 2010 7:47 pm
Località: Prov. Vercelli
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda BlackJack » mar feb 19, 2013 7:26 pm

Questo è il codice, semplificato, della pagina, con le 6 immagini e il posto dove far comparire il testo di ogni immagine.
Grazie a tutti.

Codice: Seleziona tutto
<body>
<table width="960" border="0" align="center">
  <tr>
    <td height="300" bgcolor="#283E67"><table width="100%" height="100%"  border="0">
        <tr>
          <td width="50%"><table width="100%" height="100%"  border="0">
              <tr align="center" valign="middle">
                <td><a href="1.php"><img src="images/bottone_1.png" onmouseover='this.src = "images/bottone_1_over.png";' onmouseout="this.src='images/bottone_1.png';" width="210" height="80" border="0"></a></td>
                <td><a href="2.php"><img src="images/bottone_2.png" onmouseover='this.src = "images/bottone_2_over.png";' onmouseout="this.src='images/bottone_2.png';" width="210" height="80" border="0"></a></td>
              </tr>
              <tr align="center" valign="middle">
                <td><a href="3.php"><img src="images/bottone_3.png" onmouseover='this.src = "images/bottone_3_over.png";' onmouseout="this.src='images/bottone_3.png';" width="210" height="80" border="0"></a></td>
                <td><a href="4.php"><img src="images/bottone_4.png" onmouseover='this.src = "images/bottone_4_over.png";' onmouseout="this.src='images/bottone_4.png';" width="210" height="80" border="0"></a></td>
              </tr>
              <tr align="center" valign="middle">
                <td><a href="5.php"><img src="images/bottone_5.png" onmouseover='this.src = "images/bottone_5_over.png";' onmouseout="this.src='images/bottone_5.png';" width="210" height="80" border="0"></a></td>
                <td><a href="6.php"><img src="images/bottone_6.png" onmouseover='this.src = "images/bottone_6_over.png";' onmouseout="this.src='images/bottone_6.png';" width="210" height="80" border="0"></a></td>
              </tr>
          </table></td>
          <td><div align="center">
              <p>QUI DOVREBBE COMPARIRE IL TESTO DINAMIC</p>
              <p>IN BASE AL PULSANTE SUI CUI PASSA IL MOUSE.</p>
              <p>&nbsp;</p>
              <p>SE NON PASSA SU NESSUN PULSANTE, RIMANE VUOTO </p>
          </div></td>
        </tr>
    </table></td>
  </tr>
</table>
</body>
Un giorno ho messo un disco di Jimi Hendrix e mio figlio ha chiesto: ‘Papà, chi è?’. Io ho risposto, ‘Figlio mio, questo è Dio’. Robert Plant, Led Zeppelin
Avatar utente
BlackJack
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 1811
Iscritto il: gio mag 06, 2010 7:47 pm
Località: Prov. Vercelli
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda Andy94 » mar feb 19, 2013 8:31 pm

Allora... Dai un ID ("container_testo") al div che contiene il testo e, su ogni mouseover delle immagini, fai:
Codice: Seleziona tutto
cambiaTesto("testo_di_contenimento");


La funzione di cui sopra:
Codice: Seleziona tutto
function cambiaTesto(ilTuoTesto) {
document.getElementById("container_testo").innerHTML = ilTuoTesto;
}


Senza usare jQuery.
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda BlackJack » mer feb 20, 2013 2:58 pm

Come hai visto nel codice, ho già dei mouseover impostati per far cambiare l'immagine. Cose faccio ad aggiungere due mouseover ad un immagine sola?
Codice: Seleziona tutto
<img src="images/bottone_6.png" onmouseover='this.src = "images/bottone_6_over.png";' onmouseout="this.src='images/bottone_6.png';" width="210" height="80" border="0">


Grazie mille.
Un giorno ho messo un disco di Jimi Hendrix e mio figlio ha chiesto: ‘Papà, chi è?’. Io ho risposto, ‘Figlio mio, questo è Dio’. Robert Plant, Led Zeppelin
Avatar utente
BlackJack
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 1811
Iscritto il: gio mag 06, 2010 7:47 pm
Località: Prov. Vercelli
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda M@ttia » mer feb 20, 2013 4:46 pm

Puoi inserire più eventi separati dal punto-e-virgola:
Codice: Seleziona tutto
<a href="#" onMouseover="dothis(); dothat()">Test</a>


oppure, se devi far fare la stessa cosa a tante immagini, creare una funzione che faccia la/le cose e poi con l'evento onmouseover chiamare quella funzione:

Codice: Seleziona tutto
<script>
function FaiQualcosa(numero){
    if(numero == 1){
        ... fai ...
    }else if(numero == 2){
        ... fai ...
    }else if( numero ==3){
        ... fai ...
    }else{
        ... fai ...
    }
}
</script>

<a href="#" onmouseover="FaiQualcosa(1)">Link 1</a>
<a href="#" onmouseover="FaiQualcosa(2)">Link 2</a>
</IE><FIREFOX>
Avatar utente
M@ttia
Moderatore
Moderatore
 
Messaggi: 8363
Iscritto il: lun giu 09, 2003 2:18 pm
Località: Ticino - Estero
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda BlackJack » mer feb 20, 2013 8:09 pm

Ottimo, al momento ho usato lo script di Andy con il punto e virgola
Grazie mille a tutti e due, sempre disponibilissimi!!
Un giorno ho messo un disco di Jimi Hendrix e mio figlio ha chiesto: ‘Papà, chi è?’. Io ho risposto, ‘Figlio mio, questo è Dio’. Robert Plant, Led Zeppelin
Avatar utente
BlackJack
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 1811
Iscritto il: gio mag 06, 2010 7:47 pm
Località: Prov. Vercelli
Top

Re: [HTML] Cambiare testo in base a posizione del mouse

Messaggioda Andy94 » mer feb 20, 2013 8:26 pm

[^]
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm
Top
Rispondi al messaggio

Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 3 ospiti

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising