Div verschieben

[Alex]

Hallo Leute! habe folgendes problem: die Seite, an der ich arbeite, http://www.bunzl.de/ soll genau so funktionieren wie jetzt nu mit anderen code! Ich meine dass die verweise auf der rechten Seite genauso funktionieren! Ich habe es schon hingekriegt dass die untermenues eingeblendet und ausgeblendet werden. Doch dabei sollen die Hauptmenues um bestimmte anzahl von pixeln verschoben werden, damit man die untermenues anklicken kann..und das kriege ich nicht hin!

hier ist der code:

<script language="JavaScript" type="text/javascript">
<!--
function show() {
  for(i=1;i<=17;i++)

{ document.getElementById([i]).style.visibility = "hidden"; }
    document.getElementById("1").style.visibility = "visible";
 document.getElementById("2").style.visibility = "visible";
 document.getElementById("3").style.visibility = "visible";
}
//-->
 </script>

<div id="40" style="Z-INDEX:1; LEFT:9px; WIDTH:129px; POSITION:absolute; TOP:135px; HEIGHT:250px">
    <table>
     <tr>
      <td height="21">  <A id="19" class="NAVI_LINKS" onmouseover="MM_swapImage('Image4','','../NAVIGATION/gfx/button_left_over.gif',1)"

onmouseout="MM_swapImgRestore()" href="javascript:show1()"><IMG id="IMG1" height="8" src="../NAVIGATION/gfx/button_left.gif" width="8" border="0"
         name="Image4"> UNTERNEHMEN</A>
      </td>
     <TR vAlign="middle">
      <TD>      <A class="UnterMenue" id="1" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/UNTERNEHMEN/struktur/struktur.html"
          target="mainFrame">Struktur</A>
      </TD>
     <tr vAlign="middle">
      <td>      <A class="UnterMenue" id="2" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/UNTERNEHMEN/philosophie/philosophie.html"
          target="mainFrame">Philosophie</A>
      </td>
     <tr vAlign="middle">
      <TD>      <A class="UnterMenue" id="3" style="VISIBILITY: hidden" href="../ALLE_HTMLS/UNTERNEHMEN/kompetenz/kompetenz.html"
          target="mainFrame">Kompetenz</A>
      </TD>
    </TABLE>
   </div>

<div id="41" style="Z-INDEX:1; VISIBILITY:visible; LEFT:9px; WIDTH:129px; POSITION:absolute; TOP:158px; HEIGHT:250px">
<table>
<tr>
<td height="20"> <A id="20" class="NAVI_LINKS" onmouseover="MM_swapImage('Image4113','','../NAVIGATION/gfx/button_left_over.gif',1)"
onmouseout="MM_swapImgRestore()" href="javascript:show2()"> <IMG height="8" src="../NAVIGATION/gfx/button_left.gif" width="8" border="0" name="Image4113"> BRANCHEN </A>
</td>
<TR>
<TD>    <A class="UnterMenue" id="4" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/restaurants/restaurants.html"
target="mainFrame">Restaurants</A>
</TD>
<TR>
      <TD>    <A class="UnterMenue" id="5" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/baecker_metzger/baecker.html"
         target="mainFrame">Bäcker</A>
      </TD>
     <TR>
      <TD>    <A class="UnterMenue" id="6" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/baecker_metzger/metzger.html"
         target="mainFrame">Metzger</A>
      </TD>
     <TR>
      <TD>    <A class="UnterMenue" id="7" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/hotels/hotels.html"
         target="mainFrame">Hotels</A>
      </TD>
     <TR>
      <TD>    <A class="UnterMenue" id="8" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/catering_kantinen/catering_cantinen.html"
         target="mainFrame">Catering|Kantinen</A>
      </TD>
     <TR>
      <TD>    <A class="UnterMenue" id="9" style="VISIBILITY: hidden" onclick="BildWechseln(1)" href="../ALLE_HTMLS/BRANCHEN/krankenhauser/krankenhauser.html"
         target="mainFrame">Krankenhäuser</A>
      </TD>
     <TR>
      <TD>    <A class="UnterMenue" id="10" style="VISIBILITY: hidden" onclick="BildWechseln(1)"
         href="../ALLE_HTMLS/BRANCHEN/supermaerkte/supermaerkte.html" target="mainFrame">Supermärkte</A>
     </TD>
        </TR>
    </table>
   </div>

[Alex]

Hi

ich hab sowas wie du meinst gerade vor 5 minuten in php gemacht
ohne Frames weil frames veraltet sind hab ich hier gelesen.
Bei mir geht der Obermenüpunkt beim drüberfahren (hover) n stück nach rechts wenn man dann klickt ist der Obermenüpunkt nur noch text und kein link mehr und er bleibt n bissl mehr nach rechts als die anderen.

Wenn du willst kann ich dir sagen wie es geht du müsstest halt die ganze seite ändern aber es wird dann weniger Quelltext ;)

mfg

aLEx

[Alex]

Wenn du willst kann ich dir sagen wie es geht du müsstest halt die ganze seite ändern aber es wird dann weniger Quelltext ;)

:) danke! aber das war ja nicht der ganze Code :) nur ein teil davon!!! aber wenn es geht dann schicke mir bitte den Code!!

vielen dank

Alex

[Alex]

Hallo
du kannst es mal ausprobieren ob du sowas meinst (Bis jezt hat nur "Über uns" ein untermenü)
http://alex-b.orgdns.org:5800/Austausch/test/test/index.php

mfg

Alex

[Alex]

Hallo
du kannst es mal ausprobieren ob du sowas meinst (Bis jezt hat nur "Über uns" ein untermenü)

Das ist nicht so ganz das Richtige...wenn du "über Uns" anklickst, ladet die seite neu....bei mir ist das untermenue nur nicht sichbar,ist aber da :) mit VISIBLE:hidden. Wenn du auf Hauptmenue klickst wird es sichbar...guck dir mal www.bunzl.de an!

Mfg
alex

[Alex]

Hi

ja so macht man es ( kenne zumindest keine ander Lösung) wenn man keine Frames benutzt aber beim Klick auf "Über uns" auch schon eine Seite öffnen will. Wenn du es mit JS machst dann mach halt style.visibility = "viible" und beim Überpunkt style.margin.left = "10px".
Aber ich glaub hier würde dir jeder von Frames abraten (oder viele)

mfg

Alex

PS :  wie findest du das design??

[Alex]

PS :  wie findest du das design??

ist eigentlich ok! nur die farben sind nicht so..eeh..besonders :)
finde ich!

hej aex...ich habe eigentlich kein plan davon hier :) mache gerade praktikum!!! habe soweit die aufgabe fertig...nur jetzt das Verschiebenklappt bei mit nicht! was meinst du mit Frames??

[Alex]

habe jetzt verstanden was du mit frames meinst!!! aber so ist nun mal meine aufgabe.... :(

[Alex]

könnet ich vileicht mit der funktion : onclick den anderen div verschieben???

umgefähr so

<html>
 <head>
  ...
  <style>
body { margin: 0; }

div.1 { background-color: #FF6666; width: 200px; height: 60px;
position: absolute; top: 15px; left: 15px; z-index: 3; padding: 5px;
border-width:6px; border-color: silver; border-style: outset; }
div.2 { background-color: #FF0000; width: 200px; height: 60px;
position: absolute; top: 45px; left: 45px; z-index: 2; padding: 5px;
border-width:6px; border-color: silver; border-style: outset; }

</style>
  ...
</head>
<body>

<div class="1" onmousedown="this.style.borderStyle='inset';" onclick="dokument.(2).style.top = '60px';"
onmouseup="this.style.borderStyle='outset';">
     element
</div>

<div  class="2" onmouseover="this.style.zIndex='4';" onmouseout="this.style.zIndex='2';"
onmousedown="this.style.borderStyle='inset';" onmouseup="this.style.borderStyle='outset';">
    element
</div>

</body>
</html>

[Alex]

Alex guck dir das mal an.... das könnte klapen...denke ich:)

<html>
 <head>
  ...
  <style>
body { margin: 0; }

#1 { background-color: #FF6666; width: 200px; height: 60px;
position: absolute; top: 15px; left: 15px; z-index: 3; padding: 5px;
border-width:6px; border-color: silver; border-style: outset; }
#2 { background-color: #FF0000; width: 200px; height: 60px;
position: absolute; top: 80px; left: 15px; z-index: 2; padding: 5px;
border-width:6px; border-color: silver; border-style: outset; }

</style>
  ...
 </head>
 <body>
  <div id="1" onmousedown="this.style.borderStyle='inset';" onclick="document.getElementById('2').style.top = '200px';"
   onmouseup="this.style.borderStyle='outset';">
   element
  </div>
  <div id="2" onmouseover="this.style.zIndex='4';" onmouseout="this.style.zIndex='2';"
   onmousedown="this.style.borderStyle='inset';"onclick="document.getElementById('2').style.top = '80px';" onmouseup="this.style.borderStyle='outset';">
   element
  </div>
 </body>
</html>

[Alex]

Sorry
das was ich geschrieben habe (ich denke es klappt) war alles was ich über Javascript weis.

Alex

[Alex]

ist schon ok! danke sehr :)

[Peetah]

;)

Hallo Leute! habe folgendes problem: die Seite, an der ich
arbeite, http://www.bunzl.de/ soll genau so funktionieren wie
jetzt nu mit anderen code! Ich meine dass die verweise auf der
rechten Seite genauso funktionieren! Ich habe es schon
hingekriegt dass die untermenues eingeblendet und ausgeblendet
werden. Doch dabei sollen die Hauptmenues um bestimmte anzahl von
pixeln verschoben werden, damit man die untermenues anklicken
kann..und das kriege ich nicht hin!

[at]

Hallo.
"
Rosen sind rot,
Veilchen sind blau,
ich bin schizophren
und das bin ich auch.
"
MfG, at

[Alex]

Hi,
also frames das heist: Links ist die Menüleiste und rechts die Hauptseite und das sind 2 einzelne html seiten. Und das ist ein bisschen veraltet u.a. weil suchmaschinen damit Probleme haben ...

Wen du jezt ein untermenü öffnet passier laut deinem Code das:
document.getElementById("1").style.visibility = "visible";

so jezt gibste den Oberpunkten die id="oberpunkt" dann schreibste sowas in der art:
document.getElementById("oberpunkt").style.margin-left = "10px";
das muss dann auch bei z.b. javascript:schow1() ausgeführt werden dann is der Obepunkt 10px weiter rechts.
Ich hoffe ich konnte dir helfen.

mfg

aLex