Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di nourdine
    Registrato dal
    Nov 2005
    Messaggi
    1,130

    cambia stile di un div con className

    ho scritto sto script per cambiare l'id di un certo div in una certa classe già inclusa nei css ma da usare solo nel caso si verifichi il click su un certo link nella pagina. ho usato l'attributo className. Però non funziona. che dite mestri?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <HEAD>
    <TITLE>Untitled Page</TITLE>

    <style type="text/css">
    /* stile di default del div su cui si apporterà poi il cambiamento di stile */
    #mutevole {background: red;
    width: 300px;
    height: 300px;
    font-size: 18px;
    color: #fff;
    margin: auto;
    }

    /* ecco la classe da usare alla pressione del link "cambia stile" (vedi l'html) */
    .nuova{background: green;
    width: 200px;
    height: 200px;
    font-size: 18px;
    color: #fff;
    margin: auto;}

    </style>


    <script type="text/javascript">

    /* ecco la funzione che dovrebbe cambiare lo stile del div scelto */
    function change(target){

    if(document.getElementById){

    var mutante = document.getElementById(target);

    mutante.className = "nuova";

    }
    }

    </script>

    </HEAD>
    <BODY>

    cambia stile

    <div id="mutevole">ciao come stai world?</div>

    </BODY>
    </HTML>

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Ho cambiato li tuo script sperando daver capito cosa volevi
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <HEAD>
    <TITLE>Untitled Page</TITLE>
    
    <style type="text/css">
    /* stile di default del div su cui si apporterà poi il cambiamento di stile */
    .attuale {background-color: red;
    width: 300px;
    height: 300px;
    font-size: 18px;
    color: #fff;
    margin: auto;
    }
    
    /* ecco la classe da usare alla pressione del link "cambia stile" (vedi l'html) */
    .nuova{background-color: blue;
    width: 200px;
    height: 200px;
    font-size: 18px;
    color: #fff;
    margin: auto;}
    
    </style>
    
    
    <script type="text/javascript">
    
    /* ecco la funzione che dovrebbe cambiare lo stile del div scelto */
    function cambia(DIV){
    var mutante = (document.getElementById(DIV).className == "attuale")? document.getElementById(DIV).className = "nuova" : document.getElementById(DIV).className = "attuale";
    }
    
    </script>
    
    </HEAD>
    <BODY>
    
    cambia stile
    
    <div id="mutevole" class="attuale">ciao come stai world?</div>
    
    </BODY>
    </HTML>
    a ogni click cambia lo stile, il tuo credo non funzionasse perchè non assegnavi una classe al div, ma non sono sicuro. Se cosi puo andare bene Ok altrimenti come non detto.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.