PDA

View Full Version : Html e le tabelle HELP


cyber_nando
27-04-2007, 14:31
lo so che è un po antico, ma ancora non so usare i fogli stile, e sto impaginando una pagina web tramite tabelle, ho creato i link, ma mi dite come posso fare che al click del link mi varia il contenuto della cella??


grazie mille

andbin
27-04-2007, 14:36
lo so che è un po antico, ma ancora non so usare i fogli stile, e sto impaginando una pagina web tramite tabelle, ho creato i link, ma mi dite come posso fare che al click del link mi varia il contenuto della cella??Devi usare Javascript e il DOM.

Metti un 'id' alla cella. Con Javascript ottieni l'oggetto relativo alla cella tramite document.getElementById("iltuoid") e poi potresti usare il metodo innerHTML per alterare il contenuto dell'oggetto.

cyber_nando
27-04-2007, 14:45
ecco non è che sono un genio, io sto usando dreamweaver, la grafica la sto usando poco, che istruzioni devo usare per trasformare la mia cella in oggetto

grazie

andbin
27-04-2007, 14:54
ecco non è che sono un genio, io sto usando dreamweaver, la grafica la sto usando poco, che istruzioni devo usare per trasformare la mia cella in oggettoMetti un blocco di codice Javascript nel HEAD del documento:
<script type="text/javascript">
<!--
function scrivi_cella ()
{
var obj = document.getElementById ("idcella");
obj.innerHTML = "nuovo <B>testo</B> per la cella";
}
//-->
</script>Poi puoi mettere un link del tipo:
<a href="javascript:scrivi_cella()">Scrivi cella</a>

Poi comunque dipende molto da cosa devi fare di preciso. In questo mio esempio c'è un unico testo nuovo che è fisso. Se ti servisse avere più link per impostare diversi testi sulla cella, potresti passare il testo nella chiamata a scrivi_cella().

cyber_nando
27-04-2007, 15:27
ok ho capito il tuo discorso, infatti a me serve che il contenuto della cella sia una foto e che al variare del link varia la foto
questo è il link

<td width="157.5"><a href=""<div align="center"<span class="style3">Link </div></td>

questa è la cella che mi deve variare

<td height="400" </td> <div id="cella">

e dentro ci devo mettere le foto

il link alla celle l'ho fatto con # ma io devo variare il contenuto

grazie ancora

lanciami un codice con l'id "cella"

andbin
27-04-2007, 15:35
ok ho capito il tuo discorso, infatti a me serve che il contenuto della cella sia una foto e che al variare del link varia la fotoEcco perché dico sempre che si dovrebbe specificare molto bene cosa si vuole fare!!! In questo caso è un po' diverso. Basta mettere un <img> dentro la cella, quindi ottenere l'oggetto relativo alla immagine e impostare la proprietà src.
function setImage (url)
{
var obj = document.getElementById ("idimg");
obj.src = url;
}

...
<img id="idimg" src="">
...
<a href="javascript:setImage('pippo.jpg')">Immagine 1</a>

cyber_nando
27-04-2007, 15:51
se hai pazienza ti linko il sito

www.ristorante-arcobaleno.it

quando clicko su " il paese" mi deve uscire una foto al posto dell'oggeto flash

posso fare di quella cella un frame?

sarebbe molto più facile

cyber_nando
27-04-2007, 16:02
in questo modo devo assegnare un id alla cella?

andbin
27-04-2007, 16:27
in questo modo devo assegnare un id alla cella?E allora è ancora diverso, simile al primo modo che ho detto ..... (spiegatevi!! :cry: )

Innanzitutto ho esaminato il sorgente, ci sono diversi errori di sintassi:

<td width="157.5"><a href=""<div align="center"<span class="style3">Il ristorante </div></td>

<td height="400" </td>

Chiudere i tag non è un optional!!! Verifica molto bene la struttura del documento e l'annidamento dei tag. Mi sembra molto sballato. Tipo: apri uno span e poi chiudi un div???

Comunque se la cella contiene inizialmente un oggetto <object> per il flash, usando il primo metodo che ho descritto (sfruttare innerHTML) puoi impostare il contenuto della cella in modo che contenga un tag <img> con l'immagine che vuoi. Così rimpiazzi il filmato flash.