Javascript Rahmenbreite verändern

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von theonehorst, 13.09.2006.

  1. theonehorst

    theonehorst Thread Starter unregistriert

    Beiträge:
    2.582
    Zustimmungen:
    43
    MacUser seit:
    12.01.2005
    Moin ich spiele gerade an wenig mit dem Design meiner Seite.
    Wenn man einen Link drück, dann wird die Seite breiter.

    Dies geschieht wei folgt:

    function breit()
    {
    $wp = '600px';
    document.getElementById('rahmen').style.width = $wp;
    }

    Frage: Wie mache ich es am besten, dass bei nochmaligem Drücken die Breite wieder auf 370 zurückgeht.
     
  2. Jakob

    Jakob MacUser Mitglied

    Beiträge:
    1.067
    Zustimmungen:
    21
    MacUser seit:
    05.01.2004
    Ich würde zwei CSS-Klassen „schmal“ und „breit“ anlegen.

    dann gibst Du dem Element die Klasse, anstatt dem direkten Wert.

    So kannst Du per If-Abfrage schauen, ob das Element gerade „breit“ oder „schmal“ ist.

    Schicke Seite. Mit lightbox v2, was Du für die Photos nutzt, kann man übrigens auch Photoserien anlegen, so dass man sich komplett durch die Bilder klicken kann und nicht jedes erst wieder schließen muss.
     
  3. moses_78

    moses_78 MacUser Mitglied

    Beiträge:
    1.322
    Zustimmungen:
    22
    MacUser seit:
    08.04.2005
    Wo liegt das Problem?

    Code:
    var breite;
    var breit = false;
    
    function aendere_breite()
    {
    if(breit)
    {   
    breite = 500;
    breit = false;
    }
    else
    {
    breite = 600;
    breit = true;
    }
    
    document.getElementById('rahmen').style.width = breite + "px";
    }
    (ungetestet...)
     
    Zuletzt bearbeitet: 14.09.2006
  4. moses_78

    moses_78 MacUser Mitglied

    Beiträge:
    1.322
    Zustimmungen:
    22
    MacUser seit:
    08.04.2005
    Sorry, habe gerade gemerkt, dass
    der Opera einen Teil des Scriptes
    offensichtlich abgeschnitten hat...

    Hab es geaendert, so sollte es funk-
    tionieren.
     
  5. theonehorst

    theonehorst Thread Starter unregistriert

    Beiträge:
    2.582
    Zustimmungen:
    43
    MacUser seit:
    12.01.2005
    Schon mal Danke...Klappt leider noch nicht. Bin aber auch keine Java-Experte, eher sehr sehr blutiger Anfänger:

    Ich hab jetzt das drin:

    Code:
    <script language="JavaScript">
    <!--
    
    var breite;
    var breit = false;
    
    function aendere_breite()
    {
    if(breit)
    {   
    breite = 370;
    breit = false;
    }
    else
    {
    breite = 600;
    breit = true;
    }
    }
    document.getElementById('rahmen').style.width = breite + "px";
    }
    
    
    //-->
    </script>
    
    Und rufe es so auf:

    Code:
    <a href="javascript:;" onMouseOver="Bildwechsel(8,Maus_Drauf11)" onMouseOut="Bildwechsel(8,Maus_Nichts11)" onclick="aendere_breite()"><img src="pics/ad.png"></a>
    
     
  6. Darii

    Darii MacUser Mitglied

    Beiträge:
    2.066
    Zustimmungen:
    110
    MacUser seit:
    24.02.2004
    ganz spontag würde ich sagen, dass die vorletzte geschweifte Klammer zu weg muss.
     
  7. theonehorst

    theonehorst Thread Starter unregistriert

    Beiträge:
    2.582
    Zustimmungen:
    43
    MacUser seit:
    12.01.2005
    Oh ja. :D
     
  8. theonehorst

    theonehorst Thread Starter unregistriert

    Beiträge:
    2.582
    Zustimmungen:
    43
    MacUser seit:
    12.01.2005
    Klappt super. Kann man da noch was machen, das er sich die letzte Breite merkt. So ala Cookies?
     
  9. admartinator

    admartinator MacUser Mitglied

    Beiträge:
    15.294
    Zustimmungen:
    290
    MacUser seit:
    09.09.2003
    Ot:

    :)
     
  10. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.902
    Zustimmungen:
    242
    MacUser seit:
    25.07.2004
    Jup. Geht auch nur mit Cookies. Es sei denn, Du willst Deine Seite mit Login/Passwort personalisieren. Dann kannst Du auch eine Datenbank zur Hilfe nehmen :D

    Horsti, Du musst Deine Headergrafik noch anpassen!

    2nd
     
Die Seite wird geladen...

Diese Seite empfehlen