Value eines Buttons ändern

  • Hallo zusammen,


    ich habe folgendes "Problem", es existieren drei Buttons (Tanken, Geldbaustein, Geld). Nun soll wenn der Button Geld und der Button Tanken geklickt wurde sich auch automatisch der Button Geldbaustein auf den gleichen value-Wert setzen.


    Ich habe folgenden Code schon ausgearbeitet:


    function BildEinAusBlenden(){

    var tanken = $('input[name=var_switch_var_seite_1_feld_22_typ_bild_parmname_Tanken]');

    var geldbaustein = $('input[name=var_switch_var_seite_1_feld_21_typ_bild_parmname_Geld]');

    var geld = $('input[name=var_switch_var_seite_1_feld_23_typ_bild_parmname_Geld]');

    for (var i=geldbaustein.length-1; i>=0; --i) {

    var elem = geldbaustein[i];

    if(elem.value == ''){

    elem.value='off';

    }

    else{

    elem.value='';

    }

    }

    for (var i=geld.length-1; i>=0; --i) {

    var elem = geld[i];

    if(elem.value == ''){

    elem.value='off';

    }

    else{

    elem.value='';

    }

    }

    for (var j=tanken.length-1; i>=0; --i) {

    var elem = tanken[j];

    if(elem.value == ''){

    elem.value='off';

    }

    else{

    elem.value='';

    }

    }



    var tanken = $('span[name=ein_aus_blenden_button_var_seite_1_feld_22_typ_bild_parmname_Tanken]');

    var geldbaustein = $('span[name=ein_aus_blenden_button_var_seite_1_feld_21_typ_bild_parmname_Geld]');

    var geld = $('span[name=ein_aus_blenden_button_var_seite_1_feld_23_typ_bild_parmname_Geld]');

    for (var i=geldbaustein.length-1; i>=0; --i) {

    var elem = geldbaustein[i];

    if(elem.textContent == 'Baustein einblenden'){

    elem.textContent = 'Baustein ausblenden';

    }

    else{

    elem.textContent = 'Baustein einblenden';

    }

    }


    for (var i=geld.length-1; i>=0; --i) {

    var elem = geld[i];

    if(elem.textContent == 'Baustein einblenden'){

    elem.textContent = 'Baustein ausblenden';

    }

    else{

    elem.textContent = 'Baustein einblenden';

    }

    }



    for (var j=tanken.length-1; i>=0; --i) {

    var elem = tanken[j];

    if(elem.textContent == 'Baustein einblenden'){

    elem.textContent = 'Baustein ausblenden';

    }

    else{

    elem.textContent = 'Baustein einblenden';

    }

    }





    Overlay.show($(".overlay_waiter"), function() {

    Aktualisieren();

    });

    }


    Mit diesem Code wird bei Klick auf einen der Button immer Button Geld und Button Geldbaustein aus-/eingeblendet - leider auch wenn ich auch den Button Tanken klicke...


    Leider bin ich noch ein totaler Anfänger und hab mir die Schnipsel alle zusammen gesucht.

    :S


    Danke schon mal für eure Hilfe!


    Grüße


    Janine

  • Hi Basti,

    Kurz noch zur Erklärung es geht um einen editierbaren Artikel (mit Live-Ansicht), wenn ein Button gedrückt wird, wird in dieser Ansicht ein bestimmtes Bild ausgeblendet. Wenn beide Buttons (Geld und Tanken) angeklickt und deren Bilder ausgeblendet sind soll das Bild von Button Geldbaustein ebenfalls ausgeblendet werden. Das läuft im ursprünglichen Code über ein Value das erst '(LEER)' ist und bei Klick auf Button 'OFF' beinhaltet.


    Das ist der HTML-Code:


    &var_kommbeginn_bild_ein_aus_blenden

    <span class="button_baustein medium bild_ein_aus_blenden_btn" style="width:29.25%;top: 3px;margin-left: 31%;">

    <a href="javascript:BildEinAusBlenden('&var_vs_name');">

    <input type="hidden" name="var_switch_&var_vs_name" value="">

    <span class="button_text" name="ein_aus_blenden_button_&var_vs_name" style="width:160px">&var_sprachkonstante_Baustein_ausblenden</span>

    <span class="button_icon"></span>

    </a>

    </span>

    &var_kommende_bild_ein_aus_blenden



    Und hier noch der ursprüngliche JS-Code:


    function BildEinAusBlenden(var_vs_name){

    var inputFields = $('input[name=var_switch_' + var_vs_name + ']');

    for (var i=inputFields.length-1; i>=0; --i) {

    var elem = inputFields[i];

    if(elem.value == ''){

    elem.value='off';

    }

    else{

    elem.value='';

    }

    }

    var spanFields = $('span[name=ein_aus_blenden_button_' + var_vs_name + ']');

    for (var i=spanFields.length-1; i>=0; --i) {

    var elem = spanFields[i];

    if(elem.textContent == 'Baustein einblenden'){

    elem.textContent = 'Baustein ausblenden';

    }

    else{

    elem.textContent = 'Baustein einblenden';

    }

    }


    Overlay.show($(".overlay_waiter"), function() {

    Aktualisieren();

    });

    }




    Ich bin auch offen für andere Methoden falls es etwas unkomplizierteres gibt ;)



    Danke

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!