Tolong pilih kategori sesuai, jenis posting (pertanyaan atau bukan) dan sertakan tag/topik yang sesuai misal komputer, php, mysql, dll.
Promosi atau posting tidak pada tempatnya akan kami hapus.
Mencantumkan kode program di posting Anda, tolong ikuti aturan yang sesuai, baca http://diskusiweb.com/discussion/39204/aturan-cara-menyisipkan-kode-program-di-diskusiweb

Baca cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

hidden tab menggunakan combobox bingung saat file edit

ane ada kendala nih mastah mastah PHP
jadi ane udah buat combobox javascrip untuk menghilangkan tombol TAB ane jika valeu yang di dapet ada lah "S" nah yang jadi kendala saat edit file nya kenapa pas ane pilih valeu "M" tidak show tombol Tab ane itu mohon pencerahanya semua

ini code TAB nya bos

 <ul id="nav">
        <li><a href="#tab1" class="active">Data Konsumen</a></li>
    <? if ($q_kons['konsumen_status_nikah'] == 'S' ) { ?><div id="divSCO" style="display:none"> <li><a href="#tab2">Data Pasangan & Anak</a></li> </div><? }?>
       <li><a href="#tab3">Data Usaha</a></li>
        <li><a href="#tab4">Referensi dan Alamat Surat</a></li>
    </ul>

dan ini code javascripnya

<script type="text/javascript">
function showD(v){
var d=document.getElementById('divSCO'), k;
k=v=='S'?['none',false]:['block',true];
d.getElementsByTagName('a')[0].disabled=k[1];
d.style.display=k[0];
}
</script>

dan ini code combobox nya

<select id="konsumen_status_nikah" onchange="showD(this.value)" name="konsumen_status_nikah" tabindex=24>
                    <option <? if ($q_kons['konsumen_status_nikah'] == 'S')
                echo 'selected' ?> value="S"> Single </option>
                    <option <? if ($q_kons['konsumen_status_nikah'] == 'M')
                echo 'selected' ?> value="M"> Menikah </option>
                    <option <? if ($q_kons['konsumen_status_nikah'] == 'J')
                echo 'selected' ?> value="J"> Janda </option>
            </select>

mohon mastah mastah semua tolong di bantu ya heee
«1

