+- 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>