Refresh div element

**Dormilich** · Dec 18 '08, 07:25 AM

Originally posted by vjayis

... when i click an button an javascript function ... so that the datas are displayed in different order..

that depends upon whether you can access the data separately. say, if it is one text node, there is hardly an option to rearrange the data, but if you have each data in a paragraph, JS can rearrange them.

regards

**vjayis** · Dec 18 '08, 11:00 AM

sorry i cant get u..

i hav displayed some datas driven from database using php inside a div element.,

so if i refresh the div then the datas are displayed in diferent order since i hav displayed using rand function .

so if need to refresh that div element.,

this can be done using iframe., but i need it to be done using div..

**Dormilich** · Dec 18 '08, 11:44 AM

Originally posted by vjayis

sorry i cant get u..

if you can post an example of your <div> (the HTML after PHP has finished) I can tell you what I mean.

**vjayis** · Dec 19 '08, 03:47 AM

<html>

Code:

<script type="text/javascript">
function refresh_fn()
{}
</script>

Code:

<div id="1">
	<? 
	//datas displayed from databases..
	?>
</div>

</td>
</tr>
<tr>
<td onclick="refres h_fn()" style="cursor:p ointer">refresh </td>
</tr>
</table>

</body>
</html>

so wht do i want to do in the refresh_fn() function..

**RamananKalirajan** · Dec 19 '08, 07:00 AM

Hi you can write ur own style to display the datas in an order... can u please post the sample of how datas are arranged in that Div once u place the data inside the div..

Regards
Ramanan Kalirajan

**Dormilich** · Dec 19 '08, 08:11 AM

Originally posted by vjayis

Code:

<div id="1">
	<? 
	//datas displayed from databases..
	?>
</div>

what is between <div> and </div>? that's what I need to know to answer.

**vjayis** · Dec 20 '08, 03:59 AM

<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td>

<div>

<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td>Name</td>
<td>Title</td>
<td>Description </td>
</tr>

Code:

		<? 
		$i=1;
		$q1=mysql_query("select * from tablename order by rand()");
		while($r1=mysql_fetch_array($q1))
		{
			//display 5random datas
			if($i>5)
				break;
		?>
        <tr>
          <td><? echo $r1['name'];?></td>
          <td><? echo $r1['title'];?></td>
          <td><? echo $r1['description'];?></td>
        </tr>
		<? $i++;}?>

</table>

</div>

</td>
</tr>
</table>

**Dormilich** · Dec 20 '08, 09:02 AM

you basicly need to shuffle the table rows. So, save the rows in an array (getElementsbyT agName), shuffle that array, remove the rows from the table and insert the rows from the shuffled array (that's what I would do)

regards

**vjayis** · Dec 20 '08, 11:04 AM

Hi

i have displayed only 5rows., but the table may contain many rows.,

so i can refresh the div element similar to an iframe then it ll automically generate different random rows from the database...

so how can we refresh an div element......

**Dormilich** · Dec 20 '08, 12:41 PM

so you don't want to shuffle the content client side? then you have to trigger your ajax function again (although you posted you didn't want to....).

Originally posted by vjayis

so how can we refresh an div element......

add an appropriate event listener to that div.

regards

**vjayis** · Dec 23 '08, 03:26 AM

Is there no other way just to refresh an div element as we refresh an iframe...

Refresh div element

Refresh div element

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment