Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 20

Thema: Hintergrundfarbe selbst festlegen und eingestellt lassen

  1. #1
    Youngster
    Registriert seit
    03.05.2010
    Alter
    29
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Pfeil Hintergrundfarbe selbst festlegen und eingestellt lassen

    Liebe Forengemeinde

    Ich hab mal ein Anliegen, eher ein Problem, mit dem ich schon den ganzen Tag beschäftigt bin und selbst Google mir nicht weiter helfen konnte (zumindest nicht für mich verständlich und nachvollziehbar).

    Ich möchte mir eine Lokale "Thunderbird" Startseite erstellen (alternativ auf für Firefox) und habe soweit schon einiges geschafft (hab absolut keine html/css/Java Kenntnisse)
    Hier ist der komplette Quelltext:
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <meta content="text/html; charset=ISO-8859-1"
     http-equiv="content-type">
      <title>Thunderbird Startseite</title>
      <style>
    select.Menue{
    font-family: Calibri;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    }
    option.Menue0{
    background-color:#CC0033;
    }
    option.Menue1{
    background-color:#FFFFCC;
    }
    option.Menue2{
    background-color:#CCFFCC;
    }
    option.Menue3{
    background-color:#CCFFFF;
    }
    option.Menue4{
    background-color:#FF33FF;
    }
    option.Menue5{
    background-color:#FFD700;
    }
    option.Menue6{
    background-color:#FFFFFF;
    }
      </style>
    </head>
    <body>
    <div style="position: absolute; top: 600px; left: 1000px;">
    <form name="Farbwahl">
      <select class="Menue"
     onchange="document.bgColor=this.options[selectedIndex].value">
      <option class="Menue0" value="#CC0033">Rot
      </option>
      <option class="Menue1" value="#FFFFCC">Gelb
      </option>
      <option class="Menue2" value="#CCFFCC">Gr&uuml;n
      </option>
      <option class="Menue3" value="#CCFFFF">Blau
      </option>
      <option class="Menue4" value="#FF33FF">Pink
      </option>
      <option class="Menue5" value="#FFD700">Orange
      </option>
      <option class="Menue6" value="#FFFFFF">Wei&szlig;
      </option>
      </select>
    </form>
    </div>
    <div
     style="text-align: left; position: absolute; top: 75px; font-family: Times New Roman; left: 100px; width: 455px;">
    <big><big><big><big>Thunderbird
    Startseite</big></big></big> </big></div>
    <div style="position: absolute; top: 10px; left: 910px;"><img
     style="width: 180px; height: 180px;" alt=""
     src="http://www.thunderbird-mail.de/_grafik/mailicon256.png"> </div>
    <div style="position: absolute; top: 220px; left: 900px;">
    <iframe
     src="http://www.schulferien.org/Uhrzeit/uhrzeit_partner.html?size=30&amp;ccolor=#0000FF&amp;bgcolor=#FFFFFF"
     name="Uhrframe" marginheight="0" marginwidth="0"
     frameborder="0" height="100" scrolling="no"
     width="250"> </iframe></div>
    </body>
    </html>
    Jetzt wird sich einer sagen, was mein Problem ist, weil die Seite ja an sich gut aussieht, nur möcht ich halt, dass die per Dropdown Menü ausgewählte Hintergrundfarbe beim nächsten öffnen erhalten bleibt.
    Ich weiß bereits, dass es mittels Cookie gehen soll und ich hab auch schon damit experimentiert, nur funktionierte es leider nicht und ich weiß einfach nicht was der Fehler ist.

    Könnte mir jemand das Cookiescript in meinen Quelltext implementieren, sodass es dann funktioniert? und vorallem farblich markieren was du eingefügt hast, damit ich verstehen kann, was ich vieleicht falsch gemacht habe das wäre echt Klasse :T
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Hintergrundfarbe selbst festlegen und eingestellt lassen

    also wir sind hier ein hilfeforum nd kein machs-dir-forum
    am einfachsten ist, wenn du den hexwert der farbe oder den klassennamen im cookie speicherst und dann beim laden der seite das ganze ausliest, um es zu verarbeiten.

    dir jetzt nen code zu schreiben ist der falsche ansatz, weil du daraus nichts lernst

    und für die zukunft lies bitte auch die namen der forenbereiche und die erklärung dazu..
    wenn du nen script problem hast, schreib deinen thread im script-forum (achtung.. das is das für php, javascript etc und nicht das scriptarchiv)

    zeige was du hast und dann sag wo dein problem ist...

    ich geh ja auch nich zu nem hobbyschreiner und sag: hey ich bekomm keine türzarge gebaut, mach du mir das mal ich geb dir auch nichts dafür.
    wenn du nen job hast, poste den job und die gegenleistungs ins jobforum
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    03.05.2010
    Alter
    29
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundfarbe selbst festlegen und eingestellt lassen

    Entschuldigung, wollte nicht so rüber kommen, dass mir einer die Webseite fertig zusammenbasteln soll.
    Ich wollt eigendlich nur wissen, was ich wo einfügen muss, damit die Hintergrundfarbe gespeichert bleibt.

    Auf der SEITE hab ich mich bereits belesen, die sogar genau mein Problem beschreibt, ich hab auch alle für mich nachvollziehbaren Möglichkeiten durchprobiert, nur bin ich nicht zur Lösung gekommen.
    Ich hoffe eigentlich, das mich einer aufklärt, was ich wo wie einsetzen muss und vorallem warum, weil das konnte mir bis jetzt keine Seite verständlich erklären.
    Geändert von Igel..nuff..nuff (04.05.2010 um 15:14 Uhr) Grund: Link nachgetragen

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Hintergrundfarbe selbst festlegen und eingestellt lassen

    also du brauchst eine funktion die die hintergrundfarbe und ggf andere style-anweisungen nach der entsprechenden auswahl setzt und ebenfalls mit dem setzen dieser sachen sollte diese funktion ein cookie setzen mit den infos, die du brauchst um später diesen style wiederherstellen zu können.

    dann brauchst du ein script, was beim laden ausgeführt wird, dieses cookie ausliest und dann das gleiche macht wie die funktion vorher: den entsprechenden style setzen....

    wenn du dem coockie ne laaaange lebensdauer mitgibst brauchste es net erneuen, wenn der user auf deine seite kommt..

    das hier wird dir beim umgang mit keksen helfen..
    http://www.html-world.de/program/js_e_6.php
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    03.05.2010
    Alter
    29
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundfarbe selbst festlegen und eingestellt lassen

    Danke schonmal der schnellen Antwort
    Ich hab mir auch die Seite komplett durchgelesen, nur versteh ich irgendwie die Zusammenhänge nicht, also meine damit, was muss ich wohin schreiben, also in den Head-Bereich oder in den Body-Bereich
    dann versteh ich auch nicht ganz, was
    HTML-Code:
    var a = new Date();
    a = new Date(a.getTime() +1000*60*60*24*365);
    document.cookie = 'meincookie=meinwert; expires='+ 
                      a.toGMTString()+';';
    also speziell: 'meincookie=meinwert; expires='
    bedeuten soll und wie ich es speziell auf meinen Quelltext anwenden soll?

    Am ende ist es ganz einfach, aber ich find irgendwie den Faden nicht, bitte verzeifelt nicht an mir

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Hintergrundfarbe selbst festlegen und eingestellt lassen

    aaalso deine script-anweisungen funktionen etc kommen in ein script-tag
    da hab ich auch was für dich, was dir evtl des ganze erleichtern wird..

    http://home.arcor.de/synaptic/JS_basics/

    und die variable meinwert is bei dir da nich gesetzt...



    offtopic:
    und ich glaube ich werde meinen arcor-space lediglich zum hosten von files nutzen... jetzt kloppen die schon überall ihre kack werbung rein und sagen nichma bescheid... grml

    scher dich nich ums design.. da gibts keins..
    aber da wird dir zumindest erklärt, wie du javascripte einbindest.
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    03.05.2010
    Alter
    29
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundfarbe selbst festlegen und eingestellt lassen

    Also ich hab mich auf deiner Seite belesen und mal in Kombination mit der SEITE meinen Quelltext bearbeitet und sieht jetzt so aus:
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <meta content="text/html; charset=ISO-8859-1"
     http-equiv="content-type">
      <title>Thunderbird Startseite</title>
      <style>
    select.Menue{
    font-family: Calibri;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    }
    option.Menue0{
    background-color:#CC0033;
    }
    option.Menue1{
    background-color:#FFFFCC;
    }
    option.Menue2{
    background-color:#CCFFCC;
    }
    option.Menue3{
    background-color:#CCFFFF;
    }
    option.Menue4{
    background-color:#FF33FF;
    }
    option.Menue5{
    background-color:#FFD700;
    }
    option.Menue6{
    background-color:#FFFFFF;
    }
      </style>
    </head>
    <body>
    <!-- Beginn des angepassten Cookie-Skriptes -->
    <script type="text/javascript">
    /* <![CDATA[ */
    function writeCookie('thunderbird', 'select class="Menue"', 128) {
    var expire = "";
    if(hours != null) {
    expire = new Date((new Date()).getTime() + 128 * 3600000);
    expire = "; expires=" + expire.toGMTString();
    }
    document.cookie = 'thunderbird' + "=" + escape(value) + expire;
    }
    /* ]]> */
    </script><!-- Ende des angepassten Cookie-Skriptes -->
    <div style="position: absolute; top: 600px; left: 1000px;">
    <form name="Farbwahl">
      <select class="Menue"
     onchange="document.bgColor=this.options[selectedIndex].value; writeCookie('thunderbird', this.options[selectedIndex].value , 128);">
      <option class="Menue0" value="#CC0033">Rot </option>
      <option class="Menue1" value="#FFFFCC">Gelb </option>
      <option class="Menue2" value="#CCFFCC">Gr&uuml;n
      </option>
      <option class="Menue3" value="#CCFFFF">Blau </option>
      <option class="Menue4" value="#FF33FF">Pink </option>
      <option class="Menue5" value="#FFD700">Orange </option>
      <option class="Menue6" value="#FFFFFF">Wei&szlig;
      </option>
      </select>
    </form>
    </div>
    <div
     style="text-align: left; position: absolute; top: 75px; font-family: Times New Roman; left: 100px; width: 455px;"><big><big><big><big>Thunderbird
    Startseite</big></big></big> </big></div>
    <div style="position: absolute; top: 10px; left: 910px;"><img
     style="width: 180px; height: 180px;" alt=""
     src="mailicon256.png"> </div>
    <div style="position: absolute; top: 220px; left: 900px;">
    <iframe
     src="http://www.schulferien.org/Uhrzeit/uhrzeit_partner.html?size=30&amp;ccolor=#0000FF&amp;bgcolor=#FFFFFF"
     name="Uhrframe" marginheight="0" marginwidth="0"
     frameborder="0" height="100" scrolling="no"
     width="250"> </iframe></div>
    </body>
    </html>
    Nur schreibt er kein Cookie (also ich find es zumindest nicht in der Cookie-Übersicht vom Firefox/Thunderbird)

    Hab ich noch was vergessen?

    desweiteren hab ich noch diese Befehlszeile, die der Seite sagt, dass sie die im cookie hinterlegte Hintergrundfarbe laden soll
    also diese Zeile:
    HTML-Code:
    <body onLoad="document.bgColor=readCookie('thunderbird');">
    Nur egal wo ich die hinschreibe (außer in die <body> Klammer) löscht immer NVU diese Befehlszeile, ich weiß nur nicht warum

  8. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Hintergrundfarbe selbst festlegen und eingestellt lassen

    also dir fehlte die komplette funktion readCookie, dann haste die writeCookie so geschrieben, dass die keine parameter übernimmt..
    hab des jetzt mal alles umgeschrieben, is aber so nur für diese eine funktionsweise!
    wenn du des allgemeingültiger haben möchtest, dann müsstest du dir die beiden funktionen von deiner verlinkten website so kopieren, wie sie sind und dann die aufrufe entsprechend anpassen..

    was dein nvu da baut, kapier ich net.. aber ich nutz auh notepad++

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <meta content="text/html; charset=ISO-8859-1"
     http-equiv="content-type">
      <title>Thunderbird Startseite</title>
      <style>
    select.Menue{
    font-family: Calibri;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    }
    option.Menue0{
    background-color:#CC0033;
    }
    option.Menue1{
    background-color:#FFFFCC;
    }
    option.Menue2{
    background-color:#CCFFCC;
    }
    option.Menue3{
    background-color:#CCFFFF;
    }
    option.Menue4{
    background-color:#FF33FF;
    }
    option.Menue5{
    background-color:#FFD700;
    }
    option.Menue6{
    background-color:#FFFFFF;
    }
      </style>
     <!-- Beginn des angepassten Cookie-Skriptes -->
    <script type="text/javascript">
        /* <![CDATA[ */
        function writeCookie(name, value, hours) {
            var expire = "";
            if(hours != null) {
                expire = new Date((new Date()).getTime() + 128 * 3600000);
                expire = "; expires=" + expire.toGMTString();
            }
            document.cookie = name + "=" + escape(value) + expire;
        }
        
        function readCookie() {
         var cookieValue = "";
         var search = "thunderbird" + "=";
         if(document.cookie.length > 0) {
             offset = document.cookie.indexOf(search);
             if(offset != -1) {
                 offset += search.length;
                 end = document.cookie.indexOf(";", offset);
                 if(end == -1) end = document.cookie.length;
                 cookieValue = unescape(document.cookie.substring(offset, end));
                 
             }
         }
         document.body.style.background = cookieValue;
         return cookieValue;
     }
     
     window.onload =readCookie;
        /* ]]> */
    </script><!-- Ende des angepassten Cookie-Skriptes -->
    </head>
    
    <body>
    
    <div style="position: absolute; top: 600px; left: 1000px;">
    <form name="Farbwahl">
      <select class="Menue"
     onchange="document.bgColor=this.options[selectedIndex].value; writeCookie('thunderbird', this.options[selectedIndex].value , 128);">
      <option class="Menue0" value="#CC0033">Rot </option>
      <option class="Menue1" value="#FFFFCC">Gelb </option>
      <option class="Menue2" value="#CCFFCC">Gr&uuml;n
      </option>
      <option class="Menue3" value="#CCFFFF">Blau </option>
      <option class="Menue4" value="#FF33FF">Pink </option>
      <option class="Menue5" value="#FFD700">Orange </option>
      <option class="Menue6" value="#FFFFFF">Wei&szlig;
      </option>
      </select>
    </form>
    </div>
    <div
     style="text-align: left; position: absolute; top: 75px; font-family: Times New Roman; left: 100px; width: 455px;"><big><big><big><big>Thunderbird
    Startseite</big></big></big> </big></div>
    <div style="position: absolute; top: 10px; left: 910px;"><img
     style="width: 180px; height: 180px;" alt=""
     src="mailicon256.png"> </div>
    </body>
    </html>
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  9. #9
    Youngster
    Themenstarter

    Registriert seit
    03.05.2010
    Alter
    29
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hintergrundfarbe selbst festlegen und eingestellt lassen

    also musste ich das Skript doch in den Head schreiben?!!

    Ich hab jetzt auch mal Notepad++ verwendet und er markiert einzelnes anders als nvu, find ich persönlich sogar besser, weil ich jetzt irgendwie die zusammenhänge besser verstehen kann......wie welcher Wert mit was arbeitet

    Und danke für die Hilfe

  10. #10
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Hintergrundfarbe selbst festlegen und eingestellt lassen

    nee musste nich, aber ich find javascripte im kopf einfach besser.
    manche scripte müssen auch in den body geschrieben werden oder evtl nur teile davon..

    nem javascript ist es zu 95% egal wo es in der seite steht
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Transparente Hintergrundfarbe
    Von davidos_no.1 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 17
    Letzter Beitrag: 10.12.2009, 00:22
  2. Ebay Artikel falsch eingestellt.....
    Von Sweet_Angel im Forum Off Topic und Quasselbox
    Antworten: 7
    Letzter Beitrag: 25.02.2009, 18:24
  3. Hintergrundbild + Hintergrundfarbe???
    Von DariaUrania im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 06.11.2008, 01:06
  4. Hintergrundfarbe in Textfeld?
    Von UG aus BO im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 21.04.2008, 21:43
  5. Hintergrundfarbe
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 28.08.2005, 15:02

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •