menu di anteprima

**gorgonzola** · 23-05-2003, 15:28

Salve a tutti!

ho un problema ma non so se sono nel posto giusto..
cmq, non sono un grandissimo esperto, ma ho realizzato un sito in html e vorrei creare un elenco su una pagina: passando sopra alle voci dell'elenco (senza cliccarci!) vorrei che comparissero una serie di informazioni (tipo anteprima) in un'area definita della pagina accanto al menu.
Come posso fare per realizzare tale anteprima?!

In HTML o dovrei ricorrere al FLASH?!

Grazie anticipatamente per l'attenzione!Ciauz

**RobMcSword** · 23-05-2003, 16:44

che cosa devi visualizzare?

foto?
scritti?
altro...

**gorgonzola** · 23-05-2003, 17:00

dovrei visualizzare sia dello scritto che un'immagine-icona da utilizzare come link ad altre pagine

*pragma · 23-05-2003, 17:06

Originariamente inviato da gorgonzola
dovrei visualizzare sia dello scritto che un'immagine-icona da utilizzare come link ad altre pagine

questo è stato copiato su internet ed è leggibile la provenienza

<HTML>
<HEAD>

<STYLE>

.ttip {border:14px solid black;font-size:12px;layer-background-color: #dcdcdc;}
#tooltip{background-image:url('nomeSfondo.gif');background-repeat:no-repeat;background-position: 50% 50%;}
</STYLE>

<script>

//Script created by Jim Young (www.virgilio.it)
//Submitted to Website Abstraction (http://wsabstract.com)
//Visit http://wsabstract.com for this script

//Set the tool tip message you want for each link here.
var tip=new Array
tip[0]='Visita Quello Che Vuoi
e Buon Divertimento!'
tip[1]='Visita quello che vuoi
e salutami tutti!'
tip[2]= 'Un vero WebMaster sa come
Bisogna Fare'
tip[3]='Questo è proprio un
bellissimo sito'

function showtip(current,e,num)
{
if (document.layers) // Netscape 4.0+
{
theString="<DIV CLASS='ttip'>"+tip[num]+"</DIV>"
document.tooltip.document.write(theString)
document.tooltip.document.close()
document.tooltip.left=e.pageX+14
document.tooltip.top=e.pageY+2
document.tooltip.visibility="show"
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm=document.getElementById("tooltip")
elml=current
elm.innerHTML=tip[num]
elm.style.height=elml.style.height
elm.style.top=parseInt(elml.offsetTop+elml.offsetH eight)
elm.style.left=parseInt(elml.offsetLeft+elml.offse tWidth+10)
elm.style.visibility = "visible"
}
}
}
function hidetip(){
if (document.layers) // Netscape 4.0+
{
document.tooltip.visibility="hidden"
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm.style.visibility="hidden"
}
}
}
</script>

</HEAD>

<BODY>
/*prova a dare dei margini a questo link*/

<div id="tooltip" style="position:absolute;visibility:hidden; border:1px solid lack;font-size:12px;layer-background-color:#0099ff; background-color:#0099ff; padding:21px"></div>

[img]nomeImmagine.jpg[/img]

Forum di HTML

Il sito di chl

Un motore di ricerca
</BODY>
</html>

**piero06** · 23-05-2003, 20:36

codice:

L'inserimento dello script avviene in DUE fasi


			PRIMA FASE



<div ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:1;"></div><script
LANGUAGE="JavaScript" SRC="overlib.js"></script>






			     SECONDA FASE



Link 1



Link 4

**gorgonzola** · 24-05-2003, 11:58

il codice che mi ha mandato Pragma va benissimo:
l'ho modificato un pò.
Il problema che ho è quello di far visualizzare il messaggio sempre nella stessa posizione della pagina: avrei bisogno di fissare dei riferimenti relativi a qualche parte della pagina in maniera tale da far apparire il mex sempre nella stessa posizione indipendentemente dal tipo di grandezza dell'intera finestra e dal tipo di risoluzione usata!

come posso fare?!

questo è quanto ho fatto:
----------------------------------------------
<head>
<STYLE>
.ttip {border:14px solid black;font-size:12px;layer-background-color: #dcdcdc;}
</STYLE>

<script>

//Script created by Jim Young (www.virgilio.it)
//Submitted to Website Abstraction (http://wsabstract.com)
//Visit http://wsabstract.com for this script

//Set the tool tip message you want for each link here.
var tip=new Array
tip[0]='ciao1'
tip[1]='ciao2'
tip[2]='ciao3'

function showtip(current,e,num,altezza)
{
if (document.layers) // Netscape 4.0+
{
theString="<DIV CLASS='ttip'>"+tip[num]+"</DIV>"
document.tooltip.document.write(theString)
document.tooltip.document.close()
document.tooltip.left=e.pageX+14
document.tooltip.top=e.pageY+2
document.tooltip.visibility="show"
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm=document.getElementById("tooltip")
elml=current
elm.innerHTML=tip[num]
elm.style.height=elml.style.height
elm.style.top=parseInt(elml.offsetTop+elml.offsetH eight+150-altezza) //ho fissato l'altezza relativa al pulsante
elm.style.left=parseInt(elml.offsetLeft+elml.offse tWidth+72)
elm.style.visibility = "visible"
}
}
}

function hidetip(){
if (document.layers) // Netscape 4.0+
{
document.tooltip.visibility="hidden"
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm.style.visibility="hidden"
}
}
}

</script>

</head>
<body>
<div id="tooltip" style=" width: 250px; HEIGHT: 400px ;position:absolute; visibility:hidden; border:1px solid #FFFF00; font-size:12px; layer-background-color:#FFFFFF ; background-color:#FF9900; padding:20px"></div>
<table class="tdTabAlbum">
<tr><td>

[img]../albumrivisondoli2.gif[/img]

[img]../albumroma2.gif[/img]

[img]../albumsalerno2.gif[/img]

</td></tr>
</table>
<body>
-----------------------------------------------------------
Il problema è che, variando le dimenzioni della finestra del browser, i mex rispettano sempre le posizioni da me indicate che non coincidono con le varie visualizzazioni possibili.
HELP!
:master:

**piero06** · 24-05-2003, 14:05

Originariamente inviato da gorgonzola
Il problema è che, variando le dimenzioni della finestra del browser, i mex rispettano sempre le posizioni da me indicate che non coincidono con le varie visualizzazioni possibili.
HELP!
:master:

il mio si adatta a tutte le risoluzioni !

*pragma · 25-05-2003, 16:27

Originariamente inviato da gorgonzola
il codice che mi ha mandato Pragma va benissimo:
l'ho modificato un pò.
Il problema che ho è quello di far visualizzare il messaggio sempre nella stessa posizione della pagina: avrei bisogno di fissare dei riferimenti relativi a qualche parte della pagina in maniera tale da far apparire il mex sempre nella stessa posizione indipendentemente dal tipo di grandezza dell'intera finestra e dal tipo di risoluzione usata!
come posso fare?!
....

Il problema è che, variando le dimenzioni della finestra del browser, i mex rispettano sempre le posizioni da me indicate che non coincidono con le varie visualizzazioni possibili.
HELP!

ascolta
il problema è di impostazione della struttura della pagina come la im posti (per renderla ridimensionabile o altre strategie)
fai una ricerca

per non fare variare alla scelta del visualizza --> carattere --> ecc.. devi impostare oltre che font-size:n°px; anche line-height:n°px;

ciao

Discussione: menu di anteprima

Strumenti discussione

Ricerca discussione

Visualizza

menu di anteprima

Permessi di invio