Ergebnis 1 bis 6 von 6

Thema: Hilfe bei Javascript (DIV-Box vergrößern)

  1. #1
    seking01 ist offline Grünschnabel
    registriert
    13-08-2008
    Beiträge
    4

    Hilfe bei Javascript (DIV-Box vergrößern)

    Schönen guten Morgen zusammen!

    Ich habe mir ein Javascript heruntergeladen und dieses auf meiner Seite eingebaut. UNd zwar folgendes:

    <script type="text/javascript">
    <!--
    function mach_gross(id, wei, hei)
    {
    with (document)
    {
    getElementById(id).style.width = wei + 'px';
    getElementById(id).style.height = hei + 'px';
    }
    }
    //-->
    </script>

    Hier der Link der das Script auslöst:

    <a href="#" onclick="mach_gross('irgendwas', 700, 650); return false;"><strong>Groß machen</strong></a>

    Das script bewirkt das eine Div Box per Link vergrößert wird auf voreingestellte Werte (aktuell height=650px).

    Frage: Ist es möglich den height Wert zu Variieren? Also das die Box in der Höhe nur so weit aufgeht das der Inhalt angezeigt wird??
    Hat jemand ne Idee?

    Vielen Dank

    lg
    seking01

  2. #2
    Bieber ist offline König
    registriert
    10-12-2007
    Ort
    Erfurt
    Beiträge
    959

    AW: Hilfe bei Javascript (DIV-Box vergrößern)

    warum löst du das nicht einfach per css?

    wenn du den div-container definierst legst du einfach eine breite fest und eine mindest-Höhe, kommt dann mehr Text wird der Bereich automatisch vergrößert...
    PHP-Code:
    tolles_divwidth=20emmin-height=2em 
    crazy

    Schach online: Lust auf eine Partie Schach gegen mich? Einfach kostenlos auf onlineschach.eu registrieren und den Bieber suchen.

  3. #3
    seking01 ist offline Grünschnabel
    registriert
    13-08-2008
    Beiträge
    4

    AW: Hilfe bei Javascript (DIV-Box vergrößern)

    wel die box sich erst durch klicken öffnen und nicht von anfang an sichtbar sein soll

  4. #4
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Alling
    Beiträge
    2.651

    AW: Hilfe bei Javascript (DIV-Box vergrößern)

    Dafür könntest du den Style visbility=hidden und visibility=visible nutzen ;-)

  5. #5
    seking01 ist offline Grünschnabel
    registriert
    13-08-2008
    Beiträge
    4

    AW: Hilfe bei Javascript (DIV-Box vergrößern)

    Bekomm ich das bisschen detailierter? :-)

  6. #6
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Alling
    Beiträge
    2.651

    AW: Hilfe bei Javascript (DIV-Box vergrößern)

    Ganz einfach, du machst dass was Bieber dir vorschlägt. Allerdings brauchst du ja den DIV vorerst nicht. Also gibst du ihm in der style-Anweisung visibility: hidden; mit.
    Für das Ein-/Ausblenden des DIVs nutzt du nun JS:
    Code:
    <script type="text/javascript">
    function showMe(id) {
    with (document.getElementById(id));
    if (style.visibility=="hidden") {
      style.visibility="visible";
    } else {
      style.visibility="hidden";
    }
    </script>

Ähnliche Themen

  1. Hilfe bei Javascript
    Von Sven1977 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 07-08-2007, 14:33
  2. div vergrößern auf mausklick
    Von tech-checker im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 29-06-2007, 20:16
  3. div element elegant auf knopfdruck vergrößern
    Von atvatar im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 06-08-2006, 14:23
  4. javascript rewrite div tag
    Von Kingmade im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 22-02-2006, 10:00
  5. Javascript in DIV nicht ausgeführt ?
    Von tofse im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 11-11-2001, 21:53

Lesezeichen

Berechtigungen

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