1. 首頁
  2. 問答
  3. 補充通知

補充通知

2017-05-06 92 views
0

enter image description here補充通知

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title><?php echo $title ?></title> 
 

 
    <!--Logo di title bar --> 
 
     <link rel="shortcut icon" href="<?php echo base_url();?>asset/img/logokominfo.png"/> 
 
     
 
     <!--CSS--> 
 
     <link rel="stylesheet" href="<?php echo base_url();?>asset/CSS/style-boots.css?<?php echo time(); ?>"> 
 
     <link rel="stylesheet" href="<?php echo base_url();?>asset/CSS/style-pengumuman.css?<?php echo time(); ?>"> 
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 

 
     <style type="text/css"> 
 
      body { 
 
     background: #f7f7f7; 
 
     font-family: 'Montserrat', sans-serif; 
 
    } 
 

 
    .dropzone { 
 
     background: #fff; 
 
     border: 2px dashed #ddd; 
 
     border-radius: 5px; 
 
    } 
 

 
    .dz-message { 
 
     color: #999; 
 
    } 
 

 
    .dz-message:hover { 
 
     color: #464646; 
 
    } 
 

 
    .dz-message h3 { 
 
     font-size: 200%; 
 
     margin-bottom: 15px; 
 
    } 
 
    
 
     </style> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
\t <link rel="stylesheet" type="text/css" href="../asset/css/bootstrap.css"> 
 
\t <link rel="stylesheet" type="text/css" href="../asset/css/style-profile.css?<?php echo time(); ?>"> 
 
    
 
    <script> 
 
\t \t $('#tab4primary').click(function(){ 
 
       <?php $notif= ''?> 
 
      }); 
 
\t </script> 
 

 
</head> 
 
<body> 
 

 
    <nav id="sticker" class="navbar navbar-inverse"> 
 
     <div class="container"> 
 
     <div class="navbar-header"> 
 
     <a class="menu"><i class="fa fa-bars" id="menu_icon"></i></a> 
 
     <a class="navbar-brand" href="#"> 
 
      <img src="<?php echo base_url();?>asset/img/logo_emagang.png" class="img-responsive" /> 
 
     </a> 
 
     </div><!--navbar-header close--> 
 

 
     <div class="collapse navbar-collapse drop_menu" id="content_details"> 
 
      <ul class="nav navbar-nav navbar-right"> 
 
      <li class="dropdown"> 
 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-user"></span><?php echo $userData['nama_lengkap'] ?><span class="caret"></span></a> 
 
       <ul class="dropdown-menu"> 
 
       <li><a href="dashboard"><i class="fa fa-user" aria-hidden="true"></i> Profile</a> 
 
       <li><a href="view_ubah_data-profile"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Ubah Profile</a></li> 
 
       <li><a href="view_ubah_password"><i class="fa fa-key" aria-hidden="true"></i> Ubah Password</a></li> 
 
       <li><a href="users/logout"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a> 
 
      </li>    
 
      </ul> 
 
     </li> 
 
      </ul><!--navbar-right close--> 
 
     </div><!--collapse navbar-collapse drop_menu close--> 
 
     </div><!--container-fluid close--> 
 
    </nav><!--navbar navbar-inverse close--> 
 

 

 
<br> 
 
