tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von CPoly
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
210
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 09.09.11 20:40 #1
    Thomasio Thomasio ist offline Mitglied Platin
    Registriert seit
    Aug 2006
    Beiträge
    682
    Keine Ahnung, ob das jetzt mehr zu CSS oder zu JavaScript gehört, vermutlich beides, denn ich versuche krampfhaft JavaScript mit CSS zu mixen.
    Insbesondere will ich auf Änderungen in der Grösse des Browserfensters reagieren können.

    Gefunden habe ich http://de.selfhtml.org/javascript/be...eberwachen.htm
    Das habe ich mir so weit angepasst, dass ich bei Änderungen der Fenstergrösse einen alert() bekomme.

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

    <?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<title>Meine Webseite</title>
<script type="text/javascript">
function Fensterweite () {
  if (window.innerWidth) {
    return window.innerWidth;
  } else if (document.body && document.body.offsetWidth) {
    return document.body.offsetWidth;
  } else {
    return 0;
  }
}
 
function Fensterhoehe () {
  if (window.innerHeight) {
    return window.innerHeight;
  } else if (document.body && document.body.offsetHeight) {
    return document.body.offsetHeight;
  } else {
    return 0;
  }
}
 
function neuAufbau () {
  if (Weite != Fensterweite() || Hoehe != Fensterhoehe())
    alert('Groesse wurde geaendert');
}
 
/* Überwachung von Netscape initialisieren */
if (!window.Weite && window.innerWidth) {
  window.onresize = neuAufbau;
  Weite = Fensterweite();
  Hoehe = Fensterhoehe();
}
</script>
</head>
<body>
<script type="text/javascript">
/* Überwachung von Internet Explorer initialisieren */
if (!window.Weite && document.body && document.body.offsetWidth) {
  window.onresize = neuAufbau;
  Weite = Fensterweite();
  Hoehe = Fensterhoehe();
}
</script>
<div id="MeinContainer">
 
... 
 
hier steht
ein Haufen
Zeug
 
...
 
</div>
</body></html>

    Was ich jetzt machen will, ist bei oder anstatt alert() im <body> die Eigenschaften von MeinContainer ändern.
    Keine Ahnung wie die Syntax lauten müsste, probiert habe ich einiges, aber ohne Erfolg.
    Darum mal frei Schnauze ohne Code-TAGs was ich machen will, ich denke es wird schon klar, was das werden soll.

    if ( Fensterhoehe() < 300 )
    {
    MeinContainer.style.position = "absolute";
    }
    else
    {
    MeinContainer.style.position = "fixed";
    MeinContainer.style.top = "10px";
    MeinContainer.style.left = "10px";
    }
    }

    Ist jemand so nett und gibt mir die richtige Syntax.
     
    Zitieren Zitieren
  2. 10.09.11 15:35 #2
    CPoly CPoly ist offline Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Ich nehme an "MeinContainer" ist keine Variable? Dann kommst du so an das Element:

    Code javascript:
    1

    document.getElementById('MeinContainer');

    Aber vielleicht solltest du dich mal mit Media Queries befassen
    http://www.w3.org/TR/css3-mediaqueries/
    http://css-tricks.com/6206-resolutio...c-stylesheets/
    Thomasio bedankt sich. 
    Zitieren Zitieren
  3. 10.09.11 18:04 #3
    Thomasio Thomasio ist offline Mitglied Platin
    Registriert seit
    Aug 2006
    Beiträge
    682
    Hey, danke, der zweite Link ist genau das, was ich gesucht habe.
     
    Zitieren Zitieren
« Probleme mit Tooltip und z-index im IE | vertikales Aufklapp-Menue a.active funktioniert nicht »

Ähnliche Themen

  1. CFormView Style ändern
    Von GrooveXT im Forum VisualStudio & MFC
    Antworten: 1
    Letzter Beitrag: 18.06.08, 00:44
  2. Window Title der exe durch DLL ändern
    Von iderise im Forum C/C++
    Antworten: 10
    Letzter Beitrag: 28.08.07, 11:47
  3. Mehrere Funktionen in window.onresize?
    Von Romsl im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 09.08.06, 00:44
  4. Sprungmenue Style ändern
    Von DerBaumann im Forum HTML-Editoren
    Antworten: 1
    Letzter Beitrag: 13.02.05, 13:59
  5. Css Style ändern?
    Von i-mehl im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 07.01.04, 16:50