Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881

    Jquery per modificare stile e abilitazione controlli

    Sto lavorando con aspnet serverside e sono piuttosto "ligneo" sulla parte client.
    Ho una pagina con una massa di controlli (textbox per lo più), alcuni di questi hanno una classe css "bgc"... well, devo fare in modo che a seconda dell'index selezionato di una dropdownlist i textbox vengano abilitati/disabilitati e quelli che hanno la classe "bgc" prendano la classe "bgcno".
    Ho pensato a JQuery perchè so che ha dei comodi selettori per classe e per type textbox, perchè se lo faccio serverside devo ciclarmi tutti i controlli della pagina e fare una botta di if ed è un lavoro... solo che non so usare bene JQuery, mi date una mano?

    La dropdown ha ID "versioni": se è selezionato un listitem diverso dal primo deve cambiare in "bgcno" e disabilitare i textbox, altrimenti deve riabilitarli e rimettere il "bgc" a quelli che l'avevano prima.

    Si dovrebbe partire con una cosa così (credo):

    codice:
    if (document.getElementById("versioni").selectedIndex == 0) {
                        $(".bgc").switchClass("bgc", "bgcno");
                        $(":text").disableSelection();
                    } else {
                        $(".bgcno").switchClass("bgcno", "bgc")
                        $(":text").enableSelection();
                    }
    ma oltre a non essere certo di quel che ho scritto sopra, leggo che enableSelection e disableSelection sono deprecated... quindi?
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  2. #2
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    Ok, prima cosa scoperta sul campo: ho invertito le classi... è così:
    codice:
    if (document.getElementById("versioni").selectedIndex == 0) {
                        $(".bgc").switchClass("bgcno", "bgc");
                        $(":text").disableSelection();
                    } else {
                        $(".bgcno").switchClass("bgc", "bgcno")
                        $(":text").enableSelection();
                    }
    però brancolo ancora nel buio per l'enable/disable
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  3. #3
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    dai che ci arrivo

    codice:
                    if ($("#versioni")[0].selectedIndex == 0) {
                        $(".bgcno").switchClass("bgcno", "bgc");
                        $(":text").attr('disabled', 'disabled');
                    } else {
                        $(".bgc").switchClass("bgc", "bgcno")
                        $(":text").removeAttr('disabled');
                    }
    le classi switchano correttamente, enable/disable ancora no
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  4. #4
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    Sono proprio rovescio... così funziona tutto meravigliosamente bene
    codice:
     if ($("#versioni")[0].selectedIndex == 0) {
                        $(".bgcno").switchClass("bgcno", "bgc");
                        $(":text").removeAttr('disabled');
                    } else {
                        $(".bgc").switchClass("bgc", "bgcno")
                        $(":text").attr('disabled', 'disabled');
                    }
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  5. #5
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, prova con
    codice:
    $(":text").prop("disabled", true);
    $(":text").prop("disabled", false);

    EDIT:
    così funziona tutto meravigliosamente bene
    come non detto
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

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.