div mit einem mausklick auf ein hyperlink verkleinern

mickiboy · 02.07.2008, 15:21

hallo,

ich möchte, wenn ich ein div-container habe, es mit einem mausklick auf ein hyperlink verkleinern. habe es mit javascript versuchen wollen, aber es geht nicht. wäre dankbar, wenn ich hilfe bekäme

gruß mickiboy

Basti · 02.07.2008, 16:24

Wo hängst du?

Mit jQuery ist das z.B. ganz einfach umgesetzt:

http://docs.jquery.com/CSS/width#val

Bastian

Gottzilla · 04.07.2008, 16:28

Das geht problemlos mit JavaScript. Zeig doch mal deine bisherigen Versuche ...

mickiboy · 05.07.2008, 10:47

Hab es geschafft, mit JavaScript nen Div zu verkleinern. Jetzt möchte ich es aber auch vergrößern, indem kleiner durch größer ersetzt werden soll. ich weiß nicht wie es geht. hier mein versuch

HTML-Code:

<html>
  <head>
    <title>Test</title>

    <style type="text/css">
      div#inhaltsverzeichnis {
        width: 500px;
        height: 500px;
        font-family: Arial;
        background-color: #C0C0C0;
      }
    </style>

    <script type="text/javascript">
      function MachGross() {
        document.all.inhaltsverzeichnis.style.height = "500px";
      }

      function MachKlein() {
        document.all.inhaltsverzeichnis.style.height = "100px";
      }
    </script>
  </head>

  <body>
    <div id="inhaltsverzeichnis">
      Text (<a href="javascript:MachKlein()">kleiner</a>)
    </div>
  </body>
</html>

Bleistift · 05.07.2008, 10:59

javascript Code:

var big = true;
function toggleSize() {
    var size = 500;
    if(big) {
        size = 100;
        big = false;
    }
    document.all.inhaltsverzeichnis.style.height = size + "px";
}

quick & dirty

mickiboy · 05.07.2008, 11:21

flat · 21.07.2008, 10:58

Mit mootools lässt sich das auch einfach machen:
http://demos.mootools.net/Fx.Slide

02.07.2008, 15:21	Nach oben #1
mickiboy Neuer Benutzer Registriert seit: 18.01.2008 Beiträge: 7	div mit einem mausklick auf ein hyperlink verkleinern hallo, ich möchte, wenn ich ein div-container habe, es mit einem mausklick auf ein hyperlink verkleinern. habe es mit javascript versuchen wollen, aber es geht nicht. wäre dankbar, wenn ich hilfe bekäme gruß mickiboy __________________ Mann muss etwas so oft versuchen, bis es klappt

04.07.2008, 16:28	Nach oben #3
Gottzilla Erfahrener Benutzer Registriert seit: 02.02.2005 Beiträge: 515	Das geht problemlos mit JavaScript. Zeig doch mal deine bisherigen Versuche ... __________________ Software, Handy Spiele und Libraries - kostenlos Ein werdendes Java Buch in Blog Form

05.07.2008, 10:59	Nach oben #5
Bleistift Erfahrener Benutzer Registriert seit: 31.12.2006 Ort: Zürich Beiträge: 296	javascript Code: var big = true; function toggleSize() { var size = 500; if(big) { size = 100; big = false; } document.all.inhaltsverzeichnis.style.height = size + "px"; } quick & dirty __________________ . <-- This is Punkt. Copy Punkt into your signature to help him on his way to world domination.

05.07.2008, 11:21	Nach oben #6
mickiboy Neuer Benutzer Registriert seit: 18.01.2008 Beiträge: 7	thx __________________ Mann muss etwas so oft versuchen, bis es klappt

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Zugriff auf noch nicht existente Seite, 404-Seite oder Weiterleitung auf "Startseite"	Ben	Anwendungsdesign / Softwarearchitektur	8	18.11.2007 09:45
[PHP] FTP-Funktionen in PHP nutzen	MrNiceGuy	Tutorials	0	24.05.2006 14:18
[PHP] Aktuell gespielten Titel von XMMS auf einer Webseite in einer Grafik anzeigen	Corvin	Tutorials	0	28.11.2005 16:26
[Politik] 30 Fragen zu div. Themen	Jann Hendrik	Plauderecke	21	06.09.2005 11:47
Login auf mehreren Domains	Homepagespeicher	PHP-Programmierung	17	21.08.2005 16:54

02.07.2008, 16:24	Nach oben #2
Basti Erfahrener Benutzer Registriert seit: 04.01.2006 Ort: Kassel Beiträge: 789	Wo hängst du? Mit jQuery ist das z.B. ganz einfach umgesetzt: http://docs.jquery.com/CSS/width#val Bastian

21.07.2008, 10:58	Nach oben #7
flat Neuer Benutzer Registriert seit: 17.07.2008 Beiträge: 1	Mit mootools lässt sich das auch einfach machen: http://demos.mootools.net/Fx.Slide

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken