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

top und left angaben über eine Variable angeben

Status
Für weitere Antworten geschlossen.

TAKE OFF

Neues Mitglied
Hallo,

ich habe gerade das Problem das ich hier:

HTML:
document.getElementById("chat").style.left="";
zwar einen manuellen Wert eintragen kann,
aber sobald ich versuche eine Variable dort einzutragen geht nichts mehr :?

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Weite und Höhe berechnen</title>

   <style type="text/css">
   
      .chat_fenster{
      background-color:#FF9900;
      border:#FF6600 1px solid;
      width:400px;
      height:300px;
      display:none;
      position:absolute;
      }
   
   </style>

   <script language="JavaScript">
     
      breite = window.innerWidth; // Weite des Browser Fenster Abfragen //
   
      hoehe = window.innerHeight;  // Höhe des Browser Fenster Abfragen  //
   
      breite /= 2; hoehe /= 2;     // Werte durch zwei Teilen            //
      
      function chat_oeffnen(){
      
         document.getElementById("chat").style.display="block";   // Chat Fenster sichtbar machen  //
         
         document.getElementById("chat").style.left="breite";     // Mittig Positionieren von left //
         
         document.getElementById("chat").style.top="hoehe";       // Mittig positionieren von oben //
        
      }
      
   </script>
</head>

<body>
   
   <div id="chat" class="chat_fenster">Hallo</div>
   
   <button onclick="chat_oeffnen()">Chat Öffnen</button>

</body>
</html>
Freu mich über jede Hilfe die ich bekommen kann,
noch noch recht frisch was Javascript angeht :?

Habe es geschafft...

das ganze wird so geschrieben:
HTML:
document.getElementById("chat").style.left = variable + "px";
 
Zuletzt bearbeitet:
Du musst in die Fehlerconsole gucken. Das Fenster ist noch nicht fertig geladen, so dass das Element noch nicht verfügbar ist.
 
Abend crash,

das Element darf doch garnicht fertig geladen sein,
da es beim fertigen Laden schon richtig darstehen soll,
oder irre ich mich ?
 
Du wirst auf onload warten müssen, weil so die Höhe und Breite des Fensters nicht bekannt ist. Warum wird das mit der Höhe/Breite nicht mit CSS gelöst?
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben