Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2004
    Messaggi
    170

    Modifica Mostrare/nascondere elementi di una pagina

    Ciao ho scaritato dal sito uno scritp js per mostrare nascondere contenuti,

    --------------------------------------------
    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("datiazienda","Espandi dati azienda","Nascondi dati azienda"); }
    }

    function Attiva(id,s1,s2){
    var el=document.getElementById(id);
    el.style.display="none";
    var c=document.createElement("div");
    var link=document.createElement("a");
    link.href="#";
    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);
    }

    -------------------------------------------------------------------------

    Sono un po a digiuno di javascript, ma vorrei cambiare lo stile al link che mi da in automatico

    Praticamente vorrei iserirci un'immagine al posto di un link testuale..

    Consigli?

    grazie mille
    I migliori teologi delle principali religioni della terra mettono in rete 10.000 supercomputers, caricati con la base di conoscenza umana e pongono la fatidica domanda:
    - Dio esiste? Il mostro dalle 10.000 teste ci ragiona sopra per 7 giorni e poi risponde: "ORA SI!"

  2. #2
    Crei un elemento di tipo img (nello stesso modo in cui crea il link) gli setti gli attributi (src, alt) e lo appendi all'elemento link.

    codice:
    var img = document.createElement("img");
    img.setAttribute("src","indirizzoimmagine");
    img.setAttribute("alt", s1);
    link.appendChild(img);
    Ovviamente in questo caso togli la riga in cui setta il testo del link (il testo nella variabile s1 lo abbiamo usato come testo alternativo dell'immagine):

    codice:
    link.appendChild(document.createTextNode(s1));
    Sgro - Webmaster, programmazione c# e progettazione database.
    Non si forniscono soluzioni in privato.
    Non si fornisce la "pappa pronta".

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2004
    Messaggi
    170
    Grande!

    Era quello che cercavo!!

    grazie mille
    I migliori teologi delle principali religioni della terra mettono in rete 10.000 supercomputers, caricati con la base di conoscenza umana e pongono la fatidica domanda:
    - Dio esiste? Il mostro dalle 10.000 teste ci ragiona sopra per 7 giorni e poi risponde: "ORA SI!"

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.