• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Ich brauche Hilfe beim HP Design

Bea1509

New member
Hallo an alle und ein erfolgreiches neues Jahr. :)

Ich benötige eure Hilfe. :confused: ich arbeite derzeit an einer Hp für meinen Arbeitgeber. Ich habe in der Menüleiste eine weitere Rubrik eingefügt. Beim draufklicken und Anzeigen lassen der Rubrik öffnen sich die Subnemüs (Titel der Submenüs) genau an der gleichen Stelle wie der Titel der Hauptrubik. Ich weiß ist jetzt hier alles total theoretisch deshalb füge ich mal als erstes den QT der funktionierenden Seite ein und dann drunter meinen geänderten QT der nicht funktiniert. (Mist geht nicht weil dann die textlänge von 15000 Zeichen überschritten wird). Also wenn sich jemand angesprochen fühlt und mir evt. helfen kann dann bitte kurze email an: WuestlingB@aol.com ich sende dann den ganzen QT) Wäre spitzenmäßig wenn mir jemand helfen könnte, denn ich komme hier nicht weiter. :whacky:
Liebe Grüße aus Essen
Bea

Funktioniert:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Kohlsmann</title>
<meta name="description" content="Bürobedarf Kohlsmann ...Alles fürs Büro, Schederhofstr. 47-49, 45145 Essen">
<meta name="author" content="Kohlsmann Bürobedarf GmbH">
<meta name="keywords" content="Büroeinrichtung, Bürobedarf, Bürotechnik, IT-Bedarf, Schreibgeräte, Service
Konzernkundenbetreuung, Office-Möbel, Möbel, Office-Stühle, Stühle, Leuchten, Schreibtischaccessoires,
Office-Planung, Tresore, Sicherheitslösungen, Verbrauchsmaterialien, Organisation, Ablage, Präsentation,
Kommunikation, Kopie, Kopiergeräte, Diktiergerät,Laminieren, Binden, Toner, Papier, Spezialpapier, EDV-Zubehör,
Kostenstellenbelieferung, Reparatur-Service, Katalog, Bestellung, kostenlose Bestellhotline,
Schederhofstr. 47-49, 45145, Essen">
<meta name="robots" content="index">

<style type="text/css">
a
{
text-decoration: none;
font-family: arial;
font-size: 12px;
font: Arial;
color: Black;
}

.title
{position: absolute;
width: 140px;
height: 20px;
left: 10px;
z-index: 10;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}

.submenu
{position: absolute;
left: 20px;
width: 140px;

font-family: arial;
font-size: 10px;
visibility: hidden;}
</style>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

// ADDITIONAL NOTES
// The input variables to the toggle function are the number of the submenu to open/close,
// starting with 0, and the number of pixels to move the objects below.
// For example toggle(1,60) opens/closes the second submenu and moves the objects below 60 pixels.

var nom = 12; // Number of menus
var usePictures = 1; // use pictures? 1 = yes, 0 = no

var ttls = new Array(); // An array for the title objects
var subs = new Array(); // An array for the submenu objects
var lastn;
var lastmove;

if (document.layers) {
visible = 'show';
hidden = 'hide';
}
else
if (document.all) {
visible = 'visible';
hidden = 'hidden';
}
for (var i = 1; i <= nom; i++) {
ttls = ('title' + i);
subs = ('submenu' +i);
}
function picopen(n) {
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.images[pic].src = "images/opened.gif";
}
else if (document.all) {
document.all(pic).src = "images/opened.gif";
}
}
function picclose(n) {
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.images[pic].src = "images/closed.gif";
}
else if (document.all) {
document.all(pic).src = "images/closed.gif";
}
}
lastn = (nom + 1);
lastmove = 0;
function lasttoggle(n,move) {
if (n <= nom) {
menu = ('submenu' + n);
if (document.layers) {
submenu = document.layers[menu];
}
else if (document.all) {
submenu = document.all(menu).style;
}
if (submenu.visibility == visible) {
submenu.visibility = hidden;
picclose(n); // Remove this if you don't use pictures
for (var i = (n+1); i <= nom; i++) {
if (document.layers) {
document.layers[ttls].top -= move;
document.layers[subs].top -= move;
}
else if (document.all) {
document.all(ttls).style.pixelTop -= move;
document.all(subs).style.pixelTop -= move;
}
}
}
}
}
function toggle(n,move) {
menu = ('submenu' + n);
if (document.layers) {
submenu = document.layers[menu];
}
else if (document.all) {
submenu = document.all(menu).style;
}
if (submenu.visibility == visible) {
submenu.visibility = hidden;
if (usePictures) picclose(n);
for (var i = (n+1); i <= nom; i++) {
if (document.layers) {
document.layers[ttls].top -= move;
document.layers[subs].top -= move;
}
else if (document.all) {
document.all(ttls).style.pixelTop -= move;
document.all(subs).style.pixelTop -= move;
}
}
}
else {
submenu.visibility = visible;
if (usePictures) picopen(n);
if (lastn != n) {
lasttoggle(lastn,lastmove);
}
for (var i = (n+1); i <= nom; i++) {
if (document.layers) {
document.layers[ttls].top += move;
document.layers[subs].top += move;
}
if (document.all) {
document.all(ttls).style.pixelTop += move;
document.all(subs).style.pixelTop += move;
}
}
}
lastn = n;
lastmove = move;
}
// End -->


