So mein Quelltext

von **Bea1509** am 07.01.2005, 11:24

hallo da bin ich nochmal anbei ist der Quelltext:

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

<html>
<head>
<title>Kohlsmann</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<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">


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)">

<div class="title" id="title1" style="top: 161px">
<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">> 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: 210px">
<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: 230px">
<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">

</div>

<div class="title" id="title4" style="top: 250px">
<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="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: 270px">
<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="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: 290px; position:absolute; left:11px">
<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">

</div>

<div class="title" id="title7" style="top: 310px">
<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>



</div>

<div class="title" id="title8" style="top: 330px">
<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: 309px; position:absolute; left:20px; height:1px">

</div>

<div class="title" id="title9" style="top: 350px">
<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; position:absolute; left:20px; height:1px">

</div>

<div class="title" id="title10" style="top: 370px">
<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">

</div>

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

<div class="submenu" id="submenu11" style="top: 348px; position:absolute; left:20px; height:16px">

</div>

<div class="title" id="title12" style="top: 435px">
<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="10-1-katalogbestellung.htm" target="main">> Katalogbestellung</a><br>
<a href="10-2-wegzukohlsmann.htm" target="main">> <br></a><br>

</div>

<table width="150" height="105%" 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="141" border="0"></td></tr>
<tr><td background="images/links-mitte.jpg"></td></tr>
</table>

<div class="title" id="title13" style="top: 177px">
<a href="#" onclick="javascript: toggle(13,10); refresh('2-1-EKZ.htm'); return false"><img name="pic2" src="images/closed.gif" border="0">Ergonomie-</a><br>
<a href="#" onclick="javascript: toggle(13,10); refresh('2-1-EKZ.htm'); return false">    Kompetenz-Zentrum</a>
</div>

<div class="submenu" id="submenu13" style="top: 190px">
<a href="2-1-EKZ.htm" target="main">> EKZ</a><br>
</div>

</body>
</html>

Ich hoffe ihr könnt mir helfen. Vielen Dank im Voraus

von **chris_davidi** am 07.01.2005, 13:28

Kannst Du auch mal Deine Frage posten?!

von **Holla** am 07.01.2005, 13:34

und wo ist jetzt dein Problem?

von **Bea1509** am 07.01.2005, 14:24

Hallo und allen ein frohes neues Jahr.

Ich brauche mal eure Hilfe und zwar geht es um eine Homepage. Ich bin auf diesem Gebiet absoluter Leie muss aber jetzt ersatzweise auf der Arbeit ganz spontan einspringen. Bitte wundert euch nicht, wenn ich einiges so richtig unfachmännisch beschreibe - ich hoffe ihr könnt mich dennoch verstehen.

Also mein Problem scheinen sog. Toggle zu sein. Die HP besteht bereits im Netz und ist von einem Bürobedarf-Handel. Nun habe ich heute eine weitere Rubrik im Menu eingefügt (alles in frontpage) ich habe auch erfolgreich die submenüs erstellen können NUR lade ich die Seite hoch (mittels ftp) und klicke auf eine Rubrik öffnen sich auch die submenüs aber leider rutsch das ganze menü nicht weiter runter so das die schriften vom Hauptmenü und vom Submenü übereinander liegen. Wie mach ich das das Submenü wie z.b. die Dateien im Explorer nach unten rutschen?? Auf der HP selber sind keine + Zeichen davor sonder für das geschlossene Menu ist > und für das geöffnete Submenü sollter der Pfeil nach unten zeigen.

Vieeelen Dank vorab.

Liebe Grüße aus Essen
Bea

von **CoolCasimir** am 15.01.2005, 22:58

So ganz habe ich das Problem noch nicht verstanden.. Dein Quelltext ist auch ziemlich verwirrend (frontpage). Wie auch immer, poste bitte mal den Link zu Deiner Seite, damit ich sehen kann was Du genau meinst.

von **Holla** am 15.01.2005, 23:06

Der code ist echt ein wenig verwirrend.Ich hätte den code nicht in frontpage gemacht. Da frontpage die Seite immer ien wenig verfälscht. nimm am besten Wordpad oder Editor für ne Website.
Poste doch mal den Link.

