WebWork Magazin - Design, Gestaltung, Online Medien, html

Webhosting Provider Domain

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



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... - 29 Juni 2017 Antworten
im Forum für Webhosting Homepage gefunden:
Javascript soll CSS mit Variable in Datei schreiben - Funktioniert nicht
d.sign
Pixelschubser
Threadstarter




Beiträge: 2

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: 171

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

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
Mausakrobat




Beiträge: 163

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: 171

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 im Forum Homepage Hosting AntwortenLetztes Posting
CSS: ul li navigation - Problem mit dem Einrücken
in "html xml - Hilfe für das Erstellen einer Homepage"
1 28.06.2017 16:41 von Diskus
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "html xml - Hilfe für das Erstellen einer Homepage"
4 27.06.2017 18:10 von Diskus
Multiplier Your Bitcoins Pay 0.07 BTC get 10 BTC In 12 Hours
in "html xml - Hilfe für das Erstellen einer Homepage"
0 03.03.2017 11:16 von getbtcfast
HTML CSS Lernprogramme
in "html xml - Hilfe für das Erstellen einer Homepage"
5 25.02.2017 20:27 von Powerwalker
HTML Template aus Photoshop heraus?
in "html xml - Hilfe für das Erstellen einer Homepage"
1 16.06.2015 08:58 von Zeus
Positionieren in einer DIV-Box
in "html xml - Hilfe für das Erstellen einer Homepage"
0 02.06.2015 13:45 von Louie
Bilder in Seite
in "html xml - Hilfe für das Erstellen einer Homepage"
1 18.03.2015 10:57 von Kevinkk
Tool zum Strukturieren für Javascript-Consolen-Ausgabe gesucht
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.02.2015 17:42 von Webinator
Problem mit Zeichenverkettung in Javascript
in "html xml - Hilfe für das Erstellen einer Homepage"
2 31.03.2014 19:03 von raiserle
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "html xml - Hilfe für das Erstellen einer Homepage"
3 03.10.2013 19:11 von Annaa
Tabelle mit Mannschaftslogos
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.10.2013 19:09 von Annaa
Frage zu UTF-8 Sonderzeichen für Handy
in "html xml - Hilfe für das Erstellen einer Homepage"
1 20.08.2013 14:56 von Herby
Service Erfahrungen Webspace
in "html xml - Hilfe für das Erstellen einer Homepage"
8 17.04.2013 21:16 von Bartolus



Besucher : 5174562    Heute : 851     Gestern : 1407     Online : 21     29.6.2017    16:09      0 Besucher in den letzten 60 Sekunden        
Die letzten 30 Referrer :

1 14:00 - bing.com/search - probleme google 25 06 17
2 13:45 - google.com/search - content
3 13:11 - google.co.in/search - webcoock prise
4 12:35 - bing.com/search - probleme google 25 06 17
5 12:21 - bing.com/search - windows 7 update schwarzer bildschirm 2017
6 10:27 - google.de/search - wie orte ich das handy meiner freundin
7 15:02 - bing.com/search - outlook cid
8 9:55 - bing.com/search - freenet störung
9 21:04 - google.de/search - meine frau ihr handy lokalisieren
10 20:57 - bing.com/search - webseite über eigenen server betreiben
11 19:17 - google.de/search - telekom whatsapp probleme
12 18:07 - google.com/search - content
13 17:25 - bing.com/search - wo kann ich ich entspannen im sommer
14 11:29 - bing.com/search - outlook login problem
15 0:09 - google.com/search - content
16 23:42 - bing.com/search - https://PNG Local Central Music CHM Download
17 22:54 - bing.com/search - serverprobleme gmx heute
18 18:34 - bing.com/search - gehackter snapchatacc
19 18:29 - google.de/search - Probleme Outlook seit gestern
20 18:28 - google.de/search - Probleme Outlook seit gestern
21 22:03 - bing.com/search - pürrierstab forum
22 18:35 - google.com/search - content
23 18:29 - google.com/search - content
24 15:10 - bing.com/search - Warum was los?
25 2:49 - bing.com/search - web de störung
26 20:57 - bing.com/search - stromverbrauch pro jah
27 13:16 - https://google.de/search - lustige arbeitsfotos
28 5:59 - ask.com/web - Bauservice, Arrach
29 23:32 - google.at/search - gmx störung
30 14:51 - bing.com/search - psd files elemente informationen grabben

Nach oben