Tanggapan

  • fungsi pas ngeditnya mana ?
    atau triger atau script yg pas tombol edit di tekan .
  • jgn seluruh div yg di if() , cukup display none nya yg di if()
  • $('#nama_id).hide() haha... apa show() keren lagi slideUp() :D


    selamat berpusing ria.
  • mas saefulloh ini code ane tarik parameter nya

    <?php if ($canedit == "1") {
            print "<td width='16' align='center'><a href='./?n=konsumen_e&&edit=$q_kons[konsumen_id]'><span title='Edit'><img src='./misc/edit.gif'></a></td>"; }


    mas Boo ane rubah jadi kayak gini

     <ul id="nav">
            <li><a href="#tab1" class="active">Data Konsumen</a></li>
       
    <? if ($q_kons['konsumen_status_nikah'] == 'S' ) { ?><div
    id="divSCO" style="display:none"> <li><a
    href="#tab2">Data Pasangan & Anak</a></li>
    </div><? }?>
           <li><a href="#tab3">Data Usaha</a></li>
            <li><a href="#tab4">Referensi dan Alamat Surat</a></li>
        </ul>

    dan ini code javascripnya

    <script type="text/javascript">
    function showD(v){
    var d=document.getElementById('divSCO'), k;
    k=v=='S'?['none',false]:['block',true];
    d.getElementsByTagName('a')[0].disabled=k[1];
    d.style.display=k[0];
    }
    </script>

    dan ini code combobox nya

    <select id="konsumen_status_nikah" onchange="showD(this.value)" name="konsumen_status_nikah" tabindex=24>
                        <option <? if ($q_kons['konsumen_status_nikah'] == 'S')
                    echo 'selected' ?> value="S"> Single </option>
                        <option <? while ($q_kons['konsumen_status_nikah'] == 'M')
                    echo 'selected' ?> value="M"> Menikah </option>
                        <option <? while ($q_kons['konsumen_status_nikah'] == 'J')
                    echo 'selected' ?> value="J"> Janda </option>
                </select>

    pas ane buka data yang satatus nya M malahan gak bisa mas Boo
  • edited March 2013
    dibilangin lho yaaaa ...

    <? if ($q_kons['konsumen_status_nikah'] == 'S' ) { ?><div
    id="divSCO" style="display:none"> <li><a
    href="#tab2">Data Pasangan & Anak</a></li>
    </div><? }?>

    jgn seluruh div yg di if() , cukup display none nya yg di if()
    modelnya mirip selected option elo
    sekarang terapkan ke none nya

    emang yg di atas elo ganti dimananya ? :D
  • edited March 2013
    ini logikanya buat elo ...

    cara elo sekarang :
    IF status=="S"
    <div id="divSCO">...</div> tercetak

    IF status=="M"
    <div id="divSCO">...</div> tidak dicetak

    di javascript nya : document.getElementById('divSCO')

    IF status=="S", <div id="divSCO">...</div> ada, getElementById('divSCO') bisa diambil

    IF status=="M", <div id="divSCO">...</div> TIDAK ADA, getElementById('divSCO') mana bisa diambil ?

    jadi, <div id="divSCO">...</div> harus tetap ada, cukup display none nya yg di if()
  • ane bikin kayak gini masih salah ya mas Boo

    <? if ($q_kons['konsumen_status_nikah'] == 'S' ) { ?><div id="divSCO"  <? if('style="display:none"')?> > <li><a href="#tab2">Data Pasangan & Anak</a></li> </div>
       <? } ?>
         <div id="divSCO" > <li><a href="#tab2" <? if('style="display:block"')?> >Data Pasangan & Anak</a></li> </div>
  • kok ndak paham yo ...

    ini if elo sekarang :

    <? if ($q_kons['konsumen_status_nikah'] == 'S' ) { ?><div
    id="divSCO" style="display:none"> <li><a
    href="#tab2">Data Pasangan & Anak</a></li>
    </div><? }?>

    ini lho yg gw maksud, cukup display none nya saja

    <div
    id="divSCO" style="<? if ($q_kons['konsumen_status_nikah'] == 'S' ) { ?>display:none<? }?>"> <li><a
    href="#tab2">Data Pasangan & Anak</a></li>
    </div>
  • haaa maav mas Boo tapi ane coba codenya mas Boo gak bisa juga ya
    jadi pas ane edit data yang  konsumen_status_nikah "S" dia tetep tampil tab nya pas ubah data nya jadi "M" dan balik lagi ke "S" baru ilang deh TAB nya

  • [1]
    sebenernya kagak perlu ada tambahan <div> disitu,
    kenapa bukan <li> nya saja yg dipasang id dan di display none ?

    [2]
    kalo sampai display none nya kagak jalan, coba pas elo edit, elo view source hasil tampilan di browser
    tuh "display:none" ada atau tidak ?
  • udah gw coba mas Boo di taro di <li> dan sama aja hasilnya
    dan udah gw check errornya juga gak ada
  • edited March 2013
    pindah id & display ke <li> bukan utk solusi masalah ... itu utk penyederhanaan
    dan, kalo di validasi pake html validator, peletakan <div> disitu membuat list jadi kagak valid

    yg view source, mana ?
    copas kemari napa bagian <ul> ... </ul> hasil view source nya
  • heee ini codenya mas Boo

     <ul id="nav">
            <li><a href="#tab1" class="active">Data Konsumen</a></li>
      <li id="divSCO" style=" <? if ($q_kons['konsumen_status_nikah'] == "S" ) { ?>display:none<? }?>"><a href="#tab2">Data Pasangan & Anak</a></li>
           <li><a href="#tab3">Data Usaha</a></li>
            <li><a href="#tab4">Referensi dan Alamat Surat</a></li>
        </ul>
  • jah ...
    bukan script ...
    tapi potongan view source ... tau view source atau kagak ?

    buka pake firefox, Ctrl + U, cari : "divSCO" ... hasil render blok <ul> nya copas kemari
  • haaa maav mas Boo ane gak tau hee
    <li id="divSCO" style=" "><a href="#tab2">Data Pasangan & Anak</a></li>
  • edited March 2013
    kalo bener yg keluar kaya gitu ...

    itu hasil dari :
    style="<? if ($q_kons['konsumen_status_nikah'] == 'S' ) { ?>display:none<? }?>"

    kalo style cuma terisi " " ... artinya kondisi
    $q_kons['konsumen_status_nikah'] == 'S' ... FALSE

    kondisi FALSE hanya jika $q_kons['konsumen_status_nikah'] isinya bukan 'S'

    isinya $q_kons['konsumen_status_nikah'] apaan ?
    coba elo echo ...

    <li id="divSCO" style="<? if ($q_kons['konsumen_status_nikah'] ==
    "S" ) { ?>display:none<? }?>"><a href="#tab2"><?php echo $q_kons['konsumen_status_nikah']; ?> Data Pasangan & Anak</a></li>

    biar isinya $q_kons['konsumen_status_nikah'] nungul di samping kiri "Data Pasangan & Anak"
    buat cek doang ...
    isinya apa ? apa yg kecetak ? bener 'S' ?
    copas yg kecetak kemari


    btw, jangan dibiasakan nulis tag php cuma <? ... ?>
    biasakan tulis lengkap <?php ... ?>

    <? ... ?> tergantung seting short open tag nya php,
    dan gak semua server seting nya di ON kan
  • mas Boo akhirnya solved juga
    ane salah taro code <ul>.....</ul> harusnya itu ada di bawah query select nya hee sekali lagi thanks mas Boo atas mentornya heee
  • mas Boo kalau table yang gw kasih div style= display none itu pas gw kasih validasi harus diisi gak bisa di save ya?
  • table yg mana ?
  • edited March 2013
    ini javascrip nya mas Boo sama tablenya


    <script type="text/javascript">
    function showD(v){
    var d=document.getElementById('divSCO'), k;
    k=v=='S'?['none',false]:['block',true];
    d.getElementsByTagName('table')[0].disabled=k[1];
    d.style.display=k[0];
    }
    </script>
    <table>
    <tr>
    <td ><h3>Status Nikah</h3></td>
    <td width="337">:
    <select name="konsumen_status_nikah" onChange="showD(this.value)" tabindex="25">
    <option value="M">MENIKAH</option>
    <option value="S">BELUM</option>
    <option value="J">DUDA / JANDA</option>
    </select></td>
    <td width="25"><h3>&nbsp;</h3>
    </tr>
    </table>
    <div id="divSCO" style="display:block">
    <table border=0 cellpadding=0 cellspacing=0 style="border:solid 0px #000;color:#000">
    <tr>
    <td></td>
    <td><h3>NO Identitas *</h3></td>
    <td>:</td>
    <td colspan="4"></h3><input onKeyPress="return numbersonly(event, false)" name="konsumen_no_ktp" type="text" class="required" tabindex=2 value="" size=30 maxlength="40" minlength="1"></td>
    </div>
  • di save, maksudnya di submit tapi field yg dimaksud kagak diterima / ada oleh script php yg memproses ?

    coba posting bagian yg menerima submit form nya
  • edited March 2013
    jadi gini mas Boo kemarin itu kan ane bikin buat yang ilangin tab ane itu nah didalam tab ane itu ada table inputan. jadi ane bikin tab dari 1 samapai 3 nah jika user ane milih single maka tab2 ane gak ke show nah di tab2 itu ada inputan yang di validasi harus diisi tablenya. disaat save yang ane taro di tab3 itu otomatis dia save dari tab1 tab2 dan tab3 nah yang jadi masalah pas tab2 tidak di show maka gak bisa ke save mas Boo


    <?php
    <script type="text/javascript">
    $(document).ready(function() {
    $('#tab1').fadeIn('slow'); //tab pertama ditampilkan
    $('ul#nav li a').click(function() { // jika link tab di klik
    $('ul#nav li a').removeClass('active'); //menghilangkan class active (yang tampil)
    $(this).addClass("active"); // menambahkan class active pada link yang diklik
    $('.tab_konten').hide(); // menutup semua konten tab
    var aktif = $(this).attr('href'); // mencari mana tab yang harus ditampilkan
    $(aktif).fadeIn('slow'); // tab yang dipilih, ditampilkan
     
     
    return false;
    });
     
    });
     
    </script>
    div id="container">
    <ul id="nav">
    <li><a href="#tab1" class="active">Data Konsumen</a></li>
    <div id="divSCO" style="display:block"> <li><a href="#tab2">Data Pasangan & Anak</a></li></div>
    <li><a href="#tab3">Data Usaha</a></li>
    <li><a href="#tab4">Referensi dan Alamat Surat</a></li>
    </ul>
    <div class="clear"></div>
     
    <div style="display: none;" id="tab1" class="tab_konten">
    <div id="main-content1">
     
     
     
    <form id='userForm' action='?n=konsumen_add' name="konsumen" method=POST>
     
    <table>
    <tr>
    <td ><h3>Status Nikah</h3></td>
    <td width="337">:
    <select name="konsumen_status_nikah" onChange="showD(this.value)" tabindex="25">
    <option value="M">MENIKAH</option>
    <option value="S">BELUM</option>
    <option value="J">DUDA / JANDA</option>
    </select></td>
    <td width="25"><h3>&nbsp;</h3>
    </tr>
    </table></div></div>
     
    <div style="display: none;" id="tab2" class="tab_konten">
    <div id="main-content1">
     
    <table border=0 cellpadding=0 cellspacing=0 style="border:solid 0px #000;color:#000">
    <tr>
    <td></td>
    <td><h3>NO Identitas *</h3></td>
    <td>:</td>
    <td colspan="4"></h3><input onKeyPress="return numbersonly(event, false)" name="konsumen_no_ktp" type="text" class="required" tabindex=2 value="" size=30 maxlength="40" minlength="1"></td>
     
    </table></div</div>
     
    <div style="display: none;" id="tab3" class="tab_konten">
    <table border=0 cellpadding=0 width="1300" cellspacing=0 style="border:solid 0px #000;color:#000">
    <tr>
    <td colspan='6' height='20'><div align='center'>
    <h3><?php print $mssg ?></h3>
    </div></td>
    </tr>
    <tr >
    <td width='1'></td>
    <td width='161'><h3>Pekerjaan </h3></td>
    <td width='6'>:</td>
    <td colspan="3"><input name="usaha_pekerjaan_id" type="text" size="3" maxlength="3" tabindex="1" readonly /> <a href= "page/browse/browse_pekerjaan_usaha.php?width=360&height=400&KeepThis=true&TB_iframe=true" class="thickbox"><img src="misc/find.gif" "misc/button_search.png" border="0" /></a>
    <input type="text" name="pekerjaan_nama" minlength="1" size="20" tabindex="2" readonly /></td>
    <td></td>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="3"> <input type="submit" tabindex="34" name="save" value="Save" />
    <input type="submit" tabindex="35" name="cancel" value="Cancel" onClick="document.location='?n=konsumen';"></td>
    <td><input name='konsumen_id' type='hidden' value="<?php print $konsumen_id ?>"></td>
    </tr>
    </table></div>
    </form> ?>
  • ntar ya rul, lagi mikirin kerjaan ... belum sempat melototin script panjang
  • script simpan nya mana ?
  • heeee iya gpp mas Boo asalkan kalau udah senggang coba dibantu ya mas heeeee

    ini scripnya mas Boo



    <!--?php
    if (is_int($_SESSION['loggedin'])){
    ID_KONSUMEN();
    if (isset($_POST['save'])){
    if (empty($_POST['konsumen_id'])) {
    $mssg='konsumen gagal ditambah!';
    ?-->
    &lt;script language="javascript"&gt;
    TO_KONSUMEN_A();
    &lt;/script&gt;
    <!--?php
    }
    else{
     
    $q_custsave = mysql_query("
    INSERT INTO ms_konsumen
    (rec_userstamp,
    rec_timestamp,
    rec_ip,
    rec_status,
    konsumen_id,
    konsumen_status_nikah
    ) VALUES
    ('$_SESSION[uname]',
    NOW(),
    '$ip',
    '1',
    '$_POST[konsumen_id]',
    '$_POST[konsumen_status_nikah]'');"
    );
     
     
    $mssg='Konsumen baru disimpan! ';;
    ?-->
    &lt;script language="javascript"&gt;
    TO_KONSUMEN_A();
    &lt;/script&gt;
    <!--?php
    }
    } else if (isset($_POST['cancel'])) {
    $mssg='Tambah konsumen dibatalkan! ';
    ?-->
    &lt;script language="javascript"&gt;
    TO_KONSUMEN_A();
     
    &lt;/script&gt;
     
    <!--?php
    }
    ?--><br><br><br>&nbsp;


    yang ini tab 2 nya sebenernya script nya ada dalam satu file tapi ane pisah disini biar enak diliatanya
    if (is_int($_SESSION['loggedin'])){
    ID_KONSUMEN();
    if (isset($_POST['save'])){
    if (empty($_POST['konsumen_id'])) {
    $mssg='konsumen gagal ditambah!';
    ?-->
    &lt;script language="javascript"&gt;
    TO_KONSUMEN_A();
    &lt;/script&gt;
    <!--?php
    }
    else{
     
    $q_custsave = mysql_query("
    INSERT INTO ms_konsumen
    (rec_userstamp,
    rec_timestamp,
    rec_ip,
    rec_status,
    konsumen_id,
    konsumen_no_ktp
    ) VALUES
    ('$_SESSION[uname]',
    NOW(),
    '$ip',
    '1',
    '$_POST[konsumen_id]',
    '$_POST[konsumen_no_ktp]'');"
    );
     
     
    $mssg='Konsumen baru disimpan! ';;
    ?-->
    &lt;script language="javascript"&gt;
    TO_KONSUMEN_A();
    &lt;/script&gt;
    <!--?php
    }
    } else if (isset($_POST['cancel'])) {
    $mssg='Tambah konsumen dibatalkan! ';
    ?-->
    &lt;script language="javascript"&gt;
    TO_KONSUMEN_A();
     
    &lt;/script&gt;
     
    <!--?php
    }
    ?--><br><br><br>&nbsp;
  • edited March 2013
    coba, awal, atas sendiri di script yg menerima kiriman dari form, tambah :

    <?php echo '<pre>';print_r($_POST);echo '</pre>'; ?>

    isi post yg kecetak, posting kemari



    btw, ini apa ya ?

    '$_POST[konsumen_status_nikah]'');"

    '$_POST[konsumen_no_ktp]'');"


    ada single quote ditulis 2x
  • ini hasilnya mas Boo kalau ane lepas validasi form ane yang filed pasangan_no_ktp ane lepas
    Array
    (

    [konsumen_status_nikah] => M
    [pasangan_no_ktp] =>
    [save] => Save
    [konsumen_id] => 014-003411
    )
    kalau ane gak lepas validasi nahan aja gak diproses
    Array
    (

    )
    maav mas Boo kalau soal code yang ini ane lupa apus satu quote aslinya querynya panjang soalnya tapi ane persingkat aja disini eh gak liat ada quote yang tertinggal sekali lagi maav

    '$_POST[konsumen_status_nikah]'');"

    '$_POST[konsumen_no_ktp]'');"


    ada single quote ditulis 2x
  • edited March 2013
    validasi yg mana sih ?

    kalo masalah div display none atau tidak itu bukan validasi,
    cuma manipulasi form doang

    satu2 nya validasi yg gw temuin cuma ini :
    onKeyPress="return numbersonly(event, false)"

    display none tidak menghambat pengiriman form, coba aja :

    <?php
    print_r($_POST);
    ?>
    <form method=post>
      <div style=""><input type=text value="a" name=a></div>
      <div style="display:none;"><input type=text value="b" name=c></div>
      <div style="display:none;"><input type=text value="c" name=b></div>
      <input type=submit>
    </form>
  • oh iya mas Boo sekalian mau nanya boleh
    kenapa ya code ini kalau di xampp linux gak jalan tapi di windows jalan lancar

    parent.location.reload(true)
  • cek di error console browser, ada pesan error apa di situ saat reload
  • sory mas Boo ane menggunakan validasi ini untuk nahan input kalau filed tidak terisi
     <script type="text/javascript" src="jscripts/jquery.validate.js"></script>
  • edited March 2013
    hoalah ...

    kalo gitu yg ini :
    <input onKeyPress="return numbersonly(event, false)" name="konsumen_no_ktp" type="text" class="required" tabindex=2   value="" size=30 maxlength="40" minlength="1">

    jangan pake required

    atau kalo mau diikutkan di : function showD(v)
    remove class required saat 'S'
    add class required jika bukan 'S'
  • nah kalau pake yang  menghilangkan required berarti filed konsumen_no_ktp ane gak ke validasi ane maunya ke validasi mas Boo

    mas Boo kalau ane mau pake
    ane tambahinya di function showD(v) itu aja gak perlu pake function tambahan
    function showD(v)
    remove class required saat 'S'
    add class required jika bukan 'S'


  • edited March 2013
    kalau soal yang error itu hasilnya ini mas Boo

    Timestamp: 3/8/2013 4:20:30 PM
    Warning: Use of getAttributeNode() is deprecated. Use getAttribute() instead.
    Source File: http://99.99.99.1/js/jquery.js
    Line: 23

    Timestamp: 3/8/2013 4:20:30 PM
    Warning: Use of attributes' nodeValue attribute is deprecated. Use value instead.
    Source File: http://99.99.99.1/js/jquery.js
    Line: 23
  • edited March 2013
    lhah ? contoh aja yg sudah ada :D

    elo di atas pan sudah ada ini :

    $('ul#nav li a').removeClass('active'); //menghilangkan class active (yang tampil)
    $(this).addClass("active"); // menambahkan class active pada link yang diklik

    copas ke function showD(v), dan modifikasi aja ...

    1. tuh input tambah id, biar gampang jadi rujukan
    2. $(...) sesuaikan dengan id yg dipake
    3. class nya sesuaikan dgn nama class yg dipake

    beres dah
  • heee udah solved mas Boo

    tapi yang jadi kendala nya pas data nya di edit lagi mas Boo ane gak bisa ?
    ane udah coba pake code yang sama kayak buat edit TAB yang kemaren tapi gak berhasil mas Boo.

    ini javascrip nya

    <script type="text/javascript">
    function showD(v){
    var d=document.getElementById('divSCO'), k;
    k=v=='S'?['none',false]:['block',true];
    d.getElementsByTagName('a')[0].disabled=k[1];
    d.style.display=k[0];
    $('ul#nav1 li input').removeClass('required');
            $(this).addClass("required");
    }
    </script>
  • salah to rul, kalo kaya gitu ...

    gw pan sudah bilang :

    atau kalo mau diikutkan di : function showD(v)
    remove class required saat 'S'
    add class required jika bukan 'S'

    dan

    1. tuh input tambah id, biar gampang jadi rujukan
    2. $(...) sesuaikan dengan id yg dipake
    3. class nya sesuaikan dgn nama class yg dipake

    jadi :

    [1] tambah id
    <input id="knk" onKeyPress="return numbersonly(event, false)" name="konsumen_no_ktp" type="text" class="required" tabindex=2   value="" size=30 maxlength="40" minlength="1">

    [2]
    remove class required saat 'S'
    add class required jika bukan 'S'

    function showD(v){
      var d=document.getElementById('divSCO');
      $('#knk').removeClass('required');
      if(v=='S') {
        d.getElementsByTagName('a')[0].disabled=false;
        d.style.display='none';
      }
      else {
        d.getElementsByTagName('a')[0].disabled=true;
        d.style.display='block';
        $('#knk').addClass('required');
      }
    }

  • edited March 2013
    sebenernya javascrip yang saya bikin sama yang mas Boo kasih tau itu sama sama jalan mas Boo saat input nah masalah disaat edit datanya javascrip mas Boo sama yang ane bikin sama2 bermasalah saat save di tahan sama validasi nya kecuali ane pilih status "M" dulu baru ane pilih lagi status "S" itu baru dia mau save

    kalau yang saya bikin gini mas Boo


    <script type="text/javascript">
    function showD(v){
    var d=document.getElementById('divSCO'), k;
    k=v=='S'?['none',false]:['block',true];
    d.getElementsByTagName('a')[0].disabled=k[1];
    d.style.display=k[0];
    $('ul#nav1 li input').removeClass('required');
    $(this).addClass("required");
    }
    </script>
     
    <table>
    <tr>
    <td ><h3>Status Nikah</h3></td>
    <td width="337">:
    <select name="konsumen_status_nikah" onChange="showD(this.value)" tabindex="25">
    <option value="M">MENIKAH</option>
    <option value="S">BELUM</option>
    <option value="J">DUDA / JANDA</option>
    </select></td>
    <td width="25"><h3>&nbsp;</h3>
    </tr>
    </table></div></div>
     
    <div style="display: none;" id="tab2" class="tab_konten">
    <div id="main-content1">
     
     
     
    <ul id="nav1" ><li>
    <table border=0 cellpadding=0 cellspacing=0 style="border:solid 0px #000;color:#000">
    <tr>
    <td></td>
    <td><h3>NO Identitas *</h3></td>
    <td>:</td>
    <td colspan="4"></h3><input onKeyPress="return numbersonly(event, false)" name="konsumen_no_ktp" type="text" class="required" tabindex=2 value="" size=30 maxlength="40" minlength="1"></td>
     
    </table></div</div>
     
    </ul></li>


    dengan code di atas itu bermasalah saat saya edit terus langsung save itu nahan validasi tapi kalau saya clik status "M" terus saya balikin lagi ke status "S" baru mau di save mas Boo kalau pake yang javascripnya mas Boo malahan gak jalan hee maav saya rada ngeyel heeeeee
  • edited March 2013
    mana sama rul ...

    $('ul#nav1 li input').removeClass('required');
            $(this).addClass("required");

    yg punya elo, whatever 'S' atau bukan, tetep di addClass, lagi pula 'this' ini merujuk kemana ?



    ama ini :

      $('#knk').removeClass('required');
      if(v=='S') {
        ...
      }
      else {
        $('#knk').addClass('required');
      }

    pertama emang di remove, tapi add hanya dijalankan jika bukan 'S' ... semua rujukannya id #knk

    mana sama ?
    logika beda
    alur juga beda



    kalo sampai kagak jalan, elo posting koding yg sudah elo ubah
  • edited March 2013
    heee beda ya mas Boo hee maav salah saya
    ane bikin kayak gini mas Boo saat form edit nya


    <? php
    <script type="text/javascript">
    $(document).ready(function() {
    $('#tab1').fadeIn('slow'); //tab pertama ditampilkan
    $('ul#nav li a').click(function() { // jika link tab di klik
    $('ul#nav li a').removeClass('active'); //menghilangkan class active (yang tampil)
    $(this).addClass("active"); // menambahkan class active pada link yang diklik
    $('.tab_konten').hide(); // menutup semua konten tab
    var aktif = $(this).attr('href'); // mencari mana tab yang harus ditampilkan
    $(aktif).fadeIn('slow'); // tab yang dipilih, ditampilkan
     
     
    return false;
    });
     
    });
     
    </script>
    <ul id="nav">
    <li><a href="#tab1" class="active">Data Konsumen</a></li>
    <li id="divSCO" style=" <? if ($q_kons['konsumen_status_nikah'] == "S" ) { ?>display:none<? }?>"><a href="#tab2">Data Pasangan & Anak</a></li>
    <li><a href="#tab3">Data Usaha</a></li>
    <li><a href="#tab4">Referensi dan Alamat Surat</a></li>
    </ul>
    <script type="text/javascript" src="jscripts/jquery.validate.js"></script>
    <script type="text/javascript">
    function showD(v){
    var d=document.getElementById('divSCO');
    $('#nav1').removeClass('required');
    if(v=='S') {
    d.getElementsByTagName('a')[0].disabled=false;
    d.style.display='none';
    }
    else {
    d.getElementsByTagName('a')[0].disabled=true;
    d.style.display='block';
    $('#nav1').addClass('required');
    }
    }
    </script>
     
    <table>
    <tr>
    <td ><h3>Status Nikah</h3></td>
    <td width="337">:
    <select name="konsumen_status_nikah" onChange="showD(this.value)" tabindex="25">
    <option value="M">MENIKAH</option>
    <option value="S">BELUM</option>
    <option value="J">DUDA / JANDA</option>
    </select></td>
    <td width="25"><h3>&nbsp;</h3>
    </tr>
    </table></div></div>
     
    <div style="display: none;" id="tab2" class="tab_konten">
    <div id="main-content1">
     
     
    <table border=0 cellpadding=0 cellspacing=0 style="border:solid 0px #000;color:#000">
    <tr>
    <td></td>
    <td><h3>NO Identitas *</h3></td>
    <td>:</td>
    <td colspan="4"></h3><input id="nav1" onKeyPress="return numbersonly(event, false)" name="konsumen_no_ktp" type="text" class="required" tabindex=2 value="" size=30 maxlength="40" minlength="1"></td>
     
    <td><h3>NO Identitas exp *</h3></td>
    <td>:</td>
    <td colspan="4"></h3><input id="nav1" onKeyPress="return numbersonly(event, false)" name="konsumen_no_ktp_exp" type="text" class="required" tabindex=2 value="" size=30 maxlength="40" minlength="1"></td>
    </table></div</div>
    ?>
  • mulai lagi kan ...

    perasaan elo sudah gw kasih tau ...
    kagak boleh ada elemen yg memiliki id sama di 1 halaman

    <table border=0 cellpadding=0 cellspacing=0 style="border:solid 0px #000;color:#000">
        <tr>
    <td></td>
            <td><h3>NO Identitas *</h3></td>
            <td>:</td>
            <td colspan="4"></h3><input id="nav1" onKeyPress="return numbersonly(event, false)" name="konsumen_no_ktp" type="text" class="required" tabindex=2   value="" size=30 maxlength="40" minlength="1"></td>
     
     <td><h3>NO Identitas exp *</h3></td>
            <td>:</td>
            <td colspan="4"></h3><input id="nav1" onKeyPress="return numbersonly(event, false)" name="konsumen_no_ktp_exp" type="text" class="required" tabindex=2   value="" size=30 maxlength="40" minlength="1"></td>
     </table>

    itu yg gw tebelin apaan ?

    ya kalo kagak jalan, bukan salah gw dong ...
  • edited March 2013
    haaa sory mas Boo ane pikir bisa gitu kalau pake kaya gitu asalkan mengunakan javascrip heee eh ternyata gak bisa heeeeeeee

    ane bikin gini aja deh biar akalin ID nya gak kembar gitu tapi jalan asalkan ane clik dulu satusnya "M" terus balik clik status "S" baru bisa mas Boo  hee
    ane gunaiin ini karena di TAB2 itu ada dua filed yang di validasi harus diisi mas Boo




    <!--? php
     
    <script type="text/javascript">
    $(document).ready(function() {
    $('#tab1').fadeIn('slow'); //tab pertama ditampilkan
    $('ul#nav li a').click(function() { // jika link tab di klik
    $('ul#nav li a').removeClass('active'); //menghilangkan class active (yang tampil)
    $(this).addClass("active"); // menambahkan class active pada link yang diklik
    $('.tab_konten').hide(); // menutup semua konten tab
    var aktif = $(this).attr('href'); // mencari mana tab yang harus ditampilkan
    $(aktif).fadeIn('slow'); // tab yang dipilih, ditampilkan
     
     
    return false;
    });
     
    });
     
    </script>
    <ul id="nav">
    <ul id="nav">
    <li><a href="#tab1" class="active">Data Konsumen</a></li>
    <li id="divSCO" style=" <? if ($q_kons['konsumen_status_nikah'] == "S" ) { ?>display:none<? }?>"><a href="#tab2">Data Pasangan & Anak</a></li>
    <li><a href="#tab3">Data Usaha</a></li>
    <li><a href="#tab4">Referensi dan Alamat Surat</a></li>
    </ul>
     
    &lt;script type="text/javascript" src="jscripts/jquery.validate.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
    function showD(v){
    var d=document.getElementById('divSCO');
    $('("dor" && "dorr")').removeClass('required');
    if(v=='S') {
    d.getElementsByTagName('a')[0].disabled=false;
    d.style.display='none';
    }
    else {
    d.getElementsByTagName('a')[0].disabled=true;
    d.style.display='block';
     
    $('("dor" && "dorr")').addClass('required');
    }
    }
    &lt;/script&gt;
     
    <table>
    <tbody><tr>
    <td width="142"><h3>Status Nikah</h3></td>
    <td width="310">:
    <select id="konsumen_status_nikah" onChange="showD(this.value)" name="konsumen_status_nikah" tabindex=24>
    <option <? if ($q_kons['konsumen_status_nikah'] == 'S')
    echo 'selected' ?> value="S"> Single </option>
    <option <? if ($q_kons['konsumen_status_nikah'] == 'M')
    echo 'selected' ?> value="M"> Menikah </option>
    <option <? if ($q_kons['konsumen_status_nikah'] =='J')
    echo 'selected' ?> value="J"> Janda </option>
    </select>
    </td><td width="60"><h3>&nbsp;</h3>
    </td></tr>
    </tbody></table>
     
    <div style="display: none;" id="tab2" class="tab_konten">
    <div id="main-content1">
     
    <table style="border:solid 0px #000;color:#000" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
    <td></td>
    <td><h3>NO Identitas *</h3></td>
    <td>:</td>
    <td colspan="4"><input id="dor" onkeypress="return numbersonly(event, false)" name="konsumen_no_ktp" class="required" tabindex="2" value="<?php print($q_kons['konsumen_no_ktp']) ?>" size="30" maxlength="40" minlength="1" type="text"></td>
     
    <td><h3>NO Identitas exp *</h3></td>
    <td>:</td>
    <td colspan="4"><input id="dorr" onkeypress="return numbersonly(event, false)" name="konsumen_no_ktp_exp" class="required" tabindex="2" value="<?php print($q_kons['konsumen_no_ktp_exp']) ?>" size="30" maxlength="40" minlength="1" type="text"></td>
    </tr></tbody></table>
     
     
    ?&gt;
    </div></div>
  • edited March 2013
    "required" di 2 <input> bikin jadi kaya "display:none", cuma kebalikannya

    "display:none", echo JIKA 'S'
    "required", echo hanya JIKA BUKAN 'S'
  • javascripnya pake yang mana mas Boo
    function showD(v){
    var d=document.getElementById('divSCO');
    $('dor').removeClass('required');
    if(v=='S') {
    d.getElementsByTagName('a')[0].disabled=false;
    d.style.display='none';
    }
    else {
    d.getElementsByTagName('a')[0].disabled=true;
    d.style.display='block';
     
    $('dor').addClass('required');
    }
    }


    atau yang ini

    function showD(v){
    var d=document.getElementById('divSCO');
    $('("dor" && "dorr")').removeClass('required');
    if(v=='S') {
    d.getElementsByTagName('a')[0].disabled=false;
    d.style.display='none';
    }
    else {
    d.getElementsByTagName('a')[0].disabled=true;
    d.style.display='block';
     
    $('("dor" && "dorr")').addClass('required');
    }
    }

  • edited March 2013
    kalo ada 2 elemen yg mesti di update, ya update 2-2 nya dong
    yg atas jelas gak mungkin, itu cuma update 1 elemen

    tapi yg bawah pun ...

    $('("dor" && "dorr")')
    emang itu bisa ?

    multiple selector jquery setau gw :
    $("selector_1,selector_2,selector_3")

    kalo kagak paham, tulis aja 2x
  • SOLVED mas Boo hee thanks mas Boo

    mas Boo kalau yang ini belom soved

    parent.location.reload(true)

    code itu gak jalan diserver linux kenapa ya

    Timestamp: 3/8/2013 4:20:30 PM
    Warning: Use of getAttributeNode() is deprecated. Use getAttribute() instead.
    Source File: http://99.99.99.1/js/jquery.js
    Line: 23

    Timestamp: 3/8/2013 4:20:30 PM
    Warning: Use of attributes' nodeValue attribute is deprecated. Use value instead.
    Source File: http://99.99.99.1/js/jquery.js
    Line: 23
  • yg getAttributeNode() itu masalah jquery, masih pake method getAttributeNode() yg sudah deprecated
    cuma warning, bukan error

    yg masalah kagak bisa reload, itu kagak ada kaitannya dgn warning

    coba cek seting browser, mengijinkan redirect via js atau kagak ?

  • yang masalah reload itu code nya ane taro diserver mas Boo pas ane buka di client ane gak bisa reload mas Boo tapi kalau ane taro codenya di server yang windows bisa jalan hee kenapa ya gak mungkin karena settingan browser nya kan kalau gitu
  • kayanya bukan masalah jalan atau kagak ... perintah jalan, refresh

    cuma response nya server yg berpengaruh

    yg windows langsung merender ulang halaman
    yg linux ambil dari cache
  • terus jalan keluarnya apa Mas Boo
    apa ane harus ganti code nya ya?
    soalnya sama2 mengunakan browser mozzila
Sign In or Register to comment.