Intr-o pagina am 3 div-uri (stanga, central, dreapta)
In Div-ul din stanga mi se afiseaza cuprinsul (treeview) unui document doc1
In div-ul central continutul documentului doc1
In div-ul din dreapta se afiseaza sectiuni din alt document doc2 ce au legatura cu documentul doc1 din div-ul central.
Cand dau click pe un capitol din cuprins (adica un nod din treeview - div-ul stanga) mi se afiseaza in div-ul central textul din capitolul respectiv al documentului doc1, iar in div-ul din dreapta textul in legatura din doc2.
Intrebarea mea este: Cum sa afisez in div-ul din dreapta textul fara sa dau refresh la pagina.
Mai jos este codul:
Cod: Selectaţi tot
<div id="Document">
<div id="CuprinsDiv" class="ScrollContent">
<?php CreateTree($cod_document); ?>
</div>
<div id="TextWrapperDiv" style="height:100%; overflow-y: auto;">
<?php AfisareText($cod_document); ?>
</div>
<div id="RightDiv" style="height:100%; overflow-y: auto;">
<?php
$textContinut = "";
if(isset($_POST['userId'])){
$sectiune = $_POST['userId'];
$conn = new PDO("sqlsrv:Server=localhost\\SQL2012;Database=database" , "user", "parola");
$sql="select texthtml from documentetext where COD_SECTIUNE = ".$sectiune;
$q=$conn->prepare($sql);
$q->execute();
$q->bindColumn(1, $texthtml);
while($q->fetch())
{
$textContinut .= $texthtml;
}
echo $textContinut;
}
else
{
echo $textContinut;
}
?>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".link").click(function(){
var stringId = $(this).attr('id');
var userId = stringId.substring(5,12);
$.ajax({
type:"POST",
url: "<?php echo $_SERVER['REQUEST_URI']; ?>",
data: {userId : userId},
success: function(result)
{
var textcontinut = <?php echo json_encode($textContinut); ?>;
$('#RightDiv').text(textcontinut);
}
});
});
});
</script>
Nu vreau sa se dea refresh la div-ul stanga si central.
Multumesc
