CodeIgniter Forums
Switch button active/inactive - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Using CodeIgniter (https://forum.codeigniter.com/forumdisplay.php?fid=5)
+--- Forum: General Help (https://forum.codeigniter.com/forumdisplay.php?fid=24)
+--- Thread: Switch button active/inactive (/showthread.php?tid=68751)



Switch button active/inactive - Marcolino92 - 08-20-2017

I've been looking very much here on the site about my problem, but I only found answers about the html part of the problem. So I was wondering how to operate the switch buttons and pick up the current result and in turn change it.

This is my simple sample code:


PHP Code:
<td><?php echo $row['id']; ?></td>
<td><?php echo word_limiter($row['text'], 8); ?></td>
<td><?php echo $row['gender']; ?><?php echo $row['age']; ?> years</td>
<td><?php echo $row['time']; ?></td>
<td>
<div class="btn-group btn-toggle"> 
<button class="btn btn-default">ON</button>
<button class="btn btn-primary active">OFF</button>
</div>
</td> 


PHP Code:
$('.btn-toggle').click(function() {
 
   $(this).find('.btn').toggleClass('active');  
    
    if 
($(this).find('.btn-primary').size()>0) {
 
       $(this).find('.btn').toggleClass('btn-primary');
 
   }
 
   if ($(this).find('.btn-danger').size()>0) {
 
       $(this).find('.btn').toggleClass('btn-danger');
 
   }
 
   if ($(this).find('.btn-success').size()>0) {
 
       $(this).find('.btn').toggleClass('btn-success');
 
   }
 
   if ($(this).find('.btn-info').size()>0) {
 
       $(this).find('.btn').toggleClass('btn-info');
 
   }
 
   
    
$(this).find('.btn').toggleClass('btn-default');
 
      
});

$(
'form').submit(function(){
    
alert($(this["options"]).val());
 
   return false;
}); 

How do I move? The result to show the current status is: $row->['status'];


RE: Switch button active/inactive - InsiteFX - 08-20-2017

Bootstrap Toggle

jQuery Toggle Button Plugin For Bootstrap - Bootstrap Checkbox


RE: Switch button active/inactive - Marcolino92 - 08-20-2017

Unfortunately I'm not very practical, do not see the PHP part to send the modification on / off and then also show the current result, there are some online tutorials? I really found little on google


RE: Switch button active/inactive - InsiteFX - 08-21-2017

Code:
Execute a JavaScript when a button is clicked:

<button onclick="myFunction()">Click me</button>