Visualizzazione dei risultati da 1 a 5 su 5

Discussione: formattare codice

  1. #1

    formattare codice

    ciao ragazzi

    sto utilizzando questo script che ho scaricato da html.it funziona perfettamente ma vorrei formattare le scritte mostra e nascondi sulla funzione attiva qua per intenderci:

    Attiva("1","mostra","nascondi");



    ecco il codice

    come posso fare?



    <head>
    <script>


    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);
    }

    </script>

    </head>
    <body >


    <script>
    if(document.getElementById && document.createElement){
    window.onload=function(){
    /*le modifiche allo script vanno solo fatte qui*/
    Attiva("1","mostra","nascondi");
    Attiva("2","mostra","nascondi");

    }
    }

    </script>
    <div id="1">


    Ricordati di non sottovalutare mai il potere infinito dello sforzo. (Mel Brooks in "Balle spaziali") </p>
    </div>



    <div id="2">


    ricordati che devi morire .... e mo moo scrivo!(Troisi in "Non ci resta che piangere") </p>
    </div>

    </body>
    </html>


  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Non so in che modo tu intenda "formattare"... ma vedi l'esempio:
    codice:
    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.style.color = 'red'; 
    link.appendChild(document.createTextNode(s1));
    link.onclick=function(){
    link.firstChild.nodeValue = (link.firstChild.nodeValue==s1) ? s2 : s1;
    link.style.color = (link.firstChild.nodeValue==s1) ? 'red' : 'blue'; 
    el.style.display=(el.style.display=="none") ? "block" : "none";
    return(false);
    }
    c.appendChild(link);
    el.parentNode.insertBefore(c,el);
    }
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3

    formattazione ok ma come li apro tutti

    grazie br1 non mi ero accorto che era nel codice la formattazione del link,
    ora mi si pone un nuovo problema:

    posso creare un link che mi apre tutti i div e uno invece che me li chiude tutti?

    una sorta di: attiva(all) attiva(alloff) chiaramente non si fa così ma è per capirci!



  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998

    Re: formattazione ok ma come li apro tutti

    Originariamente inviato da aledg
    grazie br1 non mi ero accorto che era nel codice la formattazione del link,
    ora mi si pone un nuovo problema:

    posso creare un link che mi apre tutti i div e uno invece che me li chiude tutti?

    una sorta di: attiva(all) attiva(alloff) chiaramente non si fa così ma è per capirci!


    Apri un'altra discussione, questo problema non e' attinente al titolo e non verrebbe mai identificato da chi potrebbe invece capire di poterti essere d'aiuto dal titolo.

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5

    ok grazie

    grazie mille

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.