基于數(shù)據(jù)庫(kù)中mysql字段的Master => Detail關(guān)系：公司 - 項(xiàng)目 - 級(jí)別Adobe - Photoshop - 初學(xué)者Adobe - Photoshop - 高級(jí)Adobe - 插畫師 - ........Microsoft - Word - 初學(xué)者....微軟 - Excel - ....我正在努力解決多級(jí)布局，也稱為嵌套，僅在 HTML5 中沒有 JavaScript。我想使用帶有“Select field1,field2,field3”的 sql 字符串來顯示內(nèi)容，就像 Windows 資源管理器樣式一樣。也許有教程/示例？到目前為止，我還沒有找到只使用 HTML 5 而不使用 JavaScript 的多級(jí) php 腳本！
2 回答
慕田峪9158850
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊
帶有 和 的 HTML 5 解決方案
<style>
details {
padding: 1px;
background-color: #f6f7f8;
margin-bottom: 1px;
}
details[open] {
/* the style goes here */
}
summary {
cursor: pointer;
}
.level_0 {
margin-left: 1em;
padding-left: 1em;
color:red;
}
.level_1 {
margin-left: 2em;
padding-left: 1em;
color:green;
}
.level_2 {
margin-left: 3em;
padding-left: 1em;
color:blue;
}
.level_3 {
margin-left: 4em;
padding-left: 1em;
color:gray;
}
</style>
<h4>
<details open>
<summary class='level_0'>Microsoft</summary>
<details>
<summary class='level_1'>Word</summary>
<details>
<summary class='level_2'>Basic</summary>
<ul class='level_3'>
<li>Module 1</li>
<li>Module 2
</ul>
</details>
<details>
<summary class='level_2'>Advanced</summary>
<ul class='level_3'>
<li>Module 3</li>
<li>Module 4
</ul>
</details>
</details>
<details>
<summary class='level_1'>Excel</summary>
<details>
<summary class='level_2'>Basic</summary>
<ul class='level_3'>
<li>Module 5</li>
<li>Module 6
</ul>
</details>
</details>
</details>
<details open'>
<summary class='level_0'>Adobe</summary>
<details>
<summary class='level_1'>Photoshop</summary>
<details>
<summary class='level_2'>Basic</summary>
<ul class='level_3'>
<li>Module 7</li>
<li>Module 8
</ul>
</details>
<details>
<summary class='level_2'>Advanced</summary>
<ul class='level_3'>
<li>Module 9</li>
<li>Module 10
</ul>
</details>
</details>
<details>
<summary class='level_1'>Illustrator</summary>
<details>
<summary class='level_1'>Basic</summary>
<ul class='level_3'>
<li>Module 11</li>
<li>Module 12
</ul>
</details>
</details>
</details>
慕田峪7331174
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊
這是我關(guān)于如何在三個(gè)數(shù)組中創(chuàng)建條目組合的答案。
<?php
function combinations($arrays, $i = 0) {
if (!isset($arrays[$i])) {
return array();
}
if ($i == count($arrays) - 1) {
return $arrays[$i];
}
// get combinations from subsequent arrays
$tmp = combinations($arrays, $i + 1);
$result = array();
// concat each array from tmp with each element from $arrays[$i]
foreach ($arrays[$i] as $v) {
foreach ($tmp as $t) {
$result[] = is_array($t) ?
array_merge(array($v), $t) :
array($v, $t);
}
}
return $result;
}
$arrCombi=combinations(
array(
array('Microsoft','Adobe','Softskills'),
array('Word','Excel','Photoshop','Homeoffice'),
array('Grundlagen','Expert')
)
);
$line="";
foreach ($arrCombi as $k => $v){
$line .= "(".implode(" AND ",$v) . ") OR \n";
}
$line=substr($line, 0, -4);
echo nl2br($line);
echo"<hr><pre>";
print_r(
combinations(
array(
array('Microsoft','Adobe','Softskills'),
array('Word','Excel','Photoshop','Homeoffice'),
array('Grundlagen','Expert')
)
)
);
echo "</pre>";
?>
- 2 回答
- 0 關(guān)注
- 144 瀏覽
添加回答
舉報(bào)
0/150
提交
取消