un intera cella cliccabile...

16-09-2004, 12.06.13

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.

**Taitaonline** · 16-09-2004, 12.18.48

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:

16-09-2004, 12.35.21

...se questo fosse l'unico sistema, ci rinuncio... quindi aspetto altre idee...
comunque, grazie Taitaonline

16-09-2004, 12.42.25

Prova così:

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>

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...

16-09-2004, 12.52.57

Originalmente inviato da respect

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.

Intendi una cosa di questo genere?
http://php4.cineca.it/accessoprogram...o=OD&anno=2004

html + css ed il gioco è fatto :winkOLD:
Niente tabelle ma solo degli stupidissimi <li>

Ciao

16-09-2004, 17.18.10

ci sono dei metodi tramite css, oppure potresti mappare uno sfondo e ingabbiarlo nella cella

**gve** · 16-09-2004, 17.59.25

Dovrebbe funzionare (non lo ho testato):

Codice HTML:

<td onClick="javascript:self.location=pippo.html;">
<a href='pippo.html'>pippo</a>
</td>

neo: sulla cella non ti dovrebbe apparire la manina.

16-09-2004, 18.21.19

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.

16-09-2004, 20.48.40

prova anche qui > http://www.constile.org/template/menu_verticali/

16-09-2004, 22.32.11

carino sto sitonzolo

16-09-2004, 23.43.26

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

**Xsescott** · 17-09-2004, 06.12.32

cmq si puo' fare anche richiamando tramite class un immagine di sfondo che sara' unica per tutti i pulsabnti quindi facile da scaricare ...

17-09-2004, 17.08.06

Originalmente inviato da dxblade

si puo' fare con semplice (e compatibile!) css, impostando lo stile block per i link,

Originalmente inviato da Xsescott

cmq si puo' fare anche richiamando tramite class un immagine di sfondo che sara' unica per tutti i pulsabnti quindi facile da scaricare ...

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:

**dan71282** · 27-11-2011, 13.15.51

Originalmente inviato da gve

Dovrebbe funzionare (non lo ho testato):

Codice HTML:

<td onClick="javascript:self.location=pippo.html;">
<a href='pippo.html'>pippo</a>
</td>

neo: sulla cella non ti dovrebbe apparire la manina.

Ottimale anche se io aggiungerei anche un colore al passaggio del mouse per evidenziare:

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>

**alemoppo** · 27-11-2011, 14.03.55

Discussione di 7 anni fa. Non è consentito riesumare vecchi topic.

Ciao!

Discussione: un intera cella cliccabile...

LinkBack

Strumenti discussione

Display

un intera cella cliccabile...

Regole di scrittura