Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 15
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2008
    Messaggi
    8

    visualizzare testi diversi nella stessa parte di pag

    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

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

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2008
    Messaggi
    8
    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?

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

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2008
    Messaggi
    8
    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

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

  7. #7
    Utente di HTML.it
    Registrato dal
    Jul 2008
    Messaggi
    8
    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>

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

  9. #9
    Utente di HTML.it
    Registrato dal
    Jul 2008
    Messaggi
    8
    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...

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

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.