Hallo!
Ich hatte mir mal ein Pulldown-Menü zusammengestellt.
Javascript und CSS sind in externen Dateien und in der HTML-Datei importiert.
Meine Frage ist:
Kann ich die HTML irgendwie in PHP "einbetten", sodass ich auf Variablen einer anderen PHP-Datei zugreifen kann?
Wenn ja, gäbe es evtl auch die Möglichkeit das Pulldown komplett mit der anderen PHP-Datei zu verbinden?
Denn mittels der PHP-Datei ziehe ich Daten aus einer Datenbank und möchte sie als Listenbaum aufführen.
style.css
a {
text-decoration:none;
font-weight:normal;
color: #000000;
}
.weg li {
display:none;
}
.da li {
display:list-item;
}
hr {
height:1px;
color:#003399;
background-color:#0033ff;
border:none;
}
h3 {
cursor:default;
color:#003366;
}
script.js
function roll(num) {
if (document.getElementById(num).className=="weg") {
document.getElementById(num).className="da";
} else {
document.getElementById(num).className="weg";
}
}
Pulldown.html
<html>
<head>
<title>Pulldown</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h3 onclick="roll('m1')">⇒ Überschrift 1</h3>
<ul id="m1" class="weg">
<li>Kategorie 1.1</li>
<ul>
<li>Kategorie 1.1.1</li>
<ul>
<li>Kategorie 1.1.1.1</li>
<ul style="list-style-type:none;">
<li>Unterste Kategorie 1.1.1.1.1</li>
<li>Unterste Kategorie 1.1.1.1.2</li>
</ul>
<li>Kategorie 1.1.1.n</li>
</ul>
<li>Kategorie 1.1.n</li>
</ul>
<li>Kategorie 1.n</li>
</ul>
<hr>
<h3 onclick="roll('m2')">→ Überschrift 2</h3>
<ul id="m2" class="weg">
<li>Kategorie 2.1</li>
</ul>
<hr>
<h3 onclick="roll('m3')">↳ Überschrift 3</h3>
<ul id="m3" class="weg">
<li>Kategorie 3.1</li>
</ul>
<hr>
</body>
</html>
LG,
Constella