Salve problema link

**DragonFire** · 31-05-2005, 11:47

Buongiorno a tutti!!
voglio che passando sopra a una parola con il mouse dovrebbe venire fuori la descrizione...ma nn a finestrella giallognola sotto...ma il testo dovrebbe ''esplodere'' e far uscire la descrizione in normale testo come se fosse del testo stesso

qlcno può aiutarmi?

**Mich_** · 31-05-2005, 12:12

usa l'attributo longdesc su un oggetto (span?, a?) che contiene la parola.

Purtroppo non funziona in tutti i browser (in particolare non funziona in IE).

**DragonFire** · 31-05-2005, 17:53

puoi farmi un esempio?
grazie ^_^

**fcaldera** · 31-05-2005, 18:03

può andare bene questo?

codice:

<html>
<head>
<script type="text/javascript">
function collapse(this_id) {
    document.getElementById(this_id).style.display = 'inline';
}
</script>
</head>

<body>
<a href="#" id="testo_prova" onclick="javascript:collapse('collapsed');">
cliccami
</a>

<span id="collapsed" style="display:none;">
(testo collassato)
</span>

</body>
</html>

**fcaldera** · 31-05-2005, 18:21

meglio questa...

codice:

<html>
<head>
<script type="text/javascript">
function collapse(this_element) {
    
    el = document.getElementById(this_element + '_collapsed').style.display;
    document.getElementById(this_element + '_collapsed').style.display = (el=='inline')? 'none' : 'inline';
    
}
</script>
</head>

<body>
link
<span id="testo_prova_collapsed" style="display:none;">
    (descrizione collassata)
</span>
altro testo affiancato...
</body>
</html>

**COMANDANTE SPACE** · 01-06-2005, 00:53

ciao,anche una cosa del genere funziona,l'unico "difetto" è che fra il primo elemento e il secondo ci deve essere esattamente uno spazio di tabulazione,cioè uno solo fra spazio,tab o invio.
Ha il vantaggio di non impegnare gli id

codice:

<html>
<head>
<script type="text/javascript">
function collapse(el) {el.nextSibling.nextSibling.style.display= (el.nextSibling.nextSibling.style.display=="none")?"inline":"none";}
</script>
</head>

<body>
link
<span style="display:none;">
    (descrizione collassata)
</span>

altro testo affiancato...
</body>
</html>

**fcaldera** · 01-06-2005, 17:22

Questa sarebbe anche meglio (perchè non usa javascript in nessun modo): con Firefox va alla grande però IE fa i capricci con i selettori CSS:

codice:

<html>
    <head>
        <style type="text/css">
               
        a.link_collassato + span {
            display: none;
        }

        a.link_collassato:hover + .testo_collassato {
            display: inline;
        }

        </style>
    </head>
<body>

Link

<span class="testo_collassato">
(testo collassato)
</span>

</body>
</html>

Discussione: Salve problema link

Strumenti discussione

Ricerca discussione

Visualizza

Salve problema link

Permessi di invio