2
Hello!
I intend to create a notepad where a heading and a note will be inserted.
For each note inserted, a tab will be created.
I want to click on the tab and load the title and note into an input and text area automatically.
To recover the values I am using the following code:
<?php
$this->db->order_by('id' , 'desc');
$this->db->where('usuario_id' , $this->session->userdata('id'));
$this->db->where('usuario_nome' , $this->session->userdata('usuario_nome'));
$nota = $this->db->get('nota')->result_array();
?>
However I am not able to display only the block of the clicked id(tab selected).
For each note, a block is being displayed(See example image).
Below is all the code I’m using so far:
<?php
$this->db->order_by('id' , 'desc');
$this->db->where('usuario_id' , $this->session->userdata('id'));
$this->db->where('usuario_nome' , $this->session->userdata('usuario_nome'));
$nota = $this->db->get('nota')->result_array();
?>
<div class="row">
<div class="col-sm-4">
<ul class="nav tabs-vertical" style="">
<?php foreach ($nota as $row){?>
<li class="active">
<a href="#<?php echo $row['id'];?>" data-toggle="tab"> <i class=""></i> <?php echo $row['titulo'];?> </a>
</li>
<?php }?>
</ul>
</div>
<div class="col-sm-8">
<div class="tab-content" style="width: 70%;">
<?php
$counter = 0;
foreach ($nota as $row):
$counter++;
?>
<div class="tab-pane active"
" id="<?php echo $row['id'];?>">
<div id="sample" class="ruledpaper ">
<div class="form-group" style="margin: 0px;">
<div class="col-md-12" style="padding:0px; background-color: #FFFCEE; font-size: 5px;">
<input type="text" class="form-control" rows="14" style="padding: 5px; border:0px; background-color: #fff6cc; font-size: 18px;" name="titulo" placeholder="Título" value="<?php echo $row['titulo'];?>">
</div>
</div>
<hr style="margin: 0px;" />
<div class="form-group">
<div class="col-md-12" style="padding:0px;">
<textarea maxlength="60" class="ruledpaper form-control" rows="" cols="" style="padding: 5px; border:0px; min-height: 350px;" name="nota" placeholder="Digite o texto....."><?php echo $row['nota'];?></textarea>
</div>
</div>
</div>
<?php endforeach;?>
</div>
</div>
</div>
I believe there must be some code to enable and disable the class in:
<li class="código para ativar classe">
<a href="#<?php echo $row['id'];?>" data-toggle="tab"> <i class=""></i> <?php echo $row['titulo'];?> </a>
</li>
And another code to activate class in:
<div class="tab-pane código para ativar classe" ...
I don’t know exactly what should be done. Can you help me?
How are you today:
How I wish you to stay:
