insieme di immagini e link a (s)comparsa

**netmoney** · 20-10-2007, 20:04

salve a tutti

immaginiamo di avere il seguente codice (l'ho scritto a mano, quindi potrebbe esserci qualche errore]

codice:

 auto e moto

quindi un codice che mostra un'immagine e un testo, entrambi linkati alla pagina auto_e_moto

io vorrei che in situazioni normali venga mostrata la sola immagine, e quando il mouse passa sull'immagine appaia a fianco la scritta. la scritta deve rimanere fintanto che il mouse rimane sulla l'area "cliccabile" (il puntatore è la manina); quindi la scritta deve rimanere anche quando si passa dall'immagine alla scritta. appena il puntatore esce dall'area cliccabile, il testo sparisce.

grazie per l'attenzione

**andr3a** · 20-10-2007, 20:25

in pratica vuoi il title sull'immagine ...

<a href="auto_e_moto.htm">
[img]immagine_auto_moto.gif[/img]
</a>

evviva il markup

**netmoney** · 20-10-2007, 21:36

non voglio il title

voglio uno script che tramite l'event onmouseover sull'immagine mi faccia apparire accanto all'immagine, alla sua destra, il testo. spostando il puntatore dall'immagine al testo appena apparso, il testo però deve rimanere mostrato, in quanto il puntatore rimane ancora nell'area definita dal tag < a >
spostando il puntatore al di fuore dell'area definita dal tag < a > il testo deve sparire, così com'era apparso

spero che ora sia stato più chiaro

**kentaromiura** · 20-10-2007, 21:55

il title è importante per varie ragioni..
comunque ecco a te lo script che vuoi:

Codice PHP:


<html>

<head>

<script type="text/javascript">

onload=function(){

    var links = document.getElementsByTagName("a");

    for(var i=0,max=links.length;i<max;i++){

        var imgs = links[i].getElementsByTagName("img");

        var texts = links[i].getElementsByTagName("span");

        if(imgs && imgs.length==1 && texts && texts.length==1){

            texts[0].style.display="none";

            links[i].onmouseover=function(){

                texts[0].style.display="";

            }

            links[i].onmouseout=function(){

                texts[0].style.display="none";

            }

        }

    }

}

</script>

</head>

<body>

[url="auto_e_moto.htm"][img]immagine_auto_moto.gif[/img]<span class="title">auto e moto</span>[/url]

</body>

</html>

**andr3a** · 21-10-2007, 04:23

Originariamente inviato da netmoney
non voglio il title

voglio uno script che ...

... fa da title

... usando JS per replicare un banale title

scusa se insisto, ma non vedo niente di diverso da un title in quello che chiedi .... gli standards sono standards

**netmoney** · 21-10-2007, 10:29

beh, non è proprio un title. il title appare in sovraimpressione alla pagina dopo alcuni secondi. a me interessa che appaia fisicamente nella pagina. quindi è una informazione più immediata rispetto al title

grazie kentaromiura per il tuo script

purtroppo ho un problemino. funziona correttamente, ma quando cerco di implementarlo nella pagina dove vorrei usarlo, il testo non compare quando passo il mouse sull'immagine.

IE mi segnala questo errore
texts.0.style è nullo o non è un oggetto

la pagina dove voglio usare lo script è questa: http://forum.ioguadagno.it/
in alto, sopra e sotto il logo ci sono due righe con alcuni link (portale, chat... regolamento, faq). ho inserito lo script nell'head e aggiunto il tag span nel testo su un solo link. (ho provato in locale, quindi non vedi alcuna modifica online). quando carico la pagina il testo appare, terminato il caricamento scompare, ma quando il mouse va sull'immagine non appare niente e IE nella barra di stato indica che ci sono stati errori nella visualizzazione

quale può essere il problema?

**netmoney** · 29-10-2007, 22:46

nessuna soluzione?

Discussione: insieme di immagini e link a (s)comparsa

Strumenti discussione

Ricerca discussione

Visualizza

insieme di immagini e link a (s)comparsa

Permessi di invio