<br> 
 
    
 

 
    <section> 
 

 
    <div class="container" style="margin-top: 10px;"> 
 
    <div class="profile-head"> 
 
     <div class="row"> 
 
     <div class="col-md-4 col-sm-4 col-xs-12"><br><br><br><br><br><br> 
 
      <h6> 
 
      <img src="<?php echo base_url();?>uploads/images/<?php echo $userData['nama_foto']."?".time(); ?>"> 
 
      <br><br><?php echo $userData['nama_lengkap'] ?><br><br> 
 
      </h6> 
 
     </div><!--col-md-4 col-sm-4 col-xs-12 close--> 
 

 

 
     <div class="col-md-8 col-sm-5 col-xs-12"><br><br><br><br><br> 
 
      <h5><?php echo $userData['nama_lengkap'] ?></h5> 
 
      <p>Siswa/Mahasiswa </p> 
 
      <ul> 
 
       <li><span class="glyphicon glyphicon-info-sign"></span> <?php echo $userData['tanggal_lahir'] ?></li> 
 
       <li><span class="glyphicon glyphicon-book"></span> <?php echo $userData['nama_institusi'] ?></li> 
 
       <li><span class="glyphicon glyphicon-home"></span> <?php echo $userData['alamat'] ?></li> 
 
       <li><span class="glyphicon glyphicon-phone"></span> <?php echo $userData['no_telpon'] ?></li> 
 
       <li><span class="glyphicon glyphicon-envelope"></span><?php echo $userData['email'] ?></li> 
 

 
      </ul> 
 
     </div><!--col-md-8 col-sm-8 col-xs-12 close--> 
 
    </div> 
 
</div><!--profile-head close--> 
 
</div><!--container close--> 
 

 

 

 
<dir class="container"> 
 
