visualizzare testi diversi nella stessa parte di pag

[xratmx]

scusate l'ignoranza ma è solo una settimana che vedo l'html e nn so ancora niente...
ho una pagina html in cui nella sinistra ci sono 5 titoli e io vorrei che cliccando su ognuno di essi mi aprisse il testo corrispettivo nella destra della pagina quindi deve proprio cambiare se clicco su un titolo diverso....
so che è semplicissimo ma ripeto ho iniziato da una settimana a fare siti....
grazie
buon lavoro

[Nick.ferro]

crei dei div per ogni testo e ad ogni div assegni un id... poi sul onclick si ogni titolo rendi visibile solo il div che ti serve e gli altri li rendi invisibili... meglio se usi display anzichè visibility

[xratmx]

grazie mille......
la cosa del visualizzarne uno alla volta l'ho risolta ma cosi me li fa vedere uno sotto all'altro e invece deve farmi vedere ogni testo sullo sltesso punto della pag. come faccio a risolvere questo probl?

[Nick.ferro]

Utilizzando il display anzichè la visibility...
display:none per nasconderlo; display:inline per vederlo

[xratmx]

ma se li metto a display:none nn me li fa vedere neanche al passaggio del mouse...e se li metto inline me li fa vedere tutti quando apre la pagina poi passando su ogni titolo mi nasconde gli altri ma appena aperta la pag ci sono tutti i titoli in piu cosi nn risolvo la cosa dei testi uno sotto l'altro

[Nick.ferro]

No piano... postami il codice che lo modifico in tempo 0..

[xratmx]

questa è la parte dei titoli:
<table width="400" border="0">
<tr>
<td width="20" height="22">[img]images/punto1.gif[/img]</td>
<td width="380" bordercolor="#FFFFFF"><h2 class="Stile1">
<div class="sviluppo_software_titolo" onmouseover="MM_showHideLayers('testo_sviluppo_sof tware','','show')" onm>Sviluppo Softaware</div>
</h2></td>
</tr>
<tr>
<td height="22"></td>
<td height="22"></td>
</tr>
</table>


<table width="400" border="0">
<tr>
<td width="20" height="22">[img]images/punto1.gif[/img]</td>
<td width="380" bordercolor="#FFFFFF"><h2 class="Stile1">
<div class="titolo_reti" onmouseover="MM_showHideLayers('testo_reti','','sh ow')">Creazione e gestione di reti informatiche</div>
</h2></td>
</tr>
<tr>
<td height="22"></td>
<td height="22"></td>
</tr>
</table>
questa è la parte dei testi

<div class="menu_destra"><div id="testo_sviluppo_software">Nell'azienda lo sviluppo software è uno dei nostri maggiori punti di forza grazie alle nuovo tecnologie usate e grazie ai nostri programmatori e alla loro professionalità.</div>


<div id="testo_reti">Analisi, progettazione e implementazione di reti LAN e WAN. mImplemetazione VPN.
Commercializzazione e messa in opera di centralini Voip basati sia su piattaforma Linux
Asterisk che Windows Swyx per call center e medio grandi strutture.
</div>
</div>

[Nick.ferro]

Dovresti postare anche funzione... MM_showHideLayers('testo_sviluppo_software','','sh ow')"


Comunque in quella funzione sull'onmouseover prima di tutto rendi tutti i testi display:none e poi al div che ti serve fai diplay:inline...

[xratmx]

Originariamente inviato da Nick.ferro
Dovresti postare anche funzione... MM_showHideLayers('testo_sviluppo_software','','sh ow')"


Comunque in quella funzione sull'onmouseover prima di tutto rendi tutti i testi display:none e poi al div che ti serve fai diplay:inline...

si scusa il codice eccolo:
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
obj.visibility=v; }
}

si ma se metto sulla funzione onmouseover tutti i testi none quando vado sopra a un titolo nn vedo nessun testo.

poi come faccio a mettere display:inline solo al div di 1 solo titolo??
quella è una proprieta del div e come faccio a cambiarle solo quando il mouse è sopra a 1 titolo?se la cambio la proprieta vale sempre!!no??
sono ignorante nn conosco ancora niente...

[Nick.ferro]

Non è questione di codice ma di logica...
Tu conosci i titoli e anche gli id dei testi...

fai una funzione così..
non è ottimale in quanto rendi tutti nascosti e poi visibile uno ma per rendere l'idea di come fare può andare...


function visualizza(id)
{
document.getElementById('id_testo_1')[0].style.display='none'; /* non so se è esattamente così.. */

document.getElementById('id_testo_2')[0].style.display='none';
document.getElementById('id_testo_3')[0].style.display='none';
document.getElementById('id_testo_4')[0].style.display='none';

/* ecc ecc ecc*/

/* ora rendi visibile quello che ti serve */

document.getElementById(id)[0].style.display='inline';

/* id fa parte di quelli che prima hai nascosto ovviamente */

}


/* la funzione la richiami sul onmouseover così */



<div class="sviluppo_software_titolo" onmouseover="visualizza('id_testo_visualizzabile') " >Sviluppo Softaware</div>




NO??
In tal modo sul onmouseover prima tutti nascosti e alla fine visibile quello che ti serve