Printable View
ciao a tutti
come si fa a rendere un'intera cella cliccabile (al posto di cliccare sul testo).
mi spiego per chiarezza, io so fare così:
<td title='clicca per visualizzare pippo.html'>
<a href='pippo.html'>pippo</a>
</td>
mentre vorrei che potessero cliccare in un qualsiasi punto della cella (anche dove non c'è testo) e non solo sulla parola pippo.
La prima cosa che mi viene in mente è che l'unico sistema sia quello di inserire nella cella un' immagine .gif o .jpeg (della stessa grandezza della cella) dove prima ci scrivi quello che vuoi e poi linki direttamente l'immagine...... (chiaramente la fotarella la puoi creare con lo stesso sfondo del tuo sito e quindi risulterà "invisibile").
.... Ma non è detto che ci possa essere qualche altro sistema, semmai aspetta che ti risponda qualcuno più ferrato di me in materia. :eyes:
...se questo fosse l'unico sistema, ci rinuncio... quindi aspetto altre idee...
comunque, grazie Taitaonline
Prova così:
Comunque in questo modo l'area di linkaggio rimane sempre e solo il testo, solo che le celle cambiano colore al passaggio del mouse... Inoltre con Mozilla non funge...Codice:<html>
<head>
<title>Tabelle colorate al passaggio del mouse</title>
<script language="javascript1.2" type="text/javascript">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="table")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}
function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>
<style type="text/css">
a {
font-size: 14px;
color: #FFCC00;
text-decoration: none;}
a:visited,active,link {
color: #FFCC00;
text-decoration: none;}
a:hover {
color: #000000;
text-decoration: none;
}
</style>
</head>
<body bgcolor="#000000" text="#FFCC00">
<table align="center" onMouseover="changeto('#FFCC00')" onMouseout="changeback('#000000')" border="1">
<td>
<a href="">Testo link</a>
</td>
<td>
<a href="">Testo link</a>
</td>
<td>
<a href="">Testo link</a>
</td>
<td>
<a href="">Testo link</a>
</td>
</table>
</body>
</html>
Intendi una cosa di questo genere?Citazione:
Originalmente inviato da respect
http://php4.cineca.it/accessoprogram...o=OD&anno=2004
html + css ed il gioco è fatto :winkOLD:
Niente tabelle ma solo degli stupidissimi <li>
Ciao
ci sono dei metodi tramite css, oppure potresti mappare uno sfondo e ingabbiarlo nella cella
Dovrebbe funzionare (non lo ho testato):
neo: sulla cella non ti dovrebbe apparire la manina.Codice HTML:<td onClick="javascript:self.location=pippo.html;">
<a href='pippo.html'>pippo</a>
</td>
Allora la modalità proposta da GVE è quella più immediata e di fatto cercavo una cosa del genere, anche se ho dovuto fare una piccola modifica di questo tipo:
<table width='600'>
<tr>
<td width='600' onClick="javascript:self.location=('pippo.html');" >
<a href='pippo.html'>pippo</a>
</td>
</tr>
</table>
sennò mi dava errore nel js (non chiedetemi perché).
funziona anche questa variante:
<table width='600'>
<tr>
<td width='600' onClick="javascript:location.href=('pippo.html');" >
<a href='pippo.html'>pippo</a>
</td>
</tr>
</table>
ma vi propongo anche questa:
<table width='600'>
<tr>
<a href='pippo.html'>
<td width='600'>
pippo
</td>
</a>
</tr>
</table>
A questo punto però:
1. questi codici vi funzionano anche su browser non IE?
2. com'era il metodo per far comparire la manina nella cella? probabilmente bisogna mettere nel tag <td> una qualche funzione con onMouseover, ma non mi ricordo quale...
Grazie a tutti x le risposte.
prova anche qui > http://www.constile.org/template/menu_verticali/
carino sto sitonzolo
si puo' fare con semplice (e compatibile!) css, impostando lo stile block per i link, vedi sul mio sito il menu e' fatto cosi':
www.dxblade.altervista.org/ita
cmq si puo' fare anche richiamando tramite class un immagine di sfondo che sara' unica per tutti i pulsabnti quindi facile da scaricare ...
Citazione:
Originalmente inviato da dxblade
Nel link che ho postato sopra si trova un ottimo tutorial per capire come fare a realizzare un rollover su link con immagine di sfondo! A me è stato utilissimo! :grin:Citazione:
Originalmente inviato da Xsescott
Ottimale anche se io aggiungerei anche un colore al passaggio del mouse per evidenziare:Citazione:
Originalmente inviato da gve
Codice HTML:<tr onClick="javascript:self.location=pippo.html;">
<TD style="width:100%; height:5%; background-color:silver"
onMouseover="this.style.backgroundColor='lime';"
onMouseout="this.style.backgroundColor='silver';">
<a href='pippo.html'>pippo</a>
</td>
</tr>
Discussione di 7 anni fa. Non è consentito riesumare vecchi topic.
Ciao!