Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    390

    jquery cambio style in funzione

    ciao.....

    ho un piccolo problema per attribuire un css ad un bottone con jquery.

    allora:
    io ho questa lista di bottoni:

    codice:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
    <script type="text/javascript">
    
    function myfunction(type){
    
    //mio codice
    
    
    }
    
    </script>
    
    <input type="button" value="prov1" onclick="myfunction(2)" class="style" >
    <input type="button" value="prov2" onclick="myfunction(3)" class="style" >
    <input type="button" value="prov3" onclick="myfunction(4)" class="stylep" >
    <input type="button" value="prov4" onclick="myfunction(5)" class="style" >
    <input type="button" value="prov5" onclick="myfunction(6)" class="style" >
    <input type="button" value="prov6" onclick="myfunction(7)" class="style" >
    <input type="button" value="prov7" onclick="myfunction(8)" class="style" >

    vorrei che quando clicco sul bottone ed esegue la funzione, la funzione applicasse uno stile css al bottone premuto, ma solo a quello.

    Ciao Grazie mille

  2. #2
    Utente di HTML.it L'avatar di echoweb
    Registrato dal
    Sep 2008
    Messaggi
    419
    Ciao,

    prova così:

    Codice PHP:
    <style>
    .
    class_btn{border:1px solid red;}
    </
    style>

    <
    script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
    <script type="text/javascript">
    function myfunction(btnId,type){
            //mio codice
        $("#"+btnId).addClass("class_btn");
    }

    </script>



    <input id='btn1' type="button" value="prov1" onclick="myfunction(this.id,2)" class="style" >
    <input id='btn2' type="button" value="prov2" onclick="myfunction(this.id,3)" class="style" >
    <input id='btn3' type="button" value="prov3" onclick="myfunction(this.id,4)" class="style" >
    <input id='btn4' type="button" value="prov4" onclick="myfunction(this.id,5)" class="style" >
    <input id='btn5' type="button" value="prov5" onclick="myfunction(this.id,6)" class="style" >
    <input id='btn6' type="button" value="prov6" onclick="myfunction(this.id,7)" class="style" >
    <input id='btn7' type="button" value="prov7" onclick="myfunction(this.id,8)" class="style" > 


    "Non soffocare la tua ispirazione e la tua immaginazione,
    non diventare lo schiavo del tuo modello"

    Vincent van Gogh

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 © 2026 vBulletin Solutions, Inc. All rights reserved.