WebWork Magazin - Design, Gestaltung, Online Medien, html

Webhosting Provider Domain

Home | Registrieren | Einloggen | Suchen | Aktuelles | Suleitec Webhosting



Im Homepage und Webhosting-Forum --- Javascript soll CSS mit Variable in Datei schreiben - Funktioniert nicht

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » html xml - Hilfe für das Erstellen einer Homepage » Javascript soll CSS mit... Antworten
Javascript soll CSS mit Variable in Datei schreiben - Funktioniert nicht
d.sign
Pixelschubser
Threadstarter




Beiträge: 2
Mitglied seit 29.01.2009

Hallo zusammen,

ich möchte eine DIV definieren, dessen linker Abstand sich aus der Größe des Browserfensters ableitet. Also "Browserfenster-Breite - DIV-Breite / 2".
Beispiel: Brwoserfenster ist 1024px breit und der DIV 1000. Dann soll der linke Abstand
(1024-1000)/2 =12px sein.

Eigentlich verwende ich im wesentlichen PHP auf der Seite, aber die Breite des Browserfensters kann ja nur mittels Javascript ausgelesen werden.

Fogenden Code ich habe ich zusammengestellt, der aber nicht funktioniert. Bin völliger Neuling bei Javascript. Wäre super wenn mir jemand helfen könnte. Und: Ja, ich habe schon ewig lang nach Lösungen in Foren gesucht. Der Code hier ist das Ergebnis meiner Suche.

1:
<script>  var Userwidth = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);  var DisLeft=Userwidth-1000;  var DisLeft=DisLeft/2;    document.write('<style type="text/css" media="screen"><!-- #BLANK   { background-color: #ebee03; position: absolute; z-index: 0; top: 0; left: '+DisLeft+'px; width: 1000px; height: 605px; border-bottom: 2px solid #076299 }--></style>');  </script>


Schon mal Danke im vorraus!

  Profil   Editieren   Zitieren
raiserle
Mausakrobat




Beiträge: 162
Mitglied seit 14.10.2005

getElementById('deindiv').style.width=ausgerechneter_wert;

Aber... nicht getestet... und du must deinem div noch ne id geben...
oder worauf du eben sowas anwenden willst.

--- edit
Eine andere Methode ist, du erstellst über js gleich die Elemente.
Wenn du dazu mehr wissen willst... Bescheid geben.


MfG Henrik

---
Irren is Menschlich

Wer andern eine Grube gräbt,
sollte darüber nachdenken,
ob sie tief genug ist!!!!

Kameradschaft ist, wenn der
Kamerad schafft !!!!

Diese Nachricht wurde geändert von: raiserle
  Profil   Editieren   Zitieren
d.sign
Pixelschubser
Threadstarter




Beiträge: 2
Mitglied seit 29.01.2009

Hallo Henrik,

1. vielen Dank für die Rückmeldung
2. Bin echt Javascript-Legasteniker: Wie muss ich das getElementById... wo einbauen
3. Ich dachte mit meinem Code erstelle ich das Element schon über js??
4. Ja, dazu möchte ich gerne mehr wissen

Grüße
Daniel

  Profil   Editieren   Zitieren
Ori
Fachidiot




Beiträge: 121
Mitglied seit 31.03.2004

Hallo Daniel!

Gemeint sind die DOM-Methoden zum Zugreifen auf die Elemente, nicht brutales reinschreiben in den Quelltext. Mehr dazu findest Du etwa bei SelfHTML.

Eigentlich solltest Du aber mithilfe von
1:
#BLANK { margin-left: auto; margin-right: auto; }

horizontal zentrieren können. Und falls das nicht geht, weißt Du, wie breit Dein <div> ist und kannst das ausnutzen:
1:
#BLANK { margin-left: -500px; left: 50%; }

Vermutlich willst/musst Du (in beiden Fällen) das Element zusätzlich noch absolut positionieren. Und BLANK ist ein ziemlich blöder Name; versuch’ einen zu wählen, der die Funktion des <div>s beschreibt.

PS: Probier’ es mal mit Zeilenumbrüchen, dann kann man den Code gleich viel besser lesen.

  Profil   E-Mail   Website   Editieren   Zitieren
raiserle
Mausakrobat




Beiträge: 162
Mitglied seit 14.10.2005

Hi,

du willst mehr wissen, dann sag Bescheid, was genau.
Ich kann dir ja hier schlecht alles hinschreiben?

Wie du auf Elemente zugreifst?
Wie du Elemente per JS erzeugst?


lG Henrik

---
Irren is Menschlich

Wer andern eine Grube gräbt,
sollte darüber nachdenken,
ob sie tief genug ist!!!!

Kameradschaft ist, wenn der
Kamerad schafft !!!!

  Profil   Editieren   Zitieren
 

Antworten
Forum » html xml - Hilfe für das Erstellen einer Homepage » Javascript soll CSS mit...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Javascript soll CSS mit Variable in Datei schreiben - Funktioniert nicht AntwortenLetztes Posting
Will meine erste Website aufbauen, weiß aber nicht wie...
in "html xml - Hilfe für das Erstellen einer Homepage"
3 28.06.2010 21:15 von raiserle
Javascript div mit Image
in "html xml - Hilfe für das Erstellen einer Homepage"
2 12.06.2010 18:43 von chip
Kann Jemand die Adressenliste meiner Google-Custom-Search herausbekommen?
in "html xml - Hilfe für das Erstellen einer Homepage"
3 27.03.2010 18:10 von Rieke
Homepage wird in firefox richtig angezeigt, aber nicht in IE opera etc
in "html xml - Hilfe für das Erstellen einer Homepage"
2 20.03.2010 22:12 von tobi111
css vor download (Klau) schützen?
in "html xml - Hilfe für das Erstellen einer Homepage"
10 23.02.2010 15:02 von chip
Domain umleiten
in "html xml - Hilfe für das Erstellen einer Homepage"
1 25.11.2009 21:22 von Rieke
Gästebuch: Smilies einfügen
in "html xml - Hilfe für das Erstellen einer Homepage"
27 08.10.2009 15:46 von fleet
Höhe/Zoomfaktor in KML(kmz)-file einstellen (GoogleMaps)
in "html xml - Hilfe für das Erstellen einer Homepage"
0 05.08.2009 22:52 von elster
CSS: Schriftgrösse unabhängig der DPI vorgeben
in "html xml - Hilfe für das Erstellen einer Homepage"
1 21.07.2009 16:28 von Yhoko
Wie baue ich meinen Newsletterkasten fertig?
in "html xml - Hilfe für das Erstellen einer Homepage"
0 14.07.2009 21:38 von MichaelO
Webspace einrichten - Anfragen umleiten
in "html xml - Hilfe für das Erstellen einer Homepage"
1 30.03.2009 14:40 von Ori



Nach oben