Html e le tabelle HELP

[cyber_nando]

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]

Originariamente inviato da cyber_nando

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]

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]

Originariamente inviato da cyber_nando

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

Metti 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]

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]

Originariamente inviato da cyber_nando

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

Ecco 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]

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]

in questo modo devo assegnare un id alla cella?

[andbin]

Originariamente inviato da cyber_nando

in questo modo devo assegnare un id alla cella?

E allora è ancora diverso, simile al primo modo che ho detto ..... (spiegatevi!! )

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.