layer in tabella

[morgana_dyl]

devo fare una pagina in cui al passaggio del mouse su un'icona diventa visibile un layer con il testo riferito a quell'icona.
questo layer deve essere posizionato in un td di una tabella.
Ho due problemi:
-cambiare il testo del layer a seconda dell'icona su cui ci si posiziona
-fissare la posizione del layer nel td
grazie in anticipo per l'aiuto

[morgana_dyl]

qualche idea??

[bigmaul]

X certe cose bisogna kiedere l'aiuto di JavaScript (Hey Js, aiutaci tu...).
<script language="javascript">
function print_desc(val)
{
switch(val)
{
case 1: testo="blabla..."; break;
case 2: testo="blabla..."; break;
case 3: testo="blabla..."; break;
}
document.getElementById('layer').innerHTML=testo;
}
</script>

x la posizione non ho idea su come fare
1 idea potrebbe essere di mettere il layer in alto così per quanto possa essere masokista l'utente non potrà nasconderlo nemmeno se questo è settato con 1 position: absolute....

[Shores]

Allora, prima di tutto mescolare div e tabelle non è mai una buona idea, piuttosto posiziona la div con position:absolute ma lascia perdere di metterla in un td di una tabella.

Dopodichè, se anche vuoi fare con javascript, che comunque non è affatto necessario in questa sede (bastano i CSS usati bene, vedi www.meyerweb.com/eric/css/edge/popups/demo.html ) almeno usalo solo per rendere visibili o invisibili delle div che hai inserito sempre nell'html.

Infatti usare innerHTML o proprietà simili tramite javascript per inserire del testo è una cosa molto poco aderente agli standard, e molto poco amichevole verso i motori di ricerca.

Se vuoi un esempio di come fare bene questa cosa con js, guarda i menu di questo mio sito: www.swsportocervo.com

Ciao!

[morgana_dyl]

Grazie infinite per l'aiuto

[bigmaul]

Originariamente inviato da Shores
...Infatti usare innerHTML o proprietà simili tramite javascript per inserire del testo è una cosa molto poco aderente agli standard, e molto poco amichevole verso i motori di ricerca...

..uh...tu cosa suggerisci al posto di innerHTML ?
Cos'è + corretto usare come comando js?
ke intendi x poco amikevole verso i motori di ricerca?

[Shores]

Intendo dire che se l'uso di innerHTML è quello di fare apparire e sparire un qualcosa, allora non c'è nessun bisogno di usare innerHTML, è sufficiente creare un oggetto con style="visibility:hiddden;" e poi impostare la visibility a visible con JS per visualizzarlo.

Il altri termini, se guardi su www.swsportocervo.com ti rendi subito conto di come funziona: tutte le voci che su mouseover sulle icone del menu appaiono a fianco sono tutte già presenti nel codice html, semplicemente sono invisibili e vengono rese visibili dal javascript.

In questo modo tutto il testo è testo, e i motori di ricerca possono leggerlo senza problemi, al contrario di quello inserito negli script che viene ignorato, dato che i bot dei motori non hanno certo un interprete JS...

Volendo, l'esempio del sito che ti ho citato si sarebbe potuto realizzare interamente SENZA js, visto che con gli :hover dei css si può ottenere la stessa cosa, come mostra l'altro sito che citavo prima: http://www.meyerweb.com/eric/css/edge/popups/demo.html

Ma qui andiamo veramente alle frontiere dell'uso dei CSS!

[bigmaul]

Ok, grazie x i kiarimenti...