MfG
Holla

von **CoolCasimir** am 15.01.2005, 23:38

Ich bin hier ja der totale Trendsetter mit den Antiklingeltonbannern

von **GrayGhost** am 18.01.2005, 01:36

Hallo, ist zwar hier total "off topic" aber es ist Zeit etwas gegen den Klingeltonwahn zu unternehmen. Da dies wohl kaum gelingt, (Klingeltöne scheinen ja der letzte Weg zu einem bischen kommerzialisierter Individualität zu sein), solle wenigstens etwas gegen die Massenverblödung in Form von Klingeltonwerbung getan werden, die unsere Kinder nicht nur in die Schuldenfalle, sondern auch noch in die kollektive Verblödung stürzt.

von **CoolCasimir** am 18.01.2005, 02:14

Danke Gray, genau meine Meinung. Wo wir grad bei Off Topic sind.. Es sind nicht nur die Klingeltonwerbungen.. Momentan bin ich KZH (Krank zu hause :wink:

) und habe es mir tatsaechlich mal angetan vormittags TV zu schauen. Man glaubt gar nicht was man da fuer einen Mist eingedroehnt bekommt. Ich bin nachher glaube ich bei WDR haengen geblieben, da es einer der wenigen Sender war die noch etwas vernuenftiges gesendet haben. Auch ich habe was gegen GEZ Gebuerhren, aber fuer ein klein wenig Antivolksverbloedung zahle ich die dann doch.
Sorry, musste ich mal los werden.
P.S. habe leider keine Umlaute hier (Ami Tastatur)

von **YX2FLY** am 31.01.2005, 21:27

lol.

Also das was du haben möchtest wird mit DHTML programmiert, es gibt diverse Scripts dafür.

hier ein Bsp Script:

Code: Alles auswählen: <style>  </style> <script language="JavaScript"> /******************************************************************************** Copyright (C) 1999 Thomas Brattli This script is made by and copyrighted to Thomas Brattli at www.bratta.com Visit for more great scripts. This may be used freely as long as this msg is intact! ********************************************************************************/ /************************************************************************************ This script is a "foldout" menu script, all the "foldouts" will stay outfolded in older browsers. Works in ie4+ and ns4+. ADDED: Images To change where the menu appears change the left and top values of the divCont in the stylesheets, it's currently placed relative so you can place this menu in tables or similar if you want. Change the text colors and size in the A.clMain and A.clSubb classes. ************************************************************************************/ /************************************************************************************ Change this to false if you want all the submenus to get unfold when you foldout a new one. ************************************************************************************/ var stayFolded=false //This is the image that it changes to when it expands. var exImg=new Image(); exImg.src='arrow1.gif' //This is the image is changes to with it's "unfolded" or something :} //Remeber to change the actual images in the page aswell, but remember to //keep the name of the image. var unImg=new Image(); unImg.src='arrow.gif' /************************************************************************************ Browsercheck ************************************************************************************/ var n = (document.layers) ? 1:0; var ie = (document.all) ? 1:0; var browser=((n || ie) && parseInt(navigator.appVersion)>=4) /************************************************************************************ Making cross-browser objects ************************************************************************************/ function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document'); this.height=n?this.ref.height:eval(obj+'.offsetHeight') this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop; this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt return this } function b_showIt(){this.css.visibility="visible"} function b_hideIt(){this.css.visibility="hidden"} function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} /************************************************************************************ Initiating the page. Just add to the arrays here to get more menuitems and add divs in the page ************************************************************************************/ function init(){ oTop=new Array() oTop[0]=new makeMenu('divTop1','divCont') oTop[1]=new makeMenu('divTop2','divCont') oTop[2]=new makeMenu('divTop3','divCont') oTop[3]=new makeMenu('divTop4','divCont') oTop[4]=new makeMenu('divTop5','divCont') oTop[5]=new makeMenu('divTop6','divCont') oSub=new Array() oSub[0]=new makeMenu('divSub1','divCont.document.divTop1') oSub[1]=new makeMenu('divSub2','divCont.document.divTop2') oSub[2]=new makeMenu('divSub3','divCont.document.divTop3') oSub[3]=new makeMenu('divSub4','divCont.document.divTop4') oSub[4]=new makeMenu('divSub5','divCont.document.divTop5') oSub[5]=new makeMenu('divSub6','divCont.document.divTop6') for(i=0;i<oSub.length;i++){ oSub[i].hideIt() } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } /************************************************************************************ This is the function that changes the sub menus to folded or unfolded state. ************************************************************************************/ function menu(num){ if(browser){ if(!stayFolded){ for(i=0;i<oSub.length;i++){ if(i!=num){ oSub[i].hideIt() oTop[i].ref["imgA"+i].src=unImg.src } } for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } if(oSub[num].vis()){ oSub[num].showIt() oTop[num].ref["imgA"+num].src=exImg.src }else{ oSub[num].hideIt() oTop[num].ref["imgA"+num].src=unImg.src } for(i=1;i<oTop.length;i++){ if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height) else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) } } } //Initiating the menus onload, if it's a 4.x+ browser. if(browser) onload=init; </script> </HEAD> <BODY bgcolor="white">  <div id="divCont"> <div id="divTop1" class="clTop"><a href="#" onclick="menu(0); return false" class="clMain"><img src="arrow.gif" name="imgA0" width=12 height=12 alt="" border="0"> [choice 0]</a><br> <div id="divSub1" class="clSub"> <a href="#" class="clSubb">-Sub 1</a><br> <a href="#" class="clSubb">-Sub 2</a><br> <a href="#" class="clSubb">-Sub 3</a><br> <a href="#" class="clSubb">-Sub 4</a><br> </div><br> </div> <div id="divTop2" class="clTop"><a href="#" onclick="menu(1); return false" class="clMain"><img src="arrow.gif" name="imgA1" width=12 height=12 alt="" border="0"> [choice 1]</a><br> <div id="divSub2" class="clSub"> <a href="#" class="clSubb">-Sub 1</a><br> <a href="#" class="clSubb">-Sub 2</a><br> </div><br> </div> <div id="divTop3" class="clTop"><a href="#" onclick="menu(2); return false" class="clMain"><img src="arrow.gif" name="imgA2" width=12 height=12 alt="" border="0"> [choice 2]</a><br> <div id="divSub3" class="clSub"> <a href="#" class="clSubb">-Sub 1</a><br> <a href="#" class="clSubb">-Sub 2</a><br> <a href="#" class="clSubb">-Sub 3</a><br> </div><br> </div> <div id="divTop4" class="clTop"><a href="" onclick="menu(3); return false" class="clMain"><img src="arrow.gif" name="imgA3" width=12 height=12 alt="" border="0"> [choice 3]</a><br> <div id="divSub4" class="clSub"> <a href="#" class="clSubb">-Sub 1</a><br> <a href="#" class="clSubb">-Sub 2</a><br> </div><br> </div> <div id="divTop5" class="clTop"><a href="" onclick="menu(4); return false" class="clMain"><img src="arrow.gif" name="imgA4" width=12 height=12 alt="" border="0"> [choice 4]</a><br> <div id="divSub5" class="clSub"> <a href="#" class="clSubb">-Sub 1</a><br> <a href="#" class="clSubb">-Sub 2</a><br> <a href="#" class="clSubb">-Sub 3</a><br> <a href="#" class="clSubb">-Sub 4</a><br> <a href="#" class="clSubb">-Sub 5</a><br> </div><br> </div> <div id="divTop6" class="clTop"><a href="" onclick="menu(5); return false" class="clMain"><img src="arrow.gif" name="imgA5" width=12 height=12 alt="" border="0"> [choice 5]</a><br> <div id="divSub6" class="clSub"> <a href="#" class="clSubb">-Sub 1</a><br> </div><br> </div> </div>

von **miezmutz** am 31.01.2005, 22:15

Hallo Bea1509,
falls dein Problem noch besteht...
http://www.frontpagehilfe.de/foren_fp.htm

So mein Quelltext

So mein Quelltext

Problem?

hier ist es

Ähnliche Themen

Wer ist online?