Zitat
Ich verstehe gerade nicht, warum und wie Du die Dateien speicherst.
die einzelnen neuen Informationen werden immer wieder in den vorhanden *.html Dateien hinzugefügt.
Zitat
Am besten Du postest mal nen Screenshot, damit man sich was vorstellen kann (Daten schwärzen).
Siehe Anhang
Zitat
Nutzt Du PHP? Javascript?
Im normal Fall würdest Du ein Formular haben, in dem Du Daten anzeigst,
evtl noch ein zweites, um neue Datensätze an zu legen (anzulegen? :D).
genau hier fangen meine Probleme an, zuerst wird das Fahrzeug ausgewählt, das heisst ich müsste es schaffen, dem linken Frame bereits einen Anweisung senden, der linke Frame müsste dann dem unteren rechten Frame nochmal beides übermitteln, aber egal was ich bereits im Netz gefunden habe, ich versteh es leider nicht.
PHP? Javascript? - keine Ahnung, ich sehe in meinen Quellcode zwar den Text Javascript, aber ob der Browser damit arbeitet?
Eine Art Datenbank wäre ja auch meine Idee gewesen, nur setzt es an der Umsetzung aus, ich hab keinen Plan wie.
hier mal der Quellcode für den linken Frame (verkürzt)
<html>
<head>
<title> </title>
<meta name="author" content="petomka">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#C0C0C0" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<font face="Arial"><b><i><font size="+1"><div align="center"><img src="images.jpg" alt="" border="0" width="139" height="80"><br>
B-Max</div></font></i></b><br><br>
<!--INC:"TOCFrame.inc","11.05.2009 22:18:26"-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><body bgcolor=silver>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta http-equiv="content-language" content="de" />
<meta name="robots" content="index, follow" />
<title>tocframe</title>
<style type="text/css">
ul#menu {
width: 180px;
list-style-type: none;
border-top: solid 1px #00008B;
margin: 0;
padding: 0;
}
ul#menu ol {
display: none;
text-align: right;
list-style-type: none;
margin: 0;
padding: 5px;
}
ul#menu li,
ul#menu a {
font-family: Arial;
font-size: 15px;
color: black;
}
ul#menu li {
border-bottom: solid 1px #00008B ;
line-height: 16px;
}
ul#menu ol li {
border-bottom: none;
}
ul#menu ol li:before {
content: "- ";
}
ul#menu a {
text-decoration: none;
outline: none;
}
ul#menu a:hover {
color: white ;
}
ul#menu a.active {
color: #A52A2A ;
}
</style>
<script type="text/javascript">
//<![CDATA[
if(!window.Node){
var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}
function checkNode(node, filter){
return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
}
function getChildren(node, filter){
var result = new Array();
var children = node.childNodes;
for(var i = 0; i < children.length; i++){
if(checkNode(children[i], filter)) result[result.length] = children[i];
}
return result;
}
function getChildrenByElement(node){
return getChildren(node, "ELEMENT_NODE");
}
function getFirstChild(node, filter){
var child;
var children = node.childNodes;
for(var i = 0; i < children.length; i++){
child = children[i];
if(checkNode(child, filter)) return child;
}
return null;
}
function getFirstChildByText(node){
return getFirstChild(node, "TEXT_NODE");
}
function getNextSibling(node, filter){
for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
if(checkNode(sibling, filter)) return sibling;
}
return null;
}
function getNextSiblingByElement(node){
return getNextSibling(node, "ELEMENT_NODE");
}
// Menu Functions & Properties
var activeMenu = null;
function showMenu() {
if(activeMenu){
activeMenu.className = "";
getNextSiblingByElement(activeMenu).style.display = "none";
}
if(this == activeMenu){
activeMenu = null;
} else {
this.className = "active";
getNextSiblingByElement(this).style.display = "block";
activeMenu = this;
}
return false;
}
function initMenu(){
var menus, menu, text, a, i;
menus = getChildrenByElement(document.getElementById("menu"));
for(i = 0; i < menus.length; i++){
menu = menus[i];
text = getFirstChildByText(menu);
a = document.createElement("a");
menu.replaceChild(a, text);
a.appendChild(text);
a.href = "#";
a.onclick = showMenu;
a.onfocus = function(){this.blur()};
}
}
if(document.createElement) window.onload = initMenu;
//]]>
</script>
</head>
<body>
<b>
<ul id="menu">
<li>10 Diagnose
<ol>
<li><a href="TSI\TSI 10.htm" target=MainFrame>TSI</a></li>
<li><a href="OASIS\Oasis 10.htm" target=MainFrame>Oasis</a></li>
<li><a href="Aktuelles\Aktuelles 10.htm" target=MainFrame>Aktuelles</a></li>
</ol>
</li>
<li>11 Räder und Reifen
<ol>
<li><a href="TSI\TSI 11.htm" target=MainFrame>TSI</a></li>
<li><a href="OASIS\Oasis 11.htm" target=MainFrame>Oasis</a></li>
<li><a href="Aktuelles\Aktuelles 11.htm" target=MainFrame>Aktuelles</a></li>
</ol>
</li>
<li>12 Bremsen
<ol>
<li><a href="TSI\TSI 12.htm" target=MainFrame>TSI</a></li>
<li><a href="OASIS\Oasis 12.htm" target=MainFrame>Oasis</a></li>
<li><a href="Aktuelles\Aktuelles 12.htm" target=MainFrame>Aktuelles</a></li>
</ol>
</li>
<li>13 Lenkung
<ol>
<li><a href="TSI\TSI 13.htm" target=MainFrame>TSI</a></li>
<li><a href="OASIS\Oasis 13.htm" target=MainFrame>Oasis</a></li>
<li><a href="Aktuelles\Aktuelles 13.htm" target=MainFrame>Aktuelles</a></li>
</ol>
</li>
<li>14 Vorderachse
<ol>
<li><a href="TSI\TSI 14.htm" target=MainFrame>TSI</a></li>
<li><a href="OASIS\Oasis 14.htm" target=MainFrame>Oasis</a></li>
<li><a href="Aktuelles\Aktuelles 14.htm" target=MainFrame>Aktuelles</a></li>
</ol>
</li>
</ul>
</font></b>
</body>
</html>
<!--/INC:"TOCFrame.inc"-->
</body>
</html>
Alles anzeigen
und hier der Code für die Fahrzeugauswahl (verkürzt)
<!DOCTYPE html>
<head>
<style type="text/css">
#iCampbellBox {
background:#C0C0C0; margin:0 0 1px; padding:0.3em 0 0 1%; width:1200px; height:10.85em;
}
ul#iCampbell {
list-style:none; margin:0 auto; padding:0; width:100%;
}
ul#iCampbell li {
display:block; float:left; width:15%; margin:0; padding:0;
font-size:0.75em; font-weight:bold;
<!--über die Schriftgröße wird zugleich die Buttongröße eingestellt, ursprünglich 0.63em und width 15%-->
}
ul#iCampbell li span {
display:block; width:100%; padding: 0.4em 0.4em 0.4em 0.6em; background:#00008B;
border-width:1px; border-color:#068 #6cf #5bd #069; border-style:solid;
<!--hier die Farbe der unbenutzten/freien Buttons ändern-->
}
ul#iCampbell li a {
display:block; width:100%; padding:0.4em 0.6em 0.6em 0.4em;
border-width:1px; border-color:#5bd #069 #069 #6cf; border-style:solid;
<!--hier die Rahmenfarbe inaktiv ändern (ganzer Frame)-->
}
#iCampbellBox>ul#iCampbell li span, #iCampbellBox>ul#iCampbell li a {
width:auto;
}
ul#iCampbell li a:link, ul#iCampbell li a:visited {
color:white; background:#00008B; text-decoration:none;
<!--oberflächenfarbe aller sichtbaren Buttons-->
}
ul#iCampbell li a:hover, ul#iCampbell li a:active {
padding: 0.6em 0.4em 0.4em 0.6em; color:black; background:#6495ED;
border-color:black; text-decoration:none;
<!--hier die Rahmenfarbe einzelner Buttons ändern
und auch die Schriftfarbe und die Hintergrundfarbebei Mouseover-->
}
ul#iCampbell li a:active {
color:black; background:orange;
}
</style>
<script type="text/javascript"></script>
</head>
<body bgcolor=silver>
<font style='font-family:Arial'</font>
<div class="cssunten"><div id="iCampbellBox">
<ul id="iCampbell">
<li><a href="Ka2009/TOCFrame.htm" target=LeftFrame>KA 2009</a></li>
<li><a href="Fiesta 2002,25\TOCFrame.htm" target=LeftFrame>Fiesta 2002,25</a></li>
<li><a href="Fiesta2008,75\TOCFrame.htm" target=LeftFrame>Fiesta 2008,75</a></li>
<li><a href="Fiesta2013\TOCFrame.htm" target=LeftFrame>Fiesta 2013</a></li>
<li><a href="Fusion 2002,75\TOCFrame.htm" target=LeftFrame>Fusion 2002,75</a></li>
<li><a href="B-Max\TOCFrame.htm" target=LeftFrame>B-Max 2012</a></li>
</ul>
</div></div>
</div>
</body>
</html>
Alles anzeigen
und in der Anzeigeseite steht eigentlich nichts besonderes, eben nur html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Petomka">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#C0C0C0" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<b>Nummer und Überschrift der Information
<br><br>
Problemfindung und Pronlembehebung
<br><br><hr noshade size="1"><br>
</body>
</html>
Alles anzeigen