problem with scrolling

Mr.n · June 3, 2008

hello,

i have a php script that prints the records fetched from a table in mysql in a <table> <tr><td>, when the number of records is higher than the size of the page, no scroll bar appear. Anyone knows how can i resolv this please? i need to allow users to see all the data printed.

samshel · June 3, 2008

scrolling or not scrolling is part of HTML and does not have anything to do with PHP, Please post your HTML code and we can help you further.

Mr.n · June 3, 2008

here is my html code produced by the php script:

echo '<html><body scroll="yes"><tbody><br><br><br><br><br><br><br><br><br><br><br><table border="0" width="520" id="table1" height="68">

<tr>

<hr color="blue"><center>Missions: '.$this->ESearchMission->Text.'</center></font><hr color="blue"></td>

</tr>

<tr valign=top><tr valign=top><td width=8%><center><bold>ID</bold></center></td><td width=100%><center><font size="3">Name</font></center></td><td width="21"></td></tr>';

$num_results = mysql_num_rows($result);

if ($num_results == 0) {

echo '<tr><td colspan="3"><bold>No match retrieved</bold></td></tr>';

}

else {

while($data=mysql_fetch_row($result)) {

if ($k < $j + 6) echo('<tr valign=top><td bgcolor="#efefef" width=8%><font size="3">'.$data[0].'</font></td><td bgcolor="#efefef" width=100%><font size="3">'.$data[1].'</font></td><td bgcolor="#efefef"><a href="execute_update_Tmission.php?ID='.$data[0].'"><img border="0" src="images/edit.png" width="20" height="20"></a></td><td bgcolor="#efefef"><a href="execute_delete.php?Table=Tmission&ID='.$data[0].'" style="width=1;height=1;"><img border="0" src="images/delete.png" width="20" height="20"></a></td></tr>');

}

mysql_free_result($result);

}

echo '</table></td></tr></table></tbody></body></html>';

samshel · June 3, 2008

Please paste view source of the page you see in browser, i.e. only the HTML

Mr.n · June 3, 2008

<tr>

<hr color="blue"><center>Missions: </center></font><hr color="blue"></td>

</tr>

<tr valign=top><tr valign=top><td width=8%><center><bold>ID</bold></center></td><td width=100%><center><font size="3">Name</font></center></td><td width="21"></td></tr><tr valign=top><td bgcolor="#efefef" width=8%><font size="3">126</font></td><td bgcolor="#efefef" width=100%><font size="3">Ingenieur Systeme reseaux multimedia test</font></td><td bgcolor="#efefef"><a href="execute_update_Tmission.php?ID=126"><img border="0" src="images/edit.png" width="20" height="20"></a></td><td bgcolor="#efefef"><a href="execute_delete.php?Table=Tmission&ID=126" style="width=1;height=1;"><img border="0" src="images/delete.png" width="20" height="20"></a></td></tr><tr valign=top><td bgcolor="#efefef" width=8%><font size="3">117</font></td><td bgcolor="#efefef" width=100%><font size="3">charbel</font></td><td bgcolor="#efefef"><a href="execute_update_Tmission.php?ID=117"><img border="0" src="images/edit.png" width="20" height="20"></a></td><td bgcolor="#efefef"><a href="execute_delete.php?Table=Tmission&ID=117" style="width=1;height=1;"><img border="0" src="images/delete.png" width="20" height="20"></a></td></tr></table></td></tr></table></tbody></body></html><html DIR=ltr >

samshel · June 3, 2008

I put the above code in a blank file , added many rows to it, and opened it in browser. it does show a scroll bar.

Mr.n · June 3, 2008

here is all the code with the scripts, not only the html body:

<tr>

<hr color="blue"><center>Missions: </center></font><hr color="blue"></td>

</tr>

