2011-08-26 51 views
0

我試圖創建一個窗口,它將變成一個小的彈出窗口,其中包含來自數據庫的項目列表。每個項目將是一個複選框。我的問題是列表溢出了我希望它的div而不是將列轉移,以便在檢索到很多記錄時會有幾列。我不確定如何做到這一點與PHP/MySQL檢索 - 我知道我必須可能有一個新的nieghboring div爲每一個這麼多的項目 - 有沒有人知道這樣做的好方法?下面是頁面的源代碼:正在尋找一種方法來在列中包裝列出的數據庫結果

的functions.php:

// returns an array of all active users 
function getActiveUsers() { 
    $con = mysql_connect("-","-","-"); 
    if (!$con) 
     { 
     die('Could not connect: ' . mysql_error()); 
     } 
    else { 
     // connected to database successfully 
    } 
    mysql_select_db("casemanagers", $con); 
    $result = mysql_query('select * from users where active=1 order by Name ASC'); 
    while($row= mysql_fetch_assoc($result)){ 
     $arr[] = $row['Name']; 
    } 
    return $arr; 
    mysql_close($con); 
} 

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="English (American)" lang="English (American)"> 
<head> 
    <link rel="stylesheet" type="text/css" href="css/style.css" /> 
    <style type="text/css"> 
     #userMenu { 
      border-style:solid; 
      border-size:1px; 
      width:300px; 
      height:300px; 
      padding:20px; 
      overflow:auto; 
     } 
    </style> 

</head> 

<body> 
    <div id="userMenu" style=""> 
     <?php 
      include_once('functions.php'); 
      $list = getActiveUsers(); 
      foreach ($list as $x){ 
       echo '<input type="checkbox" value="'.$x.'" />'.$x.'<br/>'; 
      } 
     ?> 
    </div> 
</body> 

</html> 

回答

0

把你的複選框中的列表,並漂浮在列表項

<div id="userMenu" style=""> 
<ul> 
    <?php 
     include_once('functions.php'); 
     $list = getActiveUsers(); 
     foreach ($list as $x){ 
      echo '<li><input type="checkbox" value="'.$x.'" />'.$x.'</li>'; 
     } 
    ?> 
</ul> 
</div> 

的CSS

#userMenu li { width: 33%; float:left } // will produce 3 rows; 
0

嘗試浮動你div的左邊,這樣它會列出他們留下來的右側,而不是僅僅一列。

<div id="userMenu" style=""> 
     <?php 
      include_once('functions.php'); 
      $list = getActiveUsers(); 
      foreach ($list as $x){ 
       echo '<div class="item">'; 
       echo '<input type="checkbox" value="'.$x.'" />'.$x.'<br/>'; 
       echo '</div>'; 
      } 
     ?> 
    </div> 

CSS

#userMenu div.item{ 
float:left; margin:10px; 
} 
相關問題