function refresh(name)
{
parent.frames['main'].location.href= name;
}


function winopen()
{
window.open("popup-angebot.htm","FensterAngebot","toolbar=no,menubar=no,width=470, height=520, left=120, top=120")
}

var dorthin = null;
var w = 0;
var h = 0;

function indieMitte(datei,name,w,h) {
if (window.screen) {
var hori = screen.availWidth;
var verti = screen.availHeight;
dorthin = window.open(datei,name,'width='+ w +',height='+ h +',left='+((hori - w- 10)* .5) +',top='+((verti - h- 30)* .5),"toolbar=no,menubar=no")
dorthin.focus()
}
}
</script>
</head>
<body onload="indieMitte('popup-angebot-breit.htm','FensterName',403,254)">
<!--<body onLoad="winopen()">-->
<div class="title" id="title1" style="top: 150px">
<a href="#" onclick="javascript: toggle(1,97); refresh('1-unternehmen.htm'); return false"><img name="pic1" src="images/closed.gif" border="0">Unternehmen</a>
</div>

<div class="submenu" id="submenu1" style="top: 168px">
<a href="1-1-kohlsmannheute.htm" target="main">> Kohlsmann heute</a><br>
<a href="1-2-service.htm" target="main">> Service</a><br>
<a href="1-3-kompetenz.htm" target="main">> Kompetenz</a><br>
<a href="1-4-showroom.htm" target="main">> Showroom</a><br>
<a href="1-5-katalog.htm" target="main">> Katalog</a><br>
<a href="http://wscis05.cis-ssl128.de/kohlsmann/" target="_blank">> Online-Shop</a>
</div>

<div class="title" id="title2" style="top: 170px">
<a href="#" onclick="javascript: toggle(2,130); refresh('2-bueroeinrichtung.htm'); return false"><img name="pic2" src="images/closed.gif" border="0">Büroeinrichtung</a>
</div>

<div class="submenu" id="submenu2" style="top: 190px">
<a href="2-1-officemoebel.htm" target="main">> Office-Möbel</a><br>
<a href="2-2-officestuehle.htm" target="main">> Office-Stühle</a><br>
<a href="2-3-leuchten.htm" target="main">> Leuchten</a><br>
<a href="2-4-schreibtischacc.htm" target="main">> Schreibtisch-<br>   accessoires</a><br>
<a href="2-5-officeplanung.htm" target="main">> Office-Planung</a><br>
<a href="2-6-tresore.htm" target="main">> Sicherheits-<br>   lösungen / Tresore</a>
</div>

<div class="title" id="title3" style="top: 190px">
<a href="#" onclick="javascript: toggle(3,1); refresh('3-buerobedarf.htm'); return false"><img name="pic3" src="images/closed.gif" border="0">Bürobedarf</a>
</div>

<div class="submenu" id="submenu3" style="top: 210px">
<!-- <a href="leer.htm" target="main">> Link</a><br>-->
</div>

<div class="title" id="title4" style="top: 210px">
<a href="#" onclick="javascript: toggle(4,100); refresh('4-buerotechnik.htm'); return false"><img name="pic4" src="images/closed.gif" border="0">Bürotechnik</a>
</div>

<div class="submenu" id="submenu4" style="top: 230px">
<a href="4-1-praesentation.htm" target="main">> Präsentation</a><br>
<!-- <a href="leer.htm" target="main">> Kommunikation</a><br>-->
<a href="4-2-aktenvernichter.htm" target="main">> Aktenvernichter und<br>   Schneidemaschinen</a><br>
<a href="4-3-diktiergeraete.htm" target="main">> Diktiergerät</a><br>
<a href="4-4-laminieren.htm" target="main">> Laminieren<br>   und Binden</a>
</div>

<div class="title" id="title5" style="top: 230px">
<a href="#" onclick="javascript: toggle(5,53); refresh('5-itbedarf.htm'); return false"><img name="pic5" src="images/closed.gif" border="0">IT-Bedarf</a>
</div>

<div class="submenu" id="submenu5" style="top: 248px">
<!--<a href="leer.htm" target="main">> Toner</a><br>-->
<a href="5-1-speichermedien.htm" target="main">> Speichermedien</a><br>
<a href="5-2-spezialpapier.htm" target="main">> Spezialpapiere<br>   EDV-Zubehör</a><br>

</div>

<div class="title" id="title6" style="top: 250px">
<a href="#" onclick="javascript: toggle(6,2); refresh('6-schreibgeraete.htm'); return false"><img name="pic6" src="images/closed.gif" border="0">Schreibgeräte</a>
</div>

<div class="submenu" id="submenu6" style="top: 270px">
<!-- toogle(6,54)
<a href="leer.htm" target="main">> Individuelle<br>   Schreibgeräte</a><br>
<a href="leer.htm" target="main">> Accessoires</a>
-->
</div>

<div class="title" id="title7" style="top: 270px">
<a href="#" onclick="javascript: toggle(7,55); refresh('7-services.htm'); return false"><img name="pic7" src="images/closed.gif" border="0">Services</a>
</div>

<div class="submenu" id="submenu7" style="top: 290px">
<a href="7-1-planung.htm" target="main">> Planung</a><br>
<a href="7-2-reparatur.htm" target="main">> Reparatur-Service</a><br>
<a href="7-3-sonderanfertigung.htm" target="main">> Sonderanfertigung</a><br>
<!--<a href="7-3-sonderanfertigung.htm" target="main">> e-business</a><br>-->
<!--<a href="leer.htm" target="main">> Kostenstellen-<br>   belieferung</a><br>-->
<!--<a href="7-4-officeorganisation.htm" target="main">> Office-Organisation</a><br> toogle war 7,70-->
</div>

<div class="title" id="title8" style="top: 290px">
<a href="#" onclick="javascript: toggle(8,2); refresh('11-kommunikation.htm'); return false"><img name="pic8" src="images/closed.gif" border="0">Kommunikation</a>
</div>

<div class="submenu" id="submenu8" style="top: 310px">
<!-- toogle(8,70)
<a href="leer.htm" target="main">> Markenprodukte <br>   bei Kohlsmann</a><br>
<a href="leer.htm" target="main">> Angebot des<br>   Monats</a>
-->
</div>

<div class="title" id="title9" style="top: 310px">
<a href="#" onclick="javascript: toggle(9,2); refresh('8-aktuell.htm'); return false"><img name="pic9" src="images/closed.gif" border="0">Aktuell</a>
</div>

<div class="submenu" id="submenu9" style="top: 310px">
<!-- toogle(8,70)
<a href="leer.htm" target="main">> Markenprodukte <br>   bei Kohlsmann</a><br>
<a href="leer.htm" target="main">> Angebot des<br>   Monats</a>
-->
</div>

<div class="title" id="title10" style="top: 330px">
<a href="#" onclick="javascript: toggle(10,2); refresh('9-konzernkunden.htm'); return false"><img name="pic10" src="images/closed.gif" border="0">Konzernkunden-<br>    betreuung</a>
</div>

<div class="submenu" id="submenu10" style="top: 342px">
<!-- toogle(9,52)
<a href="leer.htm" target="main">> e-Procurement</a><br>
<a href="leer.htm" target="main">> Kostenstellen-<br>   belieferung</a>
-->
</div>

<div class="title" id="title11" style="top: 364px">
<a href="#" onclick="javascript: toggle(11,2); refresh('12-bueroservice.htm'); return false"><img name="pic11" src="images/closed.gif" border="0">Kohlsmann<br>    Büroservice OHG</a>
</div>

<div class="submenu" id="submenu11" style="top: 364px">
<!-- toogle(9,52)
<a href="leer.htm" target="main">> e-Procurement</a><br>
<a href="leer.htm" target="main">> Kostenstellen-<br>   belieferung</a>
-->
</div>

<div class="title" id="title12" style="top: 398px; z-index:11">
<a href="#" onclick="javascript: toggle(12,45); refresh('10-kontakt.htm'); return false"><img name="pic12" src="images/closed.gif" border="0">Kontakt</a>
</div>

<div class="submenu" id="submenu12" style="top: 415px">
<!--<a href="leer.htm" target="main">> Ihre Ansprechpartner</a><br>-->
<a href="10-1-katalogbestellung.htm" target="main">> Katalogbestellung</a><br>
<a href="10-2-wegzukohlsmann.htm" target="main">> Ihr Weg zu <br>   Kohlsmann</a><br>
<!--
<a href="leer.htm" target="main">> Support</a><br>
<a href="leer.htm" target="main">> Kohlsmann in Essen</a>
-->
</div>

<table width="150" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td width="150" height="138" colspan="0" rowspan="0" valign="top"><img src="images/links-oben.jpg" alt="" width="150" height="138" border="0"></td></tr>
<tr><td background="images/links-mitte.jpg"></td></tr>
</table>


</body>
</html>
 
Zurück
Oben