• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

<div> - visibility

Status
Für weitere Antworten geschlossen.

Grüne Haare

Neues Mitglied
Moinmoin

hab Folgendes Problem.

ich lese mit Javascript die Fenstergröße aus, dass wenn das fenster zu schmal ist ein bestimmtes div-tag nicht angezeigt werden soll... wenn das fenster zu klein ist wird das div komischerweise aber nur ganz kurz ausgeblendet und ist sofort wieder da....
Head:
HTML:
<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())
    location.href = location.href;
		if (Fensterweite() <= 1024){
		document.getElementById('sideline').style.visibility = 'hidden';
		alert("invisible");
		}else{
		document.getElementById('sideline').style.visibility = 'visible';
		alert("visivle");
		}
}


/* Überwachung von Netscape initialisieren */
if (!window.Weite && window.innerWidth) {
  window.onresize = neuAufbau;
  Weite = Fensterweite();
  Hoehe = Fensterhoehe();
}
</script>

Body:
HTML:
<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="sideline"><img src="side01.jpg"  height="100%" width="100%"/></div>
 
Moinmoin

hab Folgendes Problem.

ich lese mit Javascript die Fenstergröße aus, dass wenn das fenster zu schmal ist ein bestimmtes div-tag nicht angezeigt werden soll... wenn das fenster zu klein ist wird das div komischerweise aber nur ganz kurz ausgeblendet und ist sofort wieder da....
Head:
HTML:
<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())
    location.href = location.href;
        if (Fensterweite() <= 1024){
        document.getElementById('sideline').style.visibility = 'hidden';
        alert("invisible");
        }else{
        document.getElementById('sideline').style.visibility = 'visible';
        alert("visivle");
        }
}
 
 
/* Überwachung von Netscape initialisieren */
if (!window.Weite && window.innerWidth) {
  window.onresize = neuAufbau;
  Weite = Fensterweite();
  Hoehe = Fensterhoehe();
}
</script>

Body:
HTML:
<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="sideline"><img src="side01.jpg"  height="100%" width="100%"/></div>

Ohne den kompletten html Code kann ich nur vermuten, dass die das
resizing einen Streich spielt.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben