Codice Per Celle
- Creatore Discussione devy
- Data di inizio
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!!!!
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!!!!
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:
<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
Discussioni simili
-
-
modificare questo codice per inserimento in text e non in tabella
- Iniziata da Domenico2013
- Risposte: 1
-
-
-
-
[PHP] [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe
- Iniziata da direttaborsa
- Risposte: 0
-
[RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe
- Iniziata da direttaborsa
- Risposte: 2
-
-
-
[HTML] Navbar interferisce con codice per effetto parallax
- Iniziata da Francesc4052
- Risposte: 2
-
Codice html per zoomare all' interno di un' immagine
- Iniziata da roby.rigoli.6970
- Risposte: 1
-
-
-
Creare un script/codice in php per collegare un id mysql con un file- Iniziata da romeocharly
- Risposte: 0
-
-
-
-
-
-
-
Inserire codice html per visualizzazione in altro sito web
- Iniziata da burianico
- Risposte: 3
-
Codice per far aprire un <div> al click di un immagine?
- Iniziata da Pasquale Bersaglio
- Risposte: 0
-
-
-
-
-
-
codice per visionare in automatico download documenti inseriti nella cartella
- Iniziata da Eddie18
- Risposte: 2
-
-
Codice html per ottenere finestre in primo piano fisse e a scatta sovrapposte
- Iniziata da caronte
- Risposte: 35
-
-
-
Svantaggi del codice Javascript per disabiltare la selezione del testo?
- Iniziata da frank79
- Risposte: 1
-
CODICE per una pagina con contenuti dinamici usando javascript
- Iniziata da ubaldo.gulotta
- Risposte: 4
-
-
-
Joomla: Codice php per visualizzare solo prime righe di un articolo da DB
- Iniziata da dla86
- Risposte: 4
-
-
-
-
-
-
-
-
-
-
-
-
-