<tr valign=top><tr valign=top><td width=8%><center><bold>ID</bold></center></td><td width=100%><center><font size="3">Name</font></center></td><td width="21"></td></tr><tr valign=top><td bgcolor="#efefef" width=8%><font size="3">126</font></td><td bgcolor="#efefef" width=100%><font size="3">Ingenieur Systeme reseaux multimedia test</font></td><td bgcolor="#efefef"><a href="execute_update_Tmission.php?ID=126"><img border="0" src="images/edit.png" width="20" height="20"></a></td><td bgcolor="#efefef"><a href="execute_delete.php?Table=Tmission&ID=126" style="width=1;height=1;"><img border="0" src="images/delete.png" width="20" height="20"></a></td></tr><tr valign=top><td bgcolor="#efefef" width=8%><font size="3">117</font></td><td bgcolor="#efefef" width=100%><font size="3">charbel</font></td><td bgcolor="#efefef"><a href="execute_update_Tmission.php?ID=117"><img border="0" src="images/edit.png" width="20" height="20"></a></td><td bgcolor="#efefef"><a href="execute_delete.php?Table=Tmission&ID=117" style="width=1;height=1;"><img border="0" src="images/delete.png" width="20" height="20"></a></td></tr></table></td></tr></table></tbody></body></html><html DIR=ltr >

<head>

<title>Admin missions</title>

<!--

function EMissionName_updatehidden(event)

{

edit=findObj('EMissionName');

hidden=findObj('EMissionName_hidden');

hidden.value=edit.value;

}

function EMissionNotes_updatehidden(event)

{

edit=findObj('EMissionNotes');

hidden=findObj('EMissionNotes_hidden');

hidden.value=edit.value;

}

function Button1ClickWrapper(event, hiddenfield, submitvalue, wrappedfunc)

{

var event = event || window.event;

submit1=true;

submit2=true;

if (typeof(wrappedfunc) == 'function') submit1=wrappedfunc(event);

hiddenfield.value = submitvalue;

form = hiddenfield.form;

if ((form) && (form.onsubmit) && (typeof(form.onsubmit) == 'function')) submit2=form.onsubmit();

if ((submit1) && (submit2)) form.submit();

return false;

}

function ESearchMission_updatehidden(event)

{

edit=findObj('ESearchMission');

hidden=findObj('ESearchMission_hidden');

hidden.value=edit.value;

}

-->

</script>

qx.log.Logger.ROOT_LOGGER.setMinLevel(qx.log.Logger.LEVEL_FATAL);

qx.manager.object.AliasManager.getInstance().add("static", "/vcl-bin/qooxdoo/framework/resource/static/");

qx.manager.object.AliasManager.getInstance().add("widget", "/vcl-bin/qooxdoo/framework/resource/widget/windows/");

qx.manager.object.AliasManager.getInstance().add("icon", "/vcl-bin/qooxdoo/framework/resource/icon/VistaInspirate/");

</script>

</head>

var d = qx.ui.core.ClientDocument.getInstance();

d.setBackgroundColor(null);

</script>

var d = qx.ui.core.ClientDocument.getInstance();

var inline_div = new qx.ui.basic.Inline("GroupBox1");

inline_div.setHeight("auto");

inline_div.setWidth("auto");

var GroupBox1 = new qx.ui.groupbox.GroupBox("New record");

GroupBox1.setWidth(456);

GroupBox1.setHeight(104);

d.add(inline_div);

inline_div.add(GroupBox1);

</script>

</div>

</div>

</div>

</div>

<div id="Notes" style=" font-family: Verdana; font-size: 10px; height:13px;width:75px;" >Notes:</div>

</div>

</div>

</div>

</div>

<div id="Label2" style=" font-family: Verdana; font-size: 10px; height:13px;width:51px;" >Filter:</div>

</div>

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

</form></body>

</html>

samshel · June 3, 2008

Putting all this code in a file and opening i see only 2 rows, so it wont show a scroll bar.sorry if i am getting it wrong.

Mr.n · June 3, 2008

when i save localy the file as html i see a scrollbar when open it the webserver i dont see a scrollbar. here is the code try it plz you should see a scrollbar:

<tr>

<hr color="blue"><center>Missions: </center></font><hr color="blue"></td>

</tr>

