Codice Per Celle

devy

Nuovo Utente
21 Lug 2005
1
0
0
C' è qualcuno che mi può dire come devo fare al passaggio del mouse cabiare il colore in una cella con link ?
 

sassidesign

Utente Attivo
15 Lug 2005
172
1
0
36
Canosa (BA)
www.sassidesign.it
prova con questo... l'ho trovato in rete..

praticamente cliccando su un campo di testo si evidenzia la voce relativa al campo stesso...

altro non ho da darti, mi dispiace!

ps: è la prima volta che allego un file, quindi spero di farlo correttamente!

ecco le istruzioni del tutorial (che non è mio ma trovato in rete su www.extrowebsite.com....

L'applicazione che viene presentata oggi può essere utilizzata quando nel nostro sito web abbiamo form da far "riempire" al visitatore.
Infatti nell'esempio è stato prodotto un mini form con soli 3 campi e un pulsante di invio dati. Inutile dire che la pagina non "punta" a nessun'altra; è solo dimostrativa.

Avete visto che quando si inserisce il puntatore del mouse in un campo di testo per scrivere, contemporaneamente cambia colore l'etichetta di "quel" campo alla sua sinistra. Non credo che un utente avesse bisogno di "capire" in quale campo di testo stesse scrivendo, ma con questo piccolo script diamo l'impressione al visitatore che lo si "guida" nelle operazione da compiere. Fatta questa premessa, passiamo a vedere dove, eventualmente, cambiare il codice per avere colori diversi per le etichette.

Innanzitutto ricordo sempre che per non appesantire la pagina ".htm" è buona norma richiamare i file di script, ".js" in questo caso, dall'esterno; o inserendoli in una cartella apposita (meglio) oppure tenerli allo stesso livello di tutti gli altri file. Comunque, il codice da modificare è il seguente:
selDiv.style.color = "#003366";
più che il codice vero e proprio, si deve cambiare il colore, in esadecimale.
Fare attenzione che ci sono 2 blocchi di codice che terminano entrambi con questo script.

Il primo si riferisce al colore quando il campo di testo è attivo, cioè il puntatore del mouse si trova nel campo di testo;
il secondo, invece, quando è inattivo, cioè il puntatore del mouse si trova al di fuori del campo di testo.
Per il resto non modificare il codice prima del rigo più su riportato per la modifica del colore. Oltre questo codice, da inserire tra i tag <head> e </head> si deve completare come segue, per ottenere il risultato come l'esempio; immaginando di avere l'etichetta in una cella di tabella e il campo di testo in un'altra, inserire il seguente codice:

<td><div class="testo" id="n">Nome:</div></td>

in pratica si deve inserire tra i tag <div> e </div> un "id", che nell'esempio dell'etichetta Nome ho chiamato "n"; nella cella accanto, inseriamo il campo di testo:

<td><input name="nome" type="text" id="nome" onfocus="seleziona('n')" onblur="deseleziona('n')" /></td>

la parte di codice JavaScript che attiva l'etichetta del campo di testo è la seguente:

onfocus="seleziona('n')"

la parte, invece, che la disattiva è la seguente:

onblur="deseleziona('n')"

controlla l'allegato!!!!
 

Allegati

  • 58.zip
    1.022 bytes · Visite: 124

PoLe

MRW Moderator
6 Giu 2005
2.210
3
0
38
.: Venezia :.
www.bzconsulting.it
Io farei così

<html>
<head>
Se vuoi utilizzare i colori:
<style type="text/css">
.normale {background: #ffffff}
.selezionata {background: #deffce;}
</style>

Se vuoi utilizzare degli sfondi:
<style type="text/css">
.normale {background-image:url('sfondo1.jpg');}
.selezionata {background-image:url('sfondo2.jpg');}
</style>

</head>
<body>
<table>
<tr>
<td class="normale" onmouseover="this.className='selezionata';" onmouseout="this.className='normale';">
qui metti il link
</td>
</tr>
</table>
</body>
</html>

Salut!!
:byebye:
 
Discussioni simili
Autore Titolo Forum Risposte Data
D modificare questo codice per inserimento in text e non in tabella jQuery 1
R Modifica codice per l'upload di più file PHP 0
G [PHP] Revisione codice per registrazione PHP 8
C [Joomla] [HTML] Modifica codice per adattamento app Joomla 18
D [PHP] [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe PHP 0
D [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe Offerte e Richieste di Lavoro e/o Collaborazione 2
N [Java] codice per inserimento sql Java 0
B PHP e JQUERY per scrivere codice html dinamicamente PHP 2
F [HTML] Navbar interferisce con codice per effetto parallax HTML e CSS 2
R Codice html per zoomare all' interno di un' immagine HTML e CSS 1
readme [WordPress] Cerco temi, plugin o codice per la mia idea WordPress 2
M [Magento] [HTML] Codice per articoli in vetrina Magento 1
romeocharly Creare un script/codice in php per collegare un id mysql con un file PHP 0
A aiuto per un codice... PHP 1
M Creazione codice html per far prelevare un banner HTML e CSS 3
T Codice per estrazione dati da db PHP 4
O Codice vba per la ricerca di record MS Access 0
M Cerco aiuto per una modifica di un codice Javascript 2
G Aiuto! Studente cerca aiuto per un codice PHP PHP 1
B Inserire codice html per visualizzazione in altro sito web HTML e CSS 3
P Codice per far aprire un <div> al click di un immagine? HTML e CSS 0
D Assegnare codice cliente per poi richiamarlo PHP 1
R codice per reindirizzare HTML e CSS 7
E Codice per andare da capo PHP 0
P Codice PHP per discriminare apertura link... PHP 2
K Javascript codice per facebook Javascript 1
E codice per visionare in automatico download documenti inseriti nella cartella PHP 2
A Codice html per finestra pop up per blogger WordPress 1
C Codice html per ottenere finestre in primo piano fisse e a scatta sovrapposte HTML e CSS 35
A Codice per inserire favicon nel titolo della pagina HTML e CSS 3
S codice html per immagini visitate HTML e CSS 2
F Svantaggi del codice Javascript per disabiltare la selezione del testo? Javascript 1
U CODICE per una pagina con contenuti dinamici usando javascript Javascript 4
C codice per sottofondo musicale nel sito HTML e CSS 6
T codice per protocollo smtp in php? PHP 10
D Joomla: Codice php per visualizzare solo prime righe di un articolo da DB Joomla 4
M codice JAVASCRIPT per avere box HTML con data-ora Ajax 0
M codice per "preferiti" Javascript 2
F idee..codice php per videogallery da database PHP 4
Robby84 Codice di controllo per form mail PHP 4
A Impostare tabelle per forum e codice php PHP 7
F Generazione codice html per link "tracciabile" HTML e CSS 10
R Aiuto per snellire un codice... PHP 0
Z errore codice php per forum vbulletin PHP 0
R codice php per accedere a files protetti .htaccess PHP 2
G php - codice per proteggere le pagine PHP 10
V Codice per caricare immagini sul server Classic ASP 11
C Aiuto per conversione codice! PHP 1
F codice doppio per la stessa pagina Javascript 1
L problemi codice php per il login PHP 8

Discussioni simili