www.webdeveloper.com
Results 1 to 1 of 1

Thread: Help with create unlimited boxes for div classes

Threaded View

  1. #1
    Join Date
    Sep 2008
    Posts
    62

    Help with create unlimited boxes for div classes

    Hi guys,

    I have got a problem with the code in my PHP. I stored 8 rows of channels in mysql database and I use var totalrowcount to display 8 boxes for div classes to display with rows that I stored from mysql, but I cannot be able to display more than 8 boxes of div classes when I store more than 8 rows in mysql.

    I want to create the unlimited boxes for div classes with any range of number to match the rows depends on how many rows that I store in mysql database.

    Here is the code I found where the trouble is coming from:

    PHP Code:
    var totalrowcount 8;

    <
    div class="mainWrap">
        <
    div class="row" id="row1">
            <
    div id="image1" class="channelList div_1_1"></div>
            <
    div class="rowSubPgm">
                <
    div id="programe1" class="pgmFirstRow div_1_2"></div>
                <
    div id="programe2" class="pgmFirstRow div_1_3"></div>
                <
    div id="programe3" class="pgmFirstRow div_1_4"></div>
            </
    div>
        </
    div>
        <
    div class="clear"></div>
        <
    div class="row"  id="row2">
            <
    div id="image2" class="channelList div_2_1"></div>
            <
    div class="rowSubPgm">
                <
    div id="programe4" class="pgmFirstRow div_2_2"></div>
                <
    div id="programe5" class="pgmFirstRow div_2_3"></div>
                <
    div id="programe6" class="pgmFirstRow div_2_4"></div>
            </
    div>
        </
    div>
        <
    div class="clear"></div>
        <
    div class="row"  id="row3">
            <
    div id="image3" class="channelList div_3_1"></div>
            <
    div class="rowSubPgm">
                <
    div id="programe7" class="pgmFirstRow div_3_2"></div>
                <
    div id="programe8" class="pgmFirstRow div_3_3"></div>
                <
    div id="programe9" class="pgmFirstRow div_3_4"></div>
           </
    div>
        </
    div>
        <
    div class="clear"></div>
        <
    div class="row"  id="row4">
            <
    div id="image4" class="channelList div_4_1"></div>
            <
    div class="rowSubPgm">
                <
    div id="programe10" class="pgmFirstRow div_4_2"></div>
                <
    div id="programe11" class="pgmFirstRow div_4_3"></div>
                <
    div id="programe12" class="pgmFirstRow div_4_4"></div>
           </
    div>
        </
    div>
        <
    div class="clear"></div>
        <
    div class="row"  id="row5">
            <
    div id="image5" class="channelList div_5_1"></div>
            <
    div class="rowSubPgm">
                <
    div id="programe13" class="pgmFirstRow div_5_2"></div>
                <
    div id="programe14" class="pgmFirstRow div_5_3"></div>
                <
    div id="programe15" class="pgmFirstRow div_5_4"></div>
            </
    div>
        </
    div>
        <
    div class="clear"></div>
        <
    div class="row" id="row6">
            <
    div id="image6" class="channelList div_6_1"></div>
            <
    div class="rowSubPgm">
                <
    div id="programe16" class="pgmFirstRow div_6_2"></div>
                <
    div id="programe17" class="pgmFirstRow div_6_3"></div>
                <
    div id="programe18" class="pgmFirstRow div_6_4"></div>
           </
    div>
        </
    div>
        <
    div class="clear"></div>
            <
    div class="row"  id="row7">
            <
    div id="image7" class="channelList div_7_1"></div>
            <
    div class="rowSubPgm">
                <
    div id="programe19" class="pgmFirstRow div_7_2"></div>
                <
    div id="programe20" class="pgmFirstRow div_7_3"></div>
                <
    div id="programe21" class="pgmFirstRow div_7_4"></div>
            </
    div>
        </
    div>
        <
    div class="clear"></div>
            <
    div class="row"  id="row8">
            <
    div id="image8" class="channelList div_8_1"></div>
            <
    div class="rowSubPgm">
                <
    div id="programe22" class="pgmFirstRow div_8_2"></div>
                <
    div id="programe23" class="pgmFirstRow div_8_3"></div>
                <
    div id="programe24" class="pgmFirstRow div_8_4"></div>
            </
    div>
        </
    div>
        <
    div class="clear"></div

    I can output the unlimited rows from mysql without have any problem, but I cannot display more than 8 boxes for div classes. If I want to create the classes, I would have to change the last number in each line at the end, e.g: pgmFirstRow div_9_4, pgmFirstRow div_10_4 and so on.

    I am going to store thousand of rows in mysql and I find that it would be too much for me to work it on to add thousand lines of codes for add div classes.

    Does anyone know how to create the code to allow me to add unlimited number of div classes using with the arrays for the totalrowcount to match the rows that I store in mysql to allow me to add any range of boxes for div classes??

    Any advice would be much appreciated.

    Thanks in advance
    Last edited by mark107; 06-04-2013 at 04:52 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles