Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    script mostrare nascondere elementi

    Vorrei utilizzare lo script della raccolta html.it che permette di mostrare nascondere elementi di una pagina però vorrei sapere se è possibile visualizzare delle immagini anzichè del testo spoglio come propone lo script?

    Attiva("commenti","mostra","nascondi");
    Attiva("immagine","visualizza immagine","nascondi immagine");

  2. #2
    Prendendo spunto da questo esempio ho modificato il codice così:

    codice:
    if(document.getElementById && document.createElement){
    document.write('<style type="text/css">*.toggle{display:none}</style>');
    window.onload=function(){
        /*le modifiche allo script vanno solo fatte qui*/
        Attiva("condividi","images/technorati_small.gif"," Condividi"," Condividi");
        Attiva("subscribe","images/rss_logo_mozilla.gif"," Subscribe"," Subscribe");
        }
    }
    
    function Attiva(id,imgurl,s1,s2){
    var el=document.getElementById(id);
    el.style.display="none";
    var c=document.createElement("div");
    var link=document.createElement("a");
    
    var immagine = document.createElement("IMG");
    immagine.setAttribute("src",imgurl);
    immagine.setAttribute("alt",s1);
    immagine.setAttribute("border","0");
    
    link.href="#";
    link.appendChild(immagine);
    link.appendChild(document.createTextNode(s1));
    link.onclick=function(){
        link.firstChild.nodeValue = (link.firstChild.nodeValue==s1) ? s2 : s1;
        el.style.display=(el.style.display=="none") ? "block" : "none";
        return(false);
        }
    c.appendChild(link);
    el.parentNode.insertBefore(c,el);
    }
    E funziona!

    Le modifiche che ho apportato io sono quelle in rosso.

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.