La spiegazione dei passaggi da fare.

Di: Gian Paolo | 26/09/2020 17:23:54
Ciao a tutti ragazzi.
Avevo un quesito per voi:
Mettiamo caso che ho un link, io vorrei che al passaggio sopra del mouse venga visualizzato sulla destra un testo, con una breve descrizione. Qual'è il metodo più semplice??? è possibile?
Thank!!!!!!!!!1

Risposte



Ciao è possibile. Uno dei sistemi più semplici è usare il TAG ALT o TITLE. In alternativa (ma bisogna essere molto pratici) attivare o disattivare un livello a seconda dell'evento. Siccome la spiegazione risulterebbe un tantino articolata, provo a postarti il codice... spero che comprenderai i passaggi:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtm">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tooltip Livello</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:157px;
top:12px;
width:460px;
height:32px;
z-index:1;
background-color: #009900;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
padding: 2px;
visibility: hidden;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<div id="Layer1">Questo livello è soggetto agli eventi (OnMouseHover e OnMouseOut). La regola di stile (Visibility: hidden;) consente, all'avvio del browser di essere nascosto.</div>
<a href="#" onfocus="MM_showHideLayers('Layer1','','hide')" onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide')">Prova tooltip con livello </a>
</body>
</html>
Ecco l'esempio:http://starweb.starnet.it/gianpaolo/forum/link_livello/
Facci sapere
(seguirà anche la spiegazione dettagliata dei passaggi).

Di: Gian Paolo | 26/09/2020 17:23:54

La spiegazione dei passaggi da fare.

Crei un link nella pagina, nominandolo secondo le tue esigenze. Per comodità, nell'esempio, lo chiamiamo "Mio link". Immediatamente dopo, cliccando sulla apposita icona (Disegna livello) che trovi nella scheda Layout dal pannello Inserisci, disegni un livello di fianco a Mio link. Inserisci la scritta che desideri, poi col tasto destro del mouse clicchi sulla regola di stile Layer1, col tasto sinistro selezioni "Modifica". Dal pannello "Definizione regola CSS", inserisci i parametri del carattere, aggiungi uno sfondo, regoli eventualmente altezza, larghezza e posizioni del LAYER. Dopodiché selezioni il link (Mio link), (ripeto selezioni il link altrimenti i comportamenti potrebbero associarsi in modo sbagliato) e dal pannello Tag scheda Comportamenti pulsante + vai su Mostra/Nascondi Livelli. Ti apparirà la finestra col nome predefinito del Layer (Layer1), Clicchi su "Mostra" e poi su "Ok".
Come Evento predefinito dovrebbe comparirti OnClick nel pannello "Comportamenti", fai clik sulla scritta "OnClick" e dal munu a tendina che compare, lo cambi in "onMouseOver". Ritorni sul tasto + dei comportamenti, su Mostra/Nascondi Livelli, clicchi su "Nascondi" e selezioni l'evento "onMouseOut". Ripeti l'operazione cliccando su "Nascondi" associando l'evento "onFocus".
Infine, selezioni il "Layer o livello", al lato del link, vai sul pannello CSS evidenzi la scheda Livelli e sulla sinistra del nome "Layer1" clicchi fino a quando ti compare l'icona dell'occhio chiuso.
Premi sul pulsante F12 per aprire il browser e controlli se è tutto a posto.
Facci sapere se ci sono state difficoltà.

Di: Gian Paolo | 26/09/2020 17:23:54


OTTIMO FUNZIONA!!!!!!
Grazie GianPaolo, una sola cosa, per nascondere il livello (commento) ho seleionato nelleproprietà del livello l'attributo Vis>HIDDEN. Fà lo stesso no?

Di: dosa85 | 26/09/2020 17:23:54


Si, infatti nella proprietà del livello deve esserci l'attributo "hidden" per nasconderlo. Doveva crearsi in automatico, secondo le istruzioni.

Di: Gian Paolo | 26/09/2020 17:24:54