Hintergrund ändern

html.de-Forum HTML, XHTML & CSS
1

Meine Frage wäre wie ich ein Hintergrundbild ändern kann, nachdem ich einen Link angeklickt hab!
ichhab ne seite, die in 2 Frames aufgeteilt wird: links sind verschiedene Links, die dann rechts angezeigt werden.
Jetzt hab ich ein bestimmtes Bild als Hintergrund bei diesem „Link-Frame“, dass ich, nachdem ich ein Link angeklickt hab, ändern möchte, also, dass ein anderes Bild als Hintergrund ausgewählt wird. wenn ich zur startseite zurückgekehrt bin will ich, dass das alte Bild wieder als Hintergrund benutzt wird.

Hoffe ihr habtmein prob verstanden und ihr wisst eine Lösung dafür!

2

wenn ich es richtig verstanden hab brauchste eigentlich nur in den body jeder seite den code für ein hintergrund bild eintragen.
dann wird ja das bild sobald der body aufgerufen wird angezeigt
[HTML][/HTML]
vll konnte ich dir helfen :wink:

3

Blak
das ist die website
das prob ist das der linke Frame nicht neu geladen wird, heißt dieser wird nicht aktualisiert!
im printip müsste es funktionieren, indem man eine onclick (oder so) funktion hat, wenn die aktiviert wird (durch einen klick) wird ein link im rechten frame geöffnet und im linken frame ein anderer hintergrund ausgewählt.

4

ich schau mir alles nachher in ruhe an bin grad bei der arbeit^^
zockste ogame disturbed???wenn ja welches uni?

5

lol woher weißt du das?
ja tu ich
uni19!

//EDIT: ah jetzt! die hp…

6

hehehe
war gaaanz kurz auf deinerhp und am hintergrund sieht man das^^
ich zock uni54 >< welcher platz biste da? ich bin 663

7

ich bin im moment auf platz 890!
aber zurück zum thema
ich hoffe du hast mein prob verstanden. wenn du willst kannst du ich auch den code reinstellen!

8

jo stell mal den code vom frameset rein
bei den anderen seiten kann ja eig nichts dran sein

9

das ist der „link-Frame“

[html]




Links



[/html]und das der wo alles angezeigt wird:

[html]

Blak

Blak - Black Knights


    <u>Main:</u> x/x Mitglieder<br>
    <u>Wing:</u>&nbsp; x/x Mitglieder




    <u><br>Die aktuellen Platzierungen der Main:/ Punkte <br> </u>



         <b>        </b><li><b>Punkte: x / x (Pro Mitglied x)</b></li>
    <b>        </b><li><b>Forschung: x / x (Pro Mitglied x)</b></li>
    <b>        </b><li><b>Flotte: x / x (Pro Mitglied x)</b></li>


    <u><br>Die aktuellen Platzierungen der Wing:/ Punkte <br> </u>



        <b>        </b><li><b>Punkte: x / x (Pro Mitglied x)</b></li>
    <b>        </b><li><b>Forschung: x / x (Pro Mitglied x)</b></li>
    <b>        </b><li><b>Flotte: x / x (Pro Mitglied x)</b></li>




    <u>Bündnisse:</u></b></font><p>


        <li><b>     </b></li>
    <li><b>     </b></li>





    <u>NAPs</u></b></font>

        <li><b>      </b></li>




    <b></b><b></b><u>News:</u>


                        <li><b>x.x.x x wurde gegründet</b></li>
    <b>     </b><li><b>x.x.x Bündnis mit x</b></li>
    <b>    </b><li><b>x.x.x Bündnis mit x</b></li>
    <b>     </b><li><b>x.x.x Fusion mit x zu x</b></li>
    <b>    </b><li><b>x.x.x Bündnis mit x und NAP mit x</b></li>
    <b>    </b><li><b>x.x.x Eröffnung unseres Wings x</b></li><b>


Daten vom 02.11.07

[/html]
10

