Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    6

    Testo esplicativo per link

    Come di solito avviene, in una pagina web ci sono alcune piccole immagini, cliccando sulle quali si attiva il collegamento ad altre pagine.
    Vorrei ottenere il seguente effetto: passando col puntatore sopra l'immagine, si dovrebbe visualizzare in una zona fissa dello schermo (quindi non a fianco dell'immagine) un testo di poche parole, che chiarisca il significato di quell'immagine e/o del link che da essa si attiva.
    Non so come fare per ottenere questo, utilizzando l'html eventualmente con css; oppure è possibile soltanto con applicazioni particolari?
    Grazie.

  2. #2
    così:

    codice:
    L'inserimento dello script avviene in TRE fasi
    
    
    
          			       PRIMA FASE
    <!------- INIZIO CODICE DA COPIARE NELL'INTESTAZIONE (tra <head> e </head>) --------!>
    
    <style TYPE="text/css">
    <!--
    BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
    .DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
    //-->
    </style>
    
    <!------- FINE CODICE DA COPIARE NELL'INTESTAZIONE (tra <head> e </head>) --------!>
    
    
    
    			         SECONDA FASE
    <!------- INIZIO CODICE DA COPIARE NEL CORPO DELLA PAGINA (tra <body> e </body>) -----!>
    
    <div ID="dek" CLASS="dek"></div><script TYPE="text/javascript">
    <!--
    
    /*
    Pop up information box II (Mike McGrath (mike_mcgrath@lineone.net,  http://website.lineone.net/~mike_mcgrath)
    */
    
    Xoffset=-60;
    Yoffset= 20;
    
    var nav,old,iex=(document.all),yyy=-1000;
    if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
    
    if(!old){
    var skn=(nav)?document.dek:dek.style;
    if(nav)document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove=get_mouse;
    }
    
    function popup(msg,bak){
    var content="<TABLE  WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
    "BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
    if(old){alert(msg);return;} 
    else{yyy=Yoffset;
     if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
     if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
     }
    }
    
    function get_mouse(e){
    var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
    var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
    }
    
    function kill(){
    if(!old){yyy=-1000;skn.visibility="hidden";}
    }
    
    //-->
    </script>
    
    
    <!------- FINE CODICE DA COPIARE NEL CORPO DELLA PAGINA (tra <body> e </body>) ------!>
    
    
    
    				TERZA FASE
    <!----------INIZIO CODICE DA COPIARE PER OGNI COLLEGAMENTO IPERTESTUALE------------!>
    
    Link 1
    
    <!----------FINE CODICE DA COPIARE PER OGNI COLLEGAMENTO IPERTESTUALE------------!>
    
    ATTENZIONE: Il colore dello sfondo del popup (nell'esempio sopra 'lightgreen') deve essere scritto
    in lingua inglese e riconoscibile dal browser. Non utilizzate nomi di colori poco comuni, né
    tantomeno espressi in italiano

  3. #3
    Reale_Augello
    Guest

    Ciao...

    ... robest e benvenuto nel forum !

    Prova così:

    codice:
    [img]immagine.gif[/img]
    
    
    <div id="des"></div>
    Ciao !

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    6
    Ringrazio per i contributi, ma il problema non è risolto, in quanto il testo esplicativo del link e/o dell'immagine dovrebbe comparire in un punto fisso dello schermo, ad esempio nell'angolo in alto a sinistra e non vicino all'immagine; insomma, dovunque si trovi l'immagine col link, quando ci passa sopra il puntatore il testo deve comparire sempre nello stesso punto dello schermo.
    E' proprio irrisolvibile questo problema?

  5. #5
    Reale_Augello
    Guest

    Certo...

    ... che è risolvibile: se, nella mia soluzione, sposti il livello "des" in un altra posizione della pagina (dove vuoi tu, insomma), lo script continua a funzionare.

    Ciao !

  6. #6
    Originariamente inviato da robest
    Ringrazio per i contributi, ma il problema non è risolto, in quanto il testo esplicativo del link e/o dell'immagine dovrebbe comparire in un punto fisso dello schermo, ad esempio nell'angolo in alto a sinistra e non vicino all'immagine; insomma, dovunque si trovi l'immagine col link, quando ci passa sopra il puntatore il testo deve comparire sempre nello stesso punto dello schermo.
    E' proprio irrisolvibile questo problema?
    cioè vuoi che il testo compaia in un punto preciso della pagina ? Basta che posizioni la tabella dove vuoi !


  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    6
    Bene, il problema è risolto completamente!
    Ringrazio di cuore i 'seniores' che mi hanno dato una mano.

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.