<tr valign=top><tr valign=top><td width=8%><center><bold>ID</bold></center></td><td width=100%><center><font size="3">Name</font></center></td><td width="21"></td></tr><tr valign=top><td bgcolor="#efefef" width=8%><font size="3">126</font></td><td bgcolor="#efefef" width=100%><font size="3">Ingenieur Systeme reseaux multimedia test</font></td><td bgcolor="#efefef"><a href="execute_update_Tmission.php?ID=126"><img border="0" src="images/edit.png" width="20" height="20">[/url]</td><td bgcolor="#efefef"><a href="execute_delete.php?Table=Tmission&ID=126" style="width=1;height=1;"><img border="0" src="images/delete.png" width="20" height="20">[/url]</td></tr><tr valign=top><td bgcolor="#efefef" width=8%><font size="3">117</font></td><td bgcolor="#efefef" width=100%><font size="3">charbel</font></td><td bgcolor="#efefef"><a href="execute_update_Tmission.php?ID=117"><img border="0" src="images/edit.png" width="20" height="20">[/url]</td><td bgcolor="#efefef"><a href="execute_delete.php?Table=Tmission&ID=117" style="width=1;height=1;"><img border="0" src="images/delete.png" width="20" height="20">[/url]</td></tr></table></td></tr></table></tbody></body></html><html DIR=ltr >

<head>

<title>Admin missions</title>

<!--

function EMissionName_updatehidden(event)

{

edit=findObj('EMissionName');

hidden=findObj('EMissionName_hidden');

hidden.value=edit.value;

}

function EMissionNotes_updatehidden(event)

{

edit=findObj('EMissionNotes');

hidden=findObj('EMissionNotes_hidden');

hidden.value=edit.value;

}

function Button1ClickWrapper(event, hiddenfield, submitvalue, wrappedfunc)

{

var event = event || window.event;

submit1=true;

submit2=true;

if (typeof(wrappedfunc) == 'function') submit1=wrappedfunc(event);

hiddenfield.value = submitvalue;

form = hiddenfield.form;

if ((form) && (form.onsubmit) && (typeof(form.onsubmit) == 'function')) submit2=form.onsubmit();

if ((submit1) && (submit2)) form.submit();

return false;

}

function ESearchMission_updatehidden(event)

{

edit=findObj('ESearchMission');

hidden=findObj('ESearchMission_hidden');

hidden.value=edit.value;

}

-->

</script>

qx.log.Logger.ROOT_LOGGER.setMinLevel(qx.log.Logger.LEVEL_FATAL);

qx.manager.object.AliasManager.getInstance().add("static", "/vcl-bin/qooxdoo/framework/resource/static/");

qx.manager.object.AliasManager.getInstance().add("widget", "/vcl-bin/qooxdoo/framework/resource/widget/windows/");

qx.manager.object.AliasManager.getInstance().add("icon", "/vcl-bin/qooxdoo/framework/resource/icon/VistaInspirate/");

</script>

</head>

var d = qx.ui.core.ClientDocument.getInstance();

d.setBackgroundColor(null);

</script>

var d = qx.ui.core.ClientDocument.getInstance();

var inline_div = new qx.ui.basic.Inline("GroupBox1");

inline_div.setHeight("auto");

inline_div.setWidth("auto");

var GroupBox1 = new qx.ui.groupbox.GroupBox("New record");

GroupBox1.setWidth(456);

GroupBox1.setHeight(104);

d.add(inline_div);

inline_div.add(GroupBox1);

</script>

</div>

</div>

</div>

</div>

<div id="Notes" style=" font-family: Verdana; font-size: 10px; height:13px;width:75px;" >Notes:</div>

</div>

</div>

</div>

</div>

<div id="Label2" style=" font-family: Verdana; font-size: 10px; height:13px;width:51px;" >Filter:</div>

</div>

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

</form></body>

</html>

Sign In

problem with scrolling

Recommended Posts

Mr.n

Link to comment

Share on other sites

samshel

Link to comment

Share on other sites

Mr.n

Link to comment

Share on other sites

samshel

Link to comment

Share on other sites

Mr.n

Link to comment

Share on other sites

samshel

Link to comment

Share on other sites

Mr.n

Link to comment

Share on other sites

samshel

Link to comment

Share on other sites

Mr.n

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information