#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2006
    Posts
    167
    Rep Power
    21

    How to create div classes rows using with arrays?


    Hi guys,

    I need your help. I have got a problem with the div classes. I have got 8 rows in mysql database that match with the classes and I won't be able to display more than 8 rows.

    I want to create the classes for any range of number for rows using with the arrays depends on how many rows I have in mysql database.


    This is the code I have found which it would allow me to add ONLY 8 rows using with the classes:

    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

    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 have got about over 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 code.

    Does anyone know how I create the classes using with the arrays for the totalrowcount to allow me to display any number for rows?

    Thanks in advance
  2. #2
  3. Did you steal it?
    Devshed Supreme Being (6500+ posts)

    Join Date
    Mar 2007
    Location
    Washington, USA
    Posts
    14,069
    Rep Power
    9398
    Why aren't you using a table for this clearly tabular data?

IMN logo majestic logo threadwatch logo seochat tools logo