Salutare
Am un tabel cu x utilizatori, fiecare avand in dreptul lor anumite celule cu bife.
Ex:
Nume1|bifa1|bifa2|bifa3|bifa4|....
Nume2|bifa1|bifa2|bifa3|bifa4|....
Nume3|bifa1|bifa2|bifa3|bifa4|....
Cand dau click de ex, pe bifa3 de la nume2, as vrea sa scriu ceva in baza de date, si, pe langa asta, sa mi se faca refresh, daca se poate, doar la tabel, nu la toata pagina.
Cum pot face refresh doar la acel tabel?
Multumesc
Refresh la datele dintr-un tabel
Moderatori: eyecon, Moderatori
Un exemplu de refresh
Am facut un exemplu pentru ce ai nevoie, doar ca sa vezi cum ai putea face refresh-ul intr-un tabel, exemplu pe care evident il poti modifica pentru a accesa sau trimite date dintr-o sau intr-o baza de date.
Cod: Selectaţi tot
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>jQuery table exemple</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function (){
$("input").focusin(function (){
$(this).attr("value", " ");
});
$("button").live('click',function (){
var theName = $("input[name=name]").val();
var theAge = $("input[name=age]").val();
var theSex = $(":checked").val();
$("#displayInfo").html("<div class='yourDetails'> <b>Your details: </b><br /> <p> Name: "+ theName +"</p> <p>Age: "+ theAge +"</p> <p>Gender: "+ theSex +"</p> </div>");
});
});
</script>
<style>
#content {
width: 25%;
border: 1px solid black;
padding: 10px;
text-align: center;
margin: auto;
margin-top: 20%;
}
table {
border: 1px solid black;
padding: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
caption{
text-align: left;
}
.center {
text-align: center;
}
.space10 {
margin-left: 10px;
}
.yourDetails {
border: 1px solid #FFD700;
background-color: #FAFAD2;
padding: 10px 10px 0 10px;
width: 50%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
</style>
</head>
<body>
<div id="content">
<table>
<caption>Simple Form</caption>
<tr>
<td>
Name:
</td>
<td>
<input type="text" name="name" value="enter your name..." /><br />
</td>
</tr>
<tr>
<td>
Age:
</td>
<td>
<input type="text" name="age" value="enter your age..." /><br />
</td>
</tr>
<tr>
<td>
Gender:
</td>
<td>
<div class="center">
<input type="radio" name="*" value="male" /> male
<input type="radio" name="*" value="female" class="space10" /> female
</div>
</td>
</tr>
</table>
<p>Press the button to see your completed form.</p>
<button>Preview</button> <br /><br />
<span id="displayInfo"></span>
</div>
</body>
</html>
Înapoi la “HTML/JavaScript/CSS”
Cine este conectat
Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 11 vizitatori