<?php 
 

 
         // $id = $this->session->flashdata('id'); 
 
       $salah = $this->session->flashdata('salah'); 
 
       $berhasil = $this->session->flashdata('berhasil'); 
 
         ?> 
 
        
 

 
     <!--error message--> 
 
     <?php echo $salah['error'];?> 
 
     <?php echo $berhasil;?> 
 
    <?php 
 
            $status = $userData['status']; 
 
            if($status == 'diterima'){ 
 
             $notif = 'baru'; 
 
            } 
 
      ?> 
 
      
 

 
     <div class="panel with-nav-tabs panel-primary"> 
 
       <div class="panel-heading"> 
 
         <ul class="nav nav-tabs"> 
 
          <li class="active"><a href="#tab1primary" data-toggle="tab"> 
 
           <span class="glyphicon glyphicon-user"></span> Personal Data 
 
          </a></li> 
 
          <li><a href="#tab2primary" data-toggle="tab"> 
 
           <i class="fa fa-university" aria-hidden="true"></i> Pendidikan 
 
           </a></li> 
 
          <li><a href="#tab3primary" data-toggle="tab"> 
 
           <i class="fa fa-file" aria-hidden="true"></i> Daftar Riwayat Hidup 
 
          </a></li> 
 
          <li> 
 
           <a href="#tab4primary" data-toggle="tab"> 
 
            <span class="badge quote-badge" id="pemberitahuan"><?php echo $notif ?></span> 
 
           <i class="fa fa-bullhorn" aria-hidden="true"></i> Pengumuman 
 
          </a></li> 
 
         </ul> 
 
       </div> 
 
       <div class="panel-body"> 
 
        <div class="tab-content"> 
 
         <div class="tab-pane fade in active" id="tab1primary"> 
 
         <div class="row"> 
 
          <div class="col-md-8"> 
 
           <table class="table table-striped"> 
 
           <thead> 
 
           <tr> 
 
            <th>Data Akun</th> 
 
            <th></th> 
 
            <th></th> 
 
           </tr> 
 
           </thead> 
 
           <tbody> 
 
           <tr> 
 
            <td>Email</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['email'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>tanggal daftar</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['tanggal_daftar'] ?> 
 
            </td> 
 
           </tr> 
 
           </tbody> 
 

 

 
           <thead> 
 
           <tr> 
 
            <th>Tujuan Magang</th> 
 
            <th></th> 
 
            <th></th> 
 
           </tr> 
 
           </thead> 
 
           <tbody> 
 
           <tr> 
 
            <td>Satuan kerja</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['nama_satuan_kerja'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>Unit kerja</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['nama_unit_kerja'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>Tanggal Mulai</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php 
 
             $tanggal_mulai = $userData['tanggal_mulai']; 
 
             echo date('d F Y', strtotime($tanggal_mulai)); 
 
             // $input = $userData['tanggal_mulai']; 
 
             // $date = strtotime($input); 
 
             // $day = date('d',$date); 
 
             // $month = date('m',$date); 
 
             // $year = date('Y',$date); 
 
             // echo $month; 
 
             ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>Tanggal Selesai</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php 
 
             $tanggal_lahir = $userData['tanggal_selesai']; 
 
             echo date('d F Y', strtotime($tanggal_lahir)); 
 
             ?> 
 
            </td> 
 
           </tr> 
 
           </tbody> 
 
           
 
           <thead> 
 
           <tr> 
 
            <th>Data Pribadi</th> 
 
            <th></th> 
 
            <th></th> 
 
           </tr> 
 
           </thead> 
 
           <tbody> 
 
           <tr> 
 
            <td>Nama Lengkap</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['nama_lengkap'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>Jenis Kelamin</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['jenis_kelamin'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>Tanggal Lahir</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php 
 
             $tanggal_lahir = $userData['tanggal_lahir']; 
 
             echo date('d F Y', strtotime($tanggal_lahir)); 
 
             
 
             ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>Alamat</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['alamat'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>No telpon</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['no_telpon'] ?> 
 
            </td> 
 
           </tr> 
 

 
           </tbody> 
 
          </table> 
 
          </div> 
 
          </div> 
 
         </div> 
 
         <div class="tab-pane fade" id="tab2primary"> 
 
          <table class="table table-striped"> 
 
           <thead> 
 
           <tr> 
 
            <th>Pendidikan</th> 
 
            <th></th> 
 
            <th></th> 
 
           </tr> 
 
           </thead> 
 
           <tbody> 
 
           <tr> 
 
            <td>Tingkat Pendidikan</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['tingkat_pendidikan'] ?> 
 
            </td> 
 
            </tr> 
 
           <tr> 
 
            <td>Nama Institusi</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['nama_institusi'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>Jurusan</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['jurusan'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>Nilai Raport Rata-Rata/ IPK</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['nilai'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>Alamat Institusi</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['alamat_institusi'] ?> 
 
            </td> 
 
           </tr> 
 
           <tr> 
 
            <td>No telpon Institusi</td> 
 
            <td>:</td> 
 
            <td> 
 
             <?php echo $userData['no_telpon_institusi'] ?> 
 
            </td> 
 
           </tr> 
 

 
           </tbody> 
 
          </table> 
 
         </div> 
 
         <div class="tab-pane fade" id="tab3primary"> 
 
         <div class="row"> 
 
          <div class="col-md-4"> 
 
           <div class="alert alert-warning alert-dismissable fade in"> 
 
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> 
 
            <strong>catatan :</strong> Untuk melihat CV langsung diprofile disarankan untuk menonaktifkan software bantuan download, seperti: IDM Dll. 
 
           </div> 
 
            
 
            <div class="bs-calltoaction bs-calltoaction-primary"> 
 
             <div class="row"> 
 
              <div class="col-md-12"> 
 
              <p>Daftar Riwayat Hidup</p> 
 
               <div class="cta-button"> 
 
               <a href="<?php echo base_url();?>uploads/cv/<?php echo $userData['nama_cv']."?".time(); ?>" class="btn btn-lg btn-block btn-primary"><span class="glyphicon glyphicon-download-alt"></span> Donwload daftar riwayat hidup</a> 
 
               </div> 
 
               <p style="font-size: 12px">Terakhir Di Update : <?php 
 
                $tanggal_update_cv = $userData['tanggal_update_cv']; 
 
                echo date('d F Y', strtotime($tanggal_update_cv)); ?></p> 
 

 
              </div> 
 
             </div> 
 
            </div> 
 

 
          </div> 
 
          <div class="col-md-8"> 
 
           <center> 
 
           <h4 class="name">Ubah CV/Daftar Riwayat Hidup</h4> 
 
            <hr class="whitehr"> 
 
           </center> 
 

 
           <div id="content"> 
 
            <div class="row"> 
 
            <div class="col-md-7"><br> 
 
             <div class="dropzone"> 
 
             <div class="row"> 
 
              <div class="col-md-6 col-md-offset-3"> 
 
              <center><br><br><br><br> 
 
               <h3>Upload file disini</h3> ukuran <strong>maksimal</strong> 2MB 
 
               <?php echo form_open_multipart('users/updatecv');?> 
 
               <input type="hidden" id="id" name="id" value="<?php echo $userData['id'] ?>"> 
 
               <input type="hidden" id="nama_cv" name="nama_cv" value="<?php echo $userData['nama_cv'] ?>"> 
 
               <input type="file" style="margin-left : 50px" name="document" id="files" accept=".doc, .docx, application/msword, application/pdf" required> 
 
               <button style="margin-top : 20px" type="submit" value="Upload" name="submit" class="btn btn-primary btn-lg"> 
 
                  <i class="fa fa-upload" aria-hidden="true"></i> 
 
                  upload 
 
                </button> 
 
                <?php echo form_close();?> 
 
              </center><br><br><br><br> 
 
              </div> 
 
              </div> 
 
             </div> 
 
            </div> 
 
            <div class="col-md-5"> 
 
              Contoh CV(Daftar Riwayat Hidup) 
 
              <a href="<?php echo base_url();?>asset/doc/contoh_cv.doc"> 
 
               <img src="<?php echo base_url();?>asset/doc/contoh_cv.png" style="width: 80%"> 
 
              </a> 
 
              <div class="col-md-10"> 
 
               <div class="cta-button"> 
 
                     <a href="<?php echo base_url();?>asset/doc/contoh_cv.doc" class="btn btn-lg btn-block btn-info">Download Template CV</a> 
 
                  </div> 
 
                  </div> 
 
            </div> 
 
            </div> 
 

 
           </div> 
 
          </div> 
 
         </div> 
 
          
 

 
         </div> 
 

 

 
         <div class="tab-pane fade" id="tab4primary"> 
 

 
        <center> 
 
         <h1 class="name">Pengumuman</h1> 
 
         <hr class="whitehr"> 
 
        </center> 
 
        <div class="col-sm-12 col-md-12 col-xm-12"> 
 
           <div class="bs-calltoaction bs-calltoaction-warning"> 
 
            <div class="row"> 
 
            <div class="col-sm-2 col-md-3 col-xs-8"> 
 
             <img src="<?php echo base_url();?>asset/img/alur-pendaftaran/6.png" class="img-responsive"> 
 
            </div> 
 
             <div class="col-md-6 cta-contents"> 
 
              <h3 class="cta-title">Waktu Magang Anda Telah Selesai</h3> 
 
              <hr> 
 
              <div class="cta-desc"> 
 
              
 
              </div> 
 
             </div> 
 
             <div class="col-md-3 cta-button"> 
 
              <a href="Sertifikat/Sertifikat_pdf" class="btn btn-lg btn-block btn-warning">Download Sertifikat</a> 
 
             </div> 
 
            </div> 
 
           </div> 
 
           <?php 
 
            $status = $userData['status']; 
 
            if($status == 'diterima'){ 
 
            $this->load->view('dashboard/diterima'); 
 
            }?> 
 

 
           <blockquote class="quote-box"><br> 
 
            <div class="col-sm-2 col-md-3 col-xs-8"> 
 
             <img src="<?php echo base_url();?>asset/img/alur-pendaftaran/3.png" class="img-responsive"> 
 
            </div> 
 
            
 
            <p class="quotation-mark">「</p> 
 

 
            <hr> 
 
             <div class="blog-post-actions"> 
 
             <p class="blog-post-bottom pull-left"> 
 
              Pengumuman 
 
             </p> 
 
             <p class="blog-post-bottom pull-right"> 
 
              <span class="badge quote-badge">Biro Kepegawaian Dan Organisasi</span> 
 
             </p> 
 
             </div> 
 
           </blockquote> 
 
       </div> 
 
         </div> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</dir> 
 

 
<?php $this->load->view('footer');?> 
 

 
</section><!--section close--> 
 

 
\t <script type="text/javascript" src="../asset/js/jquery.min.js"></script> 
 
    <script type="text/javascript" src="../asset/js/bootstrap.min.js"></script> 
 
\t <script type="text/javascript" src="../asset/js/profile.js"></script> 
 
\t <script type="text/javascript" src="../asset/js/pemberitahuan.js"></script> 
 

 

 
</body> 
 
</html>

我儘量讓通知，按鈕通知我點擊或單擊了當PHP，通知將是jQuery的或JS我做了刪除，但是我在那裏獲得堆棧，當點擊它的時候我如何刪除通知。

這裏是代碼我爲刪除通知

<script> 
      $('#tab4primary').click(function(){ 
       <?php $notif= ''?> 
      }); 
    </script>

這裏的代碼我作秀通知

<?php 
    $status = $userData['status'];//this i get from database 
     if($status == 'diterima'){ 
      $notif = 'new'; 
     } 
?>

通知只是文本製作，所以當$狀態== diterima它會顯示新的，當我點擊通知和文字新按鈕必須刪除或消失，但我有股票在那裏

來源

2017-05-06 Firm

+0

你不能用這種方式在JavaScript中編寫php，PHP會在頁面加載時執行，並且當你單擊按鈕時不會發生任何事情。你還可以發佈你的HTML，所以我可以告訴你如何在JavaScript中做到這一點？ – berend

+0

@BerenddeGroot你可以告訴我嗎？它將如何？ – Firm

+0

然後發佈html。 – berend

回答

0

您可以通過jQuery remove函數刪除任何元素。 請嘗試以下代碼：

$('#tab4primary').click(function() 
{ 
    $('#tab4primary').remove(); 
});

，或者你可以簡單地隱藏使用下面的代碼是：

$('#tab4primary').click(function() 
{ 
    $('#tab4primary').hide(); 
});

來源

2017-05-06 11:27:04 Hossein

+0

＃tab4primary的ID只是一個按鈕，我不能隱藏或刪除＃tab4primary，我只想隱藏我發出的文本通知。我已經發布完整的代碼，你可以檢查它。 – Firm

1

由於貝倫德德格魯特建議，你需要一次頁面加載留在JavaScript方面（和PHP停止做任何事情）。 嘗試改變其中直接顯示在消息中的HTML：

<script> 
     $('#tab4primary').click(function(){ 
      $('selectorWhereTheNotifTextIsWrittenInDOm').empty(); 
     }); 
</script>

你可能想試圖掩蓋（），而不是取決於你的DOM和預期的行爲排空。

編輯：與您發佈答案的HTML現在是：

<script> 
     $('#tab4primary').click(function(){ 
      $('#pemberitahuan').empty(); 
     }); 
</script>

同樣適用與隱藏（），而不是空的（）

編輯2：嘗試：

<script> 
     $(document).ready(function() { 
      $('#tab4primary').click(function(){ 
       $('#pemberitahuan').hide(); 
      }); 
     }); 
</script>

並確保刪除：

<script> 
     $('#tab4primary').click(function(){ 
      <?php $notif= ''?> 
     }); 
</script>

編輯3：＃tab4primary並不似乎是正確的觸發要素畢竟，如果你嘗試：

<script> 
     $('#pemberitahuan').click(function(){ 
      $('#pemberitahuan').hide(); 
     }); 
</script>

你應該看到的東西發生。現在是選擇正確的觸發器和目標，這在大多數情況下應該是不同的。

來源

2017-05-06 11:27:53 fab2s

+0

這應該這樣做。 – berend

+0

我只是這樣做，但它不起作用 – Firm

+0

你試過用'$（'＃pemberitahuan'）。hide（）;'？有什麼事情發生？你是如何實現代碼的？ – fab2s

相關問題

 相關問題