XSL - zobraz schovaj - radio buttom

elo · Napísal **elo**: 12.02.2013 12:48

Ahojte,

mam tento kod ale potrebujem docielit

aby po oznaceni radio button sa nezobrazovalo nic (id="identyfikator0") - Inzercia zdarma

aby po oznaceni radio button sa zobrazovalo vsetko z id="identyfikator1" - Platená regiónálna inzercia

aby po oznaceni radio button sa zobrazovalo vsetko z id="identyfikator2" - Platená celoslovenská inzercia

Dakujem za kazdu pomoc. Uz som skusal vselico mozne.

Chcem: Po kliknuti na "Inzercia zdarma" nezobrazia sa ziadne polia

Po kliknuti na "Platená regiónálna inzercia" zobrazia sa polia

Po kliknuti na "Platená celoslovenská inzercia" zobrazia sa polia

Oni sa zobrazuju ale neskryvaju sa po oznaceni dalsej moznosti.

shaggy:odmazaný zbytočný kód

elo · Napísal autor témy **elo**: 12.02.2013 15:00

... alebo kod mozem zjednodusit:

Takto:

Kód:

<div class="spFormPaymentInfo">Inzercia zdarma 
                  <input name="field_sPayment" id="field_sPayment" value="" type="radio" class="SPPaymentBox" onclick="SP_ActivatePayment( this ); document.getElementById('identyfikator0').style.display =  !this.checked ? 'none' : 'inline';"/>                
                        </div>
                <div class="spFormPaymentInfo">Platená regiónálna inzercia 
                  <input name="field_sPayment" id="field_sPayment" value="" type="radio" class="SPPaymentBox" onclick="SP_ActivatePayment( this ); document.getElementById('identyfikator1').style.display =  !this.checked ? 'none' : 'inline';"/>                                        
                </div>              
                <div class="spFormPaymentInfo">Platená celoslovenská inzercia 
                  <input name="field_sPayment" id="field_sPayment" value="" type="radio" class="SPPaymentBox" onclick="SP_ActivatePayment( this ); document.getElementById('identyfikator2').style.display =  !this.checked ? 'none' : 'inline';"/>                  
                </div>
          <div id="identyfikator0" style="display:none;">
                 ziadny obsah 0
        </div> <div id="identyfikator1" style="display:none;">
              obsah 1
        </div>   <div id="identyfikator2" style="display:none;">
              obsah 2
        </div> 

shaggy · Napísal **shaggy**: 12.02.2013 21:43

Nabudúce si odpusti ten kilometrový kód (pôvodný kód mažem).
Tiež neviem, čo to má spoločné s XSL, ty máš problém s javascriptom a pracuješ priamo s html, nie s xsl (kvôli tomu som si to ani skoro neprečítal). Preto tému presúvam.

Toto je všetok tvoj javascript, alebo máš ešte nejaký iný?
A mohol by si ešte raz a lepšie popísať, čo chceš docieliť, nejak som sa zamotal v tom tvojom popise. Lebo píšeš:

Citácia:

aby po oznaceni radio button sa nezobrazovalo nic (id="identyfikator0") - Inzercia zdarma

Ale ty nechceš, aby sa nezobrazovalo nič, ty proste chceš, aby sa pri vybraní každého radiobuttonu zobrazil príslušný div (prvé radio = prvý div, druhé radio = druhý div atď.). Hej?

elo · Napísal autor témy **elo**: 13.02.2013 9:15

Hej ale ked oznacim prvy a potom druhy su zobrazene oba.

S tym kodom je mi to jasne, bolo to dlhe, sorry.

Dakujem.

shaggy · Napísal **shaggy**: 13.02.2013 18:27

Budeš musieť tvoj javascript prepísať tak, aby po kliknutí na radio:
- sa najprv všetky divy (ktoré majú buď rovnakú triedu, alebo sú v spoločnom rodičovi, alebo vymenuješ ich id) skryly
- a potom zobrazíš príslušný div

Najlepšie by to bolo urobiť nejak elegantne a dať do funkcie, ale rýchle (škaredé) riešenie by vyzeralo takto (to je ukážka iba pre prvý riadok):

Kód:

<input name="field_sPayment" id="field_sPayment" value="" type="radio" class="SPPaymentBox" onclick="SP_ActivatePayment( this ); document.getElementById('identyfikator0').style.display =  'inline'; document.getElementById('identyfikator1').style.display =  'none'; document.getElementById('identyfikator2').style.display =  'none';"/>

Podla toho urobíš aj ostatné.

elo · Napísal autor témy **elo**: 14.02.2013 10:21

Ahojte,

ok, super, dakujem fici to.

Chcem sa este spytat a nechcem zakladat nove vlakno lebo to súvisí priamo s tymto.

Mam multi select box kde sa mozu vybrat viacere moznosti, zobrazuje sa pri vsade cize Inzercia zdarma, Platená regiónálna inzercia, Platená celoslovenská inzercia, zatial sa neschovava.

Ako prosim vlozit kod aby pri Inzercia zdarma sa mohlo oznacit len jeden krat?

pri regionalnej inzercii 3 krat

a pri celoslovenskej inzercii neobmedzene krat

?

Dakujem.

Tu mam java script ale nefunguje: (len toto je kod pre jedno riesenie a nejde spojit tri spolu?)

Kód:

  <script type="text/javascript">
                     $(document).ready(function() 
{
    $('#field_okresy[] option').click(function() 
    {
        var items = $(this).parent().val();
        if (items.length > 3) {
                       alert("You can only select 3 values at a time");
           $(this).removeAttr("selected");
        }
    });
   });     
   </script>  

shaggy · Napísal **shaggy**: 14.02.2013 20:44

Ten zápis je otrasný, čo je toto za selektor?

Kód:

$('#field_okresy[]

Daj odkaz na živú ukážku, nech vieme, ako to vyzerá.

elo · Napísal autor témy **elo**: 14.02.2013 21:29

Mam to len na localhoste ale tu prikladam HTML toho selectu.

Kód:

<div id="field_okresy0Container" class="spFormRowOdd"><div class="spFormRowLeft"><label for="field_okresy0">Okresy</label></div><div class="spFormRowRight"><select name="field_okresy0[]" multiple="multiple" id="field_okresy0" size="10" class="spFieldsData" style="width: 350px;">
   <optgroup label="Košický kraj">
      <option value="option_id_397">Gelnica</option>

</optgroup>
</select>

Potrebujem pouzit tento select v troch vyznamoch. (najskor som chcel pouzit tri rovnake selecty ale nemozem lebo je to napojene este dalej a zbytocne by sa to trojilo)

Jeden java scipt na 1 moznost oznacenia
druhy script na tri oznacenia

a treti script bez obmedzenia oznacovania (toto by asi mohlo byt bez scriptu)

Multi select postupne chcem oznacovat a ked pridem napr. na 4. klik vyhodi okno, bol prekroceny limit. Povoleny limit oznacenia je 3krat. napr.

Su tam vsetky okresy ale kod som zmensil.

Dakujem.

XSL - zobraz schovaj - radio buttom

Podobné témy