neeee ich meine den frame als solches die datei index.htm
wo das frameset als solches drin ist:
[HTML]

[/HTML] und so weiter
11

Ich glaube ich habs etwas anders verstanden als R0b. Änder den Link der eine Seite im Contentframe öffnet so ab:

<a href="ziel.html" target="contentframe" onclick="document.body.style.backgroundImage = url(neuerhintergrund.gif);">Link</a>
12

ja ich glaube du hast verstanden was ich meine!
ich hab den code jetzt so verändert:
[html]

  • Ogame
    • [/html]
    mein prob ist aber das der frame, in dem sich der hintergrund ändern soll, sich nicht aktualisiert! deshalb wird auch kein anderer Hintergrund angenommen!
    gibts vllt n befehl, der bei einem klick den frame zwingt sich zu aktualisieren?

    //EDIT: ichhab n bissel geschaut und diesen befehl gefunden:
    [html]onclick=„parent.Framename.location.reload();“[/html]
    aber wenn ich den einfüge passiert auch nichts!

    13

    Hier

     <li><a href="http://www.ogame.de/" target="Seite" onclick="document.body.style.backgroundImage = url(ogame_wallpaper_klein.jpg);">Ogame</a></li>

    hattest du nur eine Klammer vergessen bei dem „url(…)“.

    14

    sry hab ich verbessert funktioniert aber immernoch nicht!
    das kann aber auch gar nicht funktionieren da der frame a nicht aktualisiert wird!
    deshalb hab ich die funktion
    [HTML]onclick = „parent.Framename.location.reload();“[/HTML]
    eingebaut!
    aber ich denke die funktioniert nicht da der frame sich nicht aktualisiert!
    vllt könntet ihr micr da noch ne hilfe geben!

    15

    Wenn du das von mir genannte JavaScript nimmst muss die Seite NICHT neugeladen werden. Mit dieser Funktion wird einfach nur dem body ein Hintergrundbild gegeben. Dass es nicht funktioniert liegt vielleicht auch an „document.body“, da ich mir nicht sicher bin, dass das so funktioniert. Am Einfachsten wäre es so: ergänze im body die Id „body“

    <body id="body">

    und setze das Hintergrundbild so:

    document.getElementById('body').style.backgroundImage = url(ogame_wallpaper_klein.jpg);

    Dann auch drauf achten, dass die Datei ogame_wallpaper_klein.jpg im selben Verzeichnis liegt wie die HTML-Datei in dem Frame - falls nicht musst du noch das entsprechende Verzeichnis ergänzen.

    16

    das bild ist im gleichen verzeichnis…
    ich glaub der befehl, den hintergrund zu wechsel geht nicht denn wenn ich auf den besagten link gehe wechselt er den hintergrund nicht und wenn ich den frame dann manuel über rechte maustaste etc. neu lade kommt immernoch der alte hintergrund…

    17

    Beim Neuladen wird ja auch der HTML-Code neu eingelesen, ist doch logisch, dass das alte Hintergrundbild dann zu sehen ist. Wo dein Problem liegt kann ich inzwischen nicht mehr nachvollziehen. Vielleicht wäre ein Link auf die Seite gut :roll:

    18

    Blak

    das ist die seite!

    19

    Du musst den Code in onclick reinschreiben. Wusste natürlich auch nicht, dass du sowas schon hast …

    <a onclick="urchinTracker ('/outgoing/http_www_ogame_de_');document.getElementById('body').style.backgroundImage = url(ogame_wallpaper_klein.jpg);" href="http://www.ogame.de/" target="Seite">
    20

    so danke für eure hilfe
    hab mich aber entschieden das sein zu lassen und hab dafür ne neue frage:
    ich hab immernoch die 2 frames.
    jetzt will ich ein hintergrund haben der sich über beide frames zieht also den vollen schirm ausstattet
    davor hab ich imer das bild genommen, maß genommen und zerschnitten!
    jetzt frag ich euch obs da auch noc ne andere variante gibt!