Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 18
  1. #1
    wollbobbel ist offline Jungspund
    registriert
    13-03-2011
    Beiträge
    10

    Slide Menü - Position ändern

    Guten Abend

    ich bin neu hier und hoffe darauf hier Hilfe zu bekommen. Da ich mich bis jetzt nur mit CSS auseinander gesetzt habe bin ich ein absoluter Java-Neuling.

    Es geht um ein Slide Menü - dieses hier - http://www.java24.net/scripts/slidein-menu.htm#
    Nun ist es leider links positioniert, ich hätte es aber gerne rechts. *immer diese Extrawünsche tztz*
    Mit ein wenig probieren bin ich auch mittlerweile rechts angekommen aber ich habe wohl einen Fehler gemacht
    Wenn das Icon bzw. die Navi nach rechts verschwindet verbreitert es mir die Seite und wenn man dann nach rechts scrollt wird das gerade ausgeblendete Menü bzw. Icon sichbar.

    Könnt mir bitte jemand helfen und sagen was ich falsch gemacht habe ?
    Hier mein geänderter Code
    CSS - nur angepasst
    Code:
    #menuShow{
    border: 0px solid #800080;
    background-color: #ffffe0;
    color: #800080;
    padding: 13px;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial;
    position: absolute;
    width: auto;
    height: auto;
    }
    #menuSelect{
    border: 0px solid #666666;
    background-color: #ffffe0;
    padding: 13px;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial;
    position: absolute;
    width: auto;
    height: auto;
    }
    Ich denke, beim Java liegt es wohl daran, dass ich irgendetwas vergessen habe zu tauschen, wechseln oder wie auch immer. Ich findes es bloss nicht raus *heul*
    Java Code
    Code:
    <div id="menuSelect"><a href="#"
     onclick="moveOnMenu();moveOffSelector()"><img
     src="../gif_test/gif_0009.gif" border="0" height="31"
     width="45"></a></div>
    <div id="menuShow">
    <div style="text-align: center;"></div>
    <a href="#" onclick="moveOffMenu();moveOnSelector()"><img
     src="../gif_test/gif_0009.gif" border="0" height="31"
     width="45"></a><br>
    <br>
    <a href="http://www.codelifter.com">Menu Item A</a><br>
    <a href="http://www.codelifter.com">Menu Item B</a><br>
    <a href="http://www.codelifter.com">Menu Item C</a><br>
    <br>
    <a href="http://www.codelifter.com">Menu Item D</a><br>
    <a href="http://www.codelifter.com">Menu Item E</a><br>
    <br>
    <a href="http://www.codelifter.com">Menu Item F</a><br>
    <a href="http://www.codelifter.com">Menu Item G</a><br>
    <a href="http://www.codelifter.com">Menu Item H</a><br>
    </div>
    <script language="JavaScript">
    <!-- Original: David Sosnowski (support@codelifter.com) -->
    <!-- Web Site: http://www.codelifter.com -->
    <!-- Begin
    // (C) 2001 www.CodeLifter.com
    // http://www.codelifter.com
    // Free for all users, but leave in this header.
    // Set Show to "yes" to show the menu on start-up.
    // Set Show to "no" to show the selector on start-up.
    Show ="no";
    // Set OffX in pixels to a negative number // somewhat larger than the width of the menu.
    var OffX = -150;
    // Set the PosX and PosY variables
    // to the location on the screen where the
    // menu should position (in pixels) when stopped.
    var PosX = 65;
    var PosY = 350;
    // Usually, use the settings shown; but you can
    // change the speed and the increment of motion
    // across the screen, below.
    var speed = 1;
    var increment = 1;
    var incrementNS4 = 5; // for slower NS4 browsers
    // do not edit below this line
    // ===========================
    var is_NS = navigator.appName=="Netscape";
    var is_Ver = parseInt(navigator.appVersion);
    var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
    var is_NS5up = is_NS&&is_Ver>=5;
    var MenuX = OffX;
    var SelX = PosX;
    var sPosX = PosX;
    var sOffX = OffX;
    if (Show == "yes") {
    sPosX = OffX;
    sOffX = PosX;
    MenuX = sOffX;
    SelX = sPosX;
    }
    if (is_NS4) {
    increment = incrementNS4;
    Lq = "document.layers.";
    Sq = "";
    eval(Lq+'menuSelect'+Sq+'.right=sPosX');
    eval(Lq+'menuShow'+Sq+'.right=sOffX');
    eval(Lq+'menuSelect'+Sq+'.top=PosY');
    eval(Lq+'menuShow'+Sq+'.top=PosY');
    } else {
    Lq = "document.all.";
    Sq = ".style";
    document.getElementById('menuSelect').style.right = sPosX+"px";
    document.getElementById('menuShow').style.right = sOffX+"px";
    document.getElementById('menuSelect').style.top = PosY+"px";
    document.getElementById('menuShow').style.top = PosY+"px";
    } function moveOnMenu() {
    if (MenuX < PosX) { MenuX = MenuX + increment;
    if (is_NS5up) {
    document.getElementById('menuShow').style.right = MenuX+"px";
    } else {
    eval(Lq+'menuShow'+Sq+'.right=MenuX');
    }
    setTimeout('moveOnMenu()',speed);
    }
    }
    function moveOffMenu() {
    if (MenuX > OffX) { MenuX = MenuX - increment;
    if (is_NS5up) {
    document.getElementById('menuShow').style.right = MenuX+"px";
    } else {
    eval(Lq+'menuShow'+Sq+'.right=MenuX');
    }
    setTimeout('moveOffMenu()',speed);
    }
    }
    function moveOffSelector() {
    if (SelX > OffX) { SelX = SelX - increment;
    if (is_NS5up) {
    document.getElementById('menuSelect').style.right = SelX+"px";
    } else {
    eval(Lq+'menuSelect'+Sq+'.right=SelX');
    }
    setTimeout('moveOffSelector()',speed);
    }
    }
    function moveOnSelector() {
    if (SelX < PosX) { SelX = SelX + increment;
    if (is_NS5up) {
    document.getElementById('menuSelect').style.right = SelX+"px";
    } else {
    eval(Lq+'menuSelect'+Sq+'.right=SelX');
    }
    setTimeout('moveOnSelector()',speed);
    }
    }
    // End -->
    </script>
    Wäre wirklich dankbar für ne kleine Hilfe
    Gruss vom wollbobbel

  2. #2
    Avatar von Junkee[]
    Junkee[] ist offline Lounge-Member
    registriert
    08-05-2009
    Ort
    Leonberg
    Beiträge
    3.169

  3. #3
    wollbobbel ist offline Jungspund
    registriert
    13-03-2011
    Beiträge
    10

    AW: Slide Menü - Position ändern

    Entschuldige bitte meinen Fehler - bin leider noch unwissend.
    Mal sehen ob ich das finde ;-)

  4. #4
    wollbobbel ist offline Jungspund
    registriert
    13-03-2011
    Beiträge
    10

    AW: Slide Menü - Position ändern

    Mhhh.....bei mir stehen da aber keine Fehler oder Warnungen

  5. #5
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.700

    AW: Slide Menü - Position ändern

    Testlink?

  6. #6
    wollbobbel ist offline Jungspund
    registriert
    13-03-2011
    Beiträge
    10

    AW: Slide Menü - Position ändern

    Testlink?
    hier konnte man gucken.
    Ich habe es heute nochmal neu hochgeladen und wiederholt - aber weiterhin keine Fehler, nix.
    Geändert von wollbobbel (15-03-2011 um 23:33 Uhr)

  7. #7
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.700

    AW: Slide Menü - Position ändern

    Ah - da musst du das Menü in ein <div> stecken, das ein overflow: hidden besitzt und somit das Fenster nicht erweitert wird.

  8. #8
    wollbobbel ist offline Jungspund
    registriert
    13-03-2011
    Beiträge
    10

    AW: Slide Menü - Position ändern

    Ahh...so Und wenn ich jetzt wüsste wie....
    Also den id`s menuSelect und menuShow ein div style mit overflow:hidden hinzufügen ??
    Mhh, geht nicht wirklich -also schon mal falsch !

    Hilf mir bitte ich weiss es echt nicht

  9. #9
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.700

    AW: Slide Menü - Position ändern

    Oh - ich hab' mir jetzt erst den JS-Code angesehen... schlimmschlimmschlimm.
    Der Code ist Müll! Such' dir einen Neuen - ev. einen, der schon das alles kann, was du willst.

  10. #10
    wollbobbel ist offline Jungspund
    registriert
    13-03-2011
    Beiträge
    10

    AW: Slide Menü - Position ändern

    Na tolle Wurst !!!

    hat vielleicht jemand ne Idee wo ich was ähnliches her kriege ? Aber bitte nicht Stu...ich bin des Englischen nicht mächtig, zumindest nicht dafür.

  11. #11
    wollbobbel ist offline Jungspund
    registriert
    13-03-2011
    Beiträge
    10

    AW: Slide Menü - Position ändern

    Zitat Zitat von kkapsner Beitrag anzeigen
    Oh - ich hab' mir jetzt erst den JS-Code angesehen... schlimmschlimmschlimm.
    Der Code ist Müll! Such' dir einen Neuen - ev. einen, der schon das alles kann, was du willst.
    Sag mir doch mal bitte was daran so schlimm ist bzw. Müll ? Wie soll ich mir etwas anderes suchen wenn ich nicht weiss nach was ich suchen muss.
    Können oder machen tut es ja was es soll.....halt ausserhalb meines Fensters.
    Ich such schon seit 2 Stunden und weiss eigentlich nicht nach was ich suchen muss. Diese Art von Menü ist mir heute noch nicht begegnet.
    Danke

  12. #12
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Slide Menü - Position ändern

    Bei Stu gibt es entsprechende Menüs.
    Da brauchst Du auch kein Englisch, sondern nur Quelltextlesefähigkeiten.

  13. #13
    wollbobbel ist offline Jungspund
    registriert
    13-03-2011
    Beiträge
    10

    AW: Slide Menü - Position ändern

    Bei Stu bin ich heute alles durch und habe kein Menü gefunden wie oben. Wenn Du es genau weisst, kannste mir bestimmt sagen wie es heisst.
    Danke schon mal

  14. #14
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Slide Menü - Position ändern

    Ach so, Du suchst so ein beknacktes SlideIn Menü...
    Guck mal hier http://www.webresourcesdepot.com/wp-...-sliding-menu/
    Musst Du halt an Deine Bedürfnisse anpassen.
    Ansonsten: jquery+slide+in+menu

  15. #15
    wollbobbel ist offline Jungspund
    registriert
    13-03-2011
    Beiträge
    10

    AW: Slide Menü - Position ändern

    Danke !

    Zitat Zitat von dkdenz Beitrag anzeigen
    Ach so, Du suchst so ein beknacktes SlideIn Menü...
    Wie gut das die Geschmäcker verschieden sind.

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. spezielles Slide Menü
    Von SpecialFighter im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 23-02-2011, 17:37
  2. Slide Menü
    Von pseuss im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 07-08-2008, 10:27
  3. slide und position
    Von zoro im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 06-03-2007, 16:32
  4. Slide Menü bzw. Div
    Von Flipmoe im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 06-12-2006, 00:08
  5. Slide Down Menü Abstände
    Von nelli im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 25-04-2006, 14:29

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •