pagination

[the-botman]

how do i use

pagination here without loosing the value, this code is for a wap site and as it stands it will flood the user because there are to many frames on one page so if i can split the frames into atleast 3 pages would be great 

<form enctype="multipart/form-data" method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
 <table>
	 <tr>
	 	<td>Image:</td><td><input type="file" size="32" name="image_field" value=""></td>
	 </tr>
	  <tr>
	 	<td>Text:</td><td><input type="text" size="32" name="image_text" value=""></td>
	 </tr>
	  <tr>
	 	<td>Font:</td>
	 	<td>
			<select name="text_font">
				<option value="3">1</option>
				<option value="4">2</option>
				<option value="5">3</option>
				<option value="fonts/addlg10.gdf" selected="selected">4</option>
				<option value="fonts/anonymous.gdf">5</option>				
			</select>	 	
	 	</td>
	 </tr>		 
	  <tr>
	 	<td>Text Position: </td>
	 	<td>
			<select name="text_position">
				<option value=""></option>
				<option value="TL">Top Left</option>
				<option value="CL">Middle Left</option>
				<option value="BL">Bottom Left</option>
				<option value="TC">Top Center</option>
				<option value="CC">Middle Center</option>
				<option value="BC" selected="selected">Bottom Center</option>
				<option value="TR">Top Right</option>
				<option value="CR">Middle Right</option>
				<option value="BR">Bottom Right</option>				
			</select>	 	
	 	</td>
	 </tr>
	 <tr>


	 	<td colspan="2"> </td>
	 </tr>		 
	 <tr>

	 	<td colspan="2">Choose frame:</td>
	 </tr>
	 <tr>
	 	<td><input checked="checked" type="radio" name="image_frame" value="" /></td>
	 	<td>None</td>
	 </tr>	 
	 <tr>
	 	<td><input type="radio" name="image_frame" value="frames/frame1.gif" /></td>
	 	<td><img src="frames/frame1.gif" alt="" width="100" /></td>
	 </tr>	 
	 <tr>
	 	<td><input type="radio" name="image_frame" value="frames/frame2.gif" /></td>
	 	<td><img src="frames/frame2.gif" alt="" width="100" /></td>
	 </tr>	 
	 <tr>
	 	<td><input type="radio" name="image_frame" value="frames/frame3.gif" /></td>
	 	<td><img src="frames/frame3.gif" alt="" width="100" /></td>
	 </tr>
	 <tr>

	<td><input type="radio" name="image_frame" value="frames/frame4.jpg" /></td>
	 	<td><img src="frames/frame4.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>

	<td><input type="radio" name="image_frame" value="frames/frame5.jpg" /></td>
	 	<td><img src="frames/frame5.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>

	<td><input type="radio" name="image_frame" value="frames/frame6.jpg" /></td>
	 	<td><img src="frames/frame6.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>

	<td><input type="radio" name="image_frame" value="frames/frame7.jpg" /></td>
	 	<td><img src="frames/frame7.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>

	<td><input type="radio" name="image_frame" value="frames/frame8.jpg" /></td>
	 	<td><img src="frames/frame8.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>

	<td><input type="radio" name="image_frame" value="frames/frame9.jpg" /></td>
	 	<td><img src="frames/frame9.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>

	<td><input type="radio" name="image_frame" value="frames/frame10.jpg" /></td>
	 	<td><img src="frames/frame10.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>


	<td><input type="radio" name="image_frame" value="frames/frame11.gif" /></td>
	 	<td><img src="frames/frame11.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>

	<td><input type="radio" name="image_frame" value="frames/frame12.jpg" /></td>
	 	<td><img src="frames/frame12.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>

	<td><input type="radio" name="image_frame" value="frames/frame13.jpg" /></td>
	 	<td><img src="frames/frame13.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>


<td><input type="radio" name="image_frame" value="frames/frame14.jpg" /></td>
	 	<td><img src="frames/frame14.jpg" alt="" width="100" /></td>
	 </tr>
	 <tr>


	 	<td colspan="2"><input type="submit" name="Submit" value="Generate"></td>
	 </tr>	 	 	 
 </table>
</form>

[litebearer]

if the issue is the number of frames from which to choose , perhaps putting the frames in a

horizontally scrollable div may work bettter than extra pages

[the-botman]

thats  great idea... but the issue is still the same 2 many frames on 1 page makes it hard for the mobile use to load the page.

[litebearer]

saturday morning ramblings...  add ajax to the mix - 5 frames in the scrolling div, a "more frames" button which triggers ajax to load 5 new frames to replace the current ones - etc etc

[the-botman]

the issue with agax is some mobile phones do not work with it

[litebearer]

It appears that since only the number of frames is the primary issue.

 

1. first form page has nothing but the frames from which to choose (5, 10 or what ever #)

      it has a submit button and and next button.

 

      Next button takes to to more frame choices. (calls to self with logic to see which group of  frames to display).

 

      submit button takes you to page where balance of from fields are chosen. do some validation on the frame selection. put frame selection as hidden field.

 

      submit button on this page then takes you to final processing page.

 

make sense?

[the-botman]

yes it does but could you please ive me a small expl of this if you don`t mind and thanks alotfor your help

[satya61229]

yes it does but could you please ive me a small expl of this if you don`t mind and thanks alotfor your help

 

You can get lots of pagination code on the net. I have a code both in Ajax and non-Ajax version you can use. http://www.satya-weblog.com/tag/pagination

[litebearer]

right. basic idea is first page is similar to a photo gallery - use pagination to 'browse' thru the frames(photos), make each frame(photo) clickable, which takes you to the next form page (similar to photogallery displaying large verison of thumbnail)

 

example of photogallery using that concept here (http://www.nstoia.com/projects/working/easyalbum/) except in your usage you would go to a form page.

 

I use ps_pagination.php  http://phpsense.com/php/php-pagination-script.html

 

 

[the-botman]

is thee no other way to do this coz this users SQL querys and i am not fully clued up with that