Beiträge von Sarkkan

Sarkkan

Klar geht das
Ich empfehle dir da mit Klassen zu arbeiten (schon von gehört?):

Code

html {
    background-image: url(...);
    ...
}




html.index {
    background-image: url(...);
    ...
}

Alles anzeigen

Wenn <html> keine Klasse hat, bekommt es das normale Hintergrundbild. Wenn wir aber stattdessen <html class="index"> haben, wird das Hintergrundbild verwendet, welches wir bei html.index definiert haben

Sarkkan

Die Fehlerkonsole ist schon was tolles... -.-

Also bei mir klappt alles ohne Probleme.. hast du auch wirklich alle ID's richtig umgeändert??

Den hier klappt alles: Test-Suit

Sarkkan

Weil du es dir unnötig schwer machst?

PHP

<span class="syntaxdefault">window</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">onload </span><span class="syntaxkeyword">= function (){<br />    </span><span class="syntaxcomment">// Wenn der Cookie existiert<br />    </span><span class="syntaxkeyword">if(</span><span class="syntaxdefault">document</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">cookie </span><span class="syntaxkeyword">!= </span><span class="syntaxstring">""</span><span class="syntaxkeyword">){<br />        </span><span class="syntaxcomment">// Element ausblenden<br />        </span><span class="syntaxkeyword">$(</span><span class="syntaxstring">"header"</span><span class="syntaxkeyword">).</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">display </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"none"</span><span class="syntaxkeyword">;<br />        $(</span><span class="syntaxstring">"content"</span><span class="syntaxkeyword">).</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">padding </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"100px 20px 20px 20px"</span><span class="syntaxkeyword">;<br />    }<br />    <br />    </span><span class="syntaxcomment">// Beim Anklicken des  Schalters soll Funktion ausgeführt werden:<br />    </span><span class="syntaxkeyword">$(</span><span class="syntaxstring">"switch"</span><span class="syntaxkeyword">).</span><span class="syntaxdefault">onclick </span><span class="syntaxkeyword">= function(){<br />        </span><span class="syntaxdefault">toggleHeader</span><span class="syntaxkeyword">();<br />    }<br />}<br /><br />function $(</span><span class="syntaxdefault">id</span><span class="syntaxkeyword">){<br />    return </span><span class="syntaxdefault">document</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">getElementById</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">id</span><span class="syntaxkeyword">);<br />}<br /><br />function </span><span class="syntaxdefault">toggleHeader</span><span class="syntaxkeyword">(){<br />    </span><span class="syntaxcomment">// Wenn das Element sichtbar ist<br />    </span><span class="syntaxkeyword">if($(</span><span class="syntaxstring">"header"</span><span class="syntaxkeyword">).</span><span class="syntaxdefault">offsetHeight </span><span class="syntaxkeyword">> </span><span class="syntaxdefault">0</span><span class="syntaxkeyword">){<br />        $(</span><span class="syntaxstring">"header"</span><span class="syntaxkeyword">).</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">display </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"none"</span><span class="syntaxkeyword">;<br />        $(</span><span class="syntaxstring">"content"</span><span class="syntaxkeyword">).</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">padding </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"100px 20px 20px 20px"</span><span class="syntaxkeyword">;<br />        <br />        </span><span class="syntaxdefault">with</span><span class="syntaxkeyword">($(</span><span class="syntaxstring">"switch"</span><span class="syntaxkeyword">)){<br />            </span><span class="syntaxcomment">// Bezieht sich alles auf "switch"<br />            </span><span class="syntaxdefault">src </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"png/add.png"</span><span class="syntaxkeyword">;<br />            </span><span class="syntaxdefault">titel </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"Header anzeigen"</span><span class="syntaxkeyword">;<br />        }<br /><br />        </span><span class="syntaxcomment">// Und setzte den Cookie<br />        </span><span class="syntaxkeyword">var </span><span class="syntaxdefault">date </span><span class="syntaxkeyword">= new </span><span class="syntaxdefault">Date</span><span class="syntaxkeyword">();<br />        </span><span class="syntaxdefault">date </span><span class="syntaxkeyword">= new </span><span class="syntaxdefault">Date</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">date</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">getTime</span><span class="syntaxkeyword">() + </span><span class="syntaxdefault">1000 </span><span class="syntaxkeyword">* </span><span class="syntaxdefault">60 </span><span class="syntaxkeyword">* </span><span class="syntaxdefault">60 </span><span class="syntaxkeyword">* </span><span class="syntaxdefault">24 </span><span class="syntaxkeyword">* </span><span class="syntaxdefault">5</span><span class="syntaxkeyword">);<br />        </span><span class="syntaxdefault">document</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">cookie </span><span class="syntaxkeyword">= </span><span class="syntaxstring">'close=true; expires=' </span><span class="syntaxkeyword">+ </span><span class="syntaxdefault">date</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">toGMTString</span><span class="syntaxkeyword">() + </span><span class="syntaxstring">';'</span><span class="syntaxkeyword">;<br /><br />    } else {<br />    </span><span class="syntaxcomment">// Wenn der Header nicht zu sehen ist, blende ihn ein<br />        </span><span class="syntaxkeyword">$(</span><span class="syntaxstring">"header"</span><span class="syntaxkeyword">).</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">display </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"block"</span><span class="syntaxkeyword">;<br />        $(</span><span class="syntaxstring">"content"</span><span class="syntaxkeyword">).</span><span class="syntaxdefault">style</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">padding </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"20px"</span><span class="syntaxkeyword">;<br /><br />        </span><span class="syntaxdefault">with</span><span class="syntaxkeyword">($(</span><span class="syntaxstring">"switch"</span><span class="syntaxkeyword">)){<br />            </span><span class="syntaxcomment">// Bezieht sich alles auf "switch"<br />            </span><span class="syntaxdefault">src </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"png/add.png"</span><span class="syntaxkeyword">;<br />            </span><span class="syntaxdefault">titel </span><span class="syntaxkeyword">= </span><span class="syntaxstring">"Header verstecken"</span><span class="syntaxkeyword">;<br />        }<br /><br />        </span><span class="syntaxcomment">// Und lösche den Cookie, indem wir ihm einen veralteten Wert geben<br />        </span><span class="syntaxdefault">document</span><span class="syntaxkeyword">.</span><span class="syntaxdefault">cookie </span><span class="syntaxkeyword">= </span><span class="syntaxstring">'close=false; expires=Thu, 01-Jan-70 00:00:01 GMT;'</span><span class="syntaxkeyword">;<br />    }<br />}<br /> </span><span class="syntaxdefault"></span>

Ich habe dem Ding einfach die ID "switch" gegeben.. weil ich damit etwas hin und her schalte
Dann lasse ich überprüfen, ob der Cookie existiert, wenn ja soll der Header ausgeblendet werden.
Und gebe dem Switch immer ein und die selbe Funktion.. die beim klicken dann entscheidet, was gemacht werden soll.

Sarkkan

Vom selben Autor, wie das HTML-Seminar: php-kurs.com

Sarkkan

Also theoretisch geht das.. nur der IE mag des überhaupt net..^^

Besser geht es mit PHP^^
Aber dafür muss man eben wenigstens n Grundverständis von PHP haben, oder ich muss viiiiiel Geduld mitbringen

Sarkkan

Huhu Pearl1,

das Hintergrundbild wird in CSS, mit der Eigenschaft background-image: url(relativer/pfad/zum.bild); definiert.
Es gibt auch noch die möglichkeit einige Feinheiten einzustellen, da ich gerade aber etwasa kurz angebunden bin hier nur ein Link:
<a class="postlink" href="http://de.selfhtml.org/navigation/css.htm#hintergrund">http://de.selfhtml.org/navigation/css.htm#hintergrund</a>

Lg
Dustin, alias Sarkkan

Sarkkan

Ich würde ja nicht einfach den kompletten Div ausblenden.. (By the way: modernes Webdesignen FTW! Tabellenlayout WTF?! [Spielt darauf an, dass du zum anordnen der Elemente eine Tabelle verwendet hast Das ginge auch ohne Probleme mit nem Float.. aber egal)

Naja.. lass den <marquee>-Tag doch nur ausblenden und ändere dann einfach das src-Attribut des Bildes.
Dafür empfiehlt es sich denen eine ID zu geben Oder du hast Spaß dran dich mit dem JavaScript-Node-System durch mehrere Ebenen zu kämpfen

Sarkkan

Tut mir Leid.. ich habe wohl eine Schließende geschweifte Klammer vergessen <.<

Code

window.onload = function (){
    var el = document.getElementById("close");
    // Wenn der Cookie existiert
    if(document.cookie){
        // Element ausblenden
        document.getElementById("header").style.display="none";
        document.getElementById("content").style.padding="100px 20px 20px 20px";
    } else {
        // Ansonsten verteile das onclick-Event
        el.onclick = function () {
            document.getElementById("header").style.display="none";
            document.getElementById("content").style.padding="100px 20px 20px 20px";
            // Mit der besonderheit, dass n Cookie gesetzt wird:
            var date = new Date();
            date = new Date(date.getTime() + 1000 * 60 * 60 * 24 * 5);
            document.cookie = 'close=true; expires=' + date.toGMTString() + ';';
        }
    }
}

Alles anzeigen

So läuft es, habe s getestet

Sarkkan

Doch das dürfte gestattet sein.
Aber was nicht erlaubt ist, ist dass du irgendetwas anderes als ein <li> in ein <ul> oder <ol> legst :wink:
Das gilt auch für <ul> und <ol>.

Fehlerbehebung:

Code

<ul>
    <li>abc
        <ol>
            <li>def</li>
            <li>def</li>
            <li>def</li>
        </ol>
    </li>
    <li>ghi</li>
</ul>

Sarkkan

Das geht direkt mit JavaScript über Cookies
Müsste ungefähr so aussehen:

Code

function window$onload () {
    var el = document.getElementById("close");

    // Wenn der Cookie existiert
    if(document.cookie){
        // Element ausblenden
        document.getElementById("header").style.display="none";
        document.getElementById("content").style.padding="100px 20px 20px 20px"; 
    } else {
        // Ansonsten verteile das onclick-Event    
        el.onclick = function () {
            document.getElementById("header").style.display="none";
            document.getElementById("content").style.padding="100px 20px 20px 20px";   
            // Mit der besonderheit, dass n Cookie gesetzt wird:
            var date = new Date();
            date = new Date(a.getTime() + 1000 * 60 * 60 * 24 * 5);
            document.cookie = 'close=true; expires=' + date.toGMTString() + ';'; 
        }
}

Alles anzeigen

Sarkkan

Naja.. auf deinem Webspace liegt auf jeden Fall schon mal ne andere Version der Dateien.. den den <style ...> kram ist auf der jetzign Seite nicht zu finden^^
Ansonsten wüürde ich sagen.. bist du mim Mac unterwegs? Dann könnte es daran liegen, dass die Zeilenumbrüche ausschließlich für Unix + Windows deklariert sind

Sarkkan

Weil es sauberer ist
Schließlich soll ein <br /> nur ansagen, dass hier ein Textumbruch stattfindet
Und nicht, dass wir nach oben oder unten Platzt wollen Dafür haben wir margin und padding (=

Sarkkan

Nice
Jetzt machst du das oben auch noch mal und dann gibt es von mir einen Keks

Sarkkan

Kaum? O.o
Entweder du gibst dem <section> ein Padding, oder den Bildern ein margin xD

Sarkkan

Code

Welcome and enjoy."

da fehlt nach den " ein ,

Sarkkan

1. Ja auf jede Seite muss dann das session_start() und ja es wird dann automatisch für alle Seiten übernommen
2.

Code

"de" => "Hallo"))

Hier fehlt am ende ein Semikolon ( ; ).

Sarkkan

Die Funktion schreisbt du da hin, wo du die Ausgabe haben willst.
Und ja, die Anführungszeichen sind so richtig^^

Sarkkan

Ein Server zeigt normal immer zuerst die index.php an -.-
Und ja.. natürlich geht das mit index.php o.o
Fast jede Seite, die du besuchst wird eine index.php haben xD
Und selbst eine index.html ist bei einer großen Seite meistens eher eine index.php
Da kann man mit dem Server tricksen

session_start() gehört übrigens nach gaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz oben, noch vor den Doctype und so

Sarkkan

Ersetze dein Alert einfach durch den JavaScript-Code, den ich dir gegeben habe
Das beides in ein und dem selben Code-Block stand war einfach nur aus Faulheit von mir Dafür hab ich ja extra gekennzeichnet, was was ist^^
Solltest dann eigentlich von selbst drauf kommen, das du die Sachen ja auch ruhig trennen konntest^^

Sarkkan

So, nehm es mir nicht all zu böse

Ja.. ich muss schon sagen.. zwischen den Designs liegen Welten.. nicht

Das Alert beim Seitenaufruf geht mir ja tierisch auf die Nüsse
Ein IE wird tierische Probleme haben, wenn er auf deine Seite kommt. Er versteht das <section> und weiteres nicht, ohne entsprechenden JavaScript-Code^^
*dich für jedes <br /> hau, welches dazu dient Abstand zu bringen* schon mal was margin und padding gehört??
Die Zeichenkodierungsangabe fehlt. Ich empfehle dir <meta charset="UTF-8" />. Dann kannst du z.B auch ü anstelle von ü schreiben :wink:
(Im Editor dann aber bitte auch darauf achten, dass du die Seite als utf-8 abspeicherst^^)
Das Problem mit dem Zentrieren der Bilder kommt daher, dass der IE das <section> nicht kennt und es daher nicht standardgemäß als Block-element darstellt.
Arbeite doch einfach mit <div>'s oder benutze den JavaScriptcode und dazu noch den stylecode:
Code
```
<style>
header, nav, section, footer {
    display: block;
}
</style>




<script>
document.createElement("header");
document.createElement("nav");
document.createElement("section");
document.createElement("footer");
</script>
```
Alles anzeigen
Vom Design her finde ich es etwas.. langweilig
Wenn du magst können wir uns ja mal einige Gedanken dazu machen^^ (Hast du eig Skype?)

Beiträge von Sarkkan

Hintergrundbild funktioniert nicht

Div nicht nur einmal ausblenden?

Div nicht nur einmal ausblenden?

Links wie im Tutorial, trotzdem Fehler bei der validierung

Links wie im Tutorial, trotzdem Fehler bei der validierung

Hintergrundbild funktioniert nicht

Div nicht nur einmal ausblenden?

Div nicht nur einmal ausblenden?

Links wie im Tutorial, trotzdem Fehler bei der validierung

Div nicht nur einmal ausblenden?

liegt es an meinem webspace???

meine seite für schule

meine seite für schule

meine seite für schule

Sprache auswählen

Sprache auswählen

Sprache auswählen

Sprache auswählen

meine seite für schule

meine seite für schule