Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Finestra descrittiva

  1. #1
    Utente bannato
    Registrato dal
    Dec 2002
    Messaggi
    366

    Finestra descrittiva

    Salve, l'area "downlaod" del mio sito č strutturata nel modo che
    potete vedere nel file allegato.

    Vorrei che al passaggio del mouse sui nomi dei programmi che possono
    essere scaricati nella suddetta area compaia rispettivamente a destra
    o a sinistra (a seconda della disposizione delle tabelle) una breve
    descrizione del programma stesso.
    Sapete cosa devo fare per ottenere questo effetto?

    Anticipatamente ringrazio tutti coloro che mi daranno uno mano.

    Ciao

  2. #2
    Utente bannato
    Registrato dal
    Dec 2002
    Messaggi
    366
    Nessuno sā indicarmi uno script avente questa funzione???

  3. #3
    Utente bannato
    Registrato dal
    Dec 2002
    Messaggi
    366
    Up

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    codice:
    <html>
    <head>
    <title></title>
    <style type="text/css">
    #contenitore{
    	width:500px;
    }
    .clBoth{
    	clear:both;
    }
    .infoBox{
    	display:inline;
    	width:200px;
    	height:200px;
    	padding:5px;
    	margin:3px;
    	border:1px solid #ff0000;
    }
    </style>
    <script type="text/javascript">
    // qui la matrice con le descrizioni
    var desc=[
    ["descrizione box0 prodotto 0","descrizione box0 prodotto 1","descrizione box0 prodotto 2"],
    ["descrizione box1 prodotto 0","descrizione box1 prodotto 1","descrizione box1 prodotto 2"],
    ]
    
    function riempi(numBox,prod){
    	document.getElementById('box'+numBox).innerHTML=desc[numBox][prod]
    }
    </script>
    </head>
    <body>
    <div id="contenitore">
    <div id="box0" class="infoBox" style="float:left"></div>
    box0<hr />
    prodotto0
    
    prodotto1
    
    prodotto2
    <br class="clBoth" />
    
    <div id="box1" class="infoBox" style="float:right"></div>
    box1<hr />
    prodotto0
    
    prodotto1
    
    prodotto2
    <br class="clBoth" />
    
    </div>
    </body>
    </html>

  5. #5
    Utente bannato
    Registrato dal
    Dec 2002
    Messaggi
    366
    Grazie Xinod per il tuo aiuto, 6 come al solito preziosissimo!

    Volevo chiederti se potevi togliere la tabella rossa dove vanno a posizionarsi le descrizioni e se potevi far scomparire le descrizioni una volta che l'utente vā a togliere il cursore dal nome del programma!

    Grazie 1000

  6. #6
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    che intendi con togliere la tabella rossa?
    se intendi il bordo togli questo
    border:1px solid #ff0000;


    x svuotare onmouseout aggiungi questa funzione nello script

    function svuota(numBox){
    document.getElementById('box'+numBox).innerHTML=''
    }

    poi modifica tutti i link
    prodotto0

    ...
    prodotto2

    ciao

  7. #7
    Utente bannato
    Registrato dal
    Dec 2002
    Messaggi
    366
    Perfetto, grazie grazie grazie!

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.