• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrund ändern

Status
Für weitere Antworten geschlossen.
D

Disturbed

Neues Mitglied
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!
 
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: 
<body background="URL-des-Bildes">
vll konnte ich dir helfen :wink:
 
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.
 
Zuletzt bearbeitet:
ich schau mir alles nachher in ruhe an bin grad bei der arbeit^^
zockste ogame disturbed???wenn ja welches uni?
 
hehehe
war gaaanz kurz auf deinerhp und am hintergrund sieht man das^^
ich zock uni54 >< welcher platz biste da? ich bin 663
 
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!
 
das ist der "link-Frame"

HTML: 
<html><head><!-- Created on: 10.08.2006 -->
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title></title>
    <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="Unregistered User">
  <meta name="generator" content="AceHTML Freeware"></head><body alink="#FFCC33" background="c-Dateien/fr_data/battleship_kleiner_links.jpg" bgcolor="#000000" link="#FFCC33" vlink="#FFCC33"><div style="text-align: left;"></div>  

 <font color="black" face="Courier New">

</b></font><h1><font color="#FFCC33" face="Courier New"><b><p style="text-indent:1em;">Links</b></font></h1>
<font color="#0000cd"><b></b></font></font></font><ul><font color="black" face="Courier New"><font color="#FFCC33"><font color="#0000cd"><b><font color="#0000cd">
  <li><a href="http://home.arcor.de/disturbed144/bg.htm" target="Seite">Hauptseite</a></li>
  <li><a href="http://rammstein1.phpbb3.com/" target="Seite">Forum</a></li>
  <li><a href="http://www.ogame.de/" target="Seite"> OGame</a></li>    
  <li><a href="https://addons.mozilla.org/firefox/1766/" target="Seite">Foxgame</a></li>
  <li><a href="http://websim.speedsim.net/index.php" target="Seite">Kampfsimulator</a></li>

</font></b></font></font></font></ul><font color="black" face="Courier New"><font color="#FFCC33"><font color="#0000cd"><b><font color="#0000cd">    

</font></b></font></font></font></body></html>
und das der wo alles angezeigt wird:

HTML: 
<html><head>
<meta name="Author" content="Steffen Schwarz">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Blak</title>
</head> 

<body style="background-image: url(battleship_kleiner_rechts2.jpg); background-attachment: fixed;" alink="#c00000" bgcolor="#000000" link="#0000ff" text="#000000" vlink="#ff0000">

<font color="#FFCC33" face="Courier New"><b>

</b></font><h1><font color="#FFCC33" face="Courier New"><b>Blak - Black Knights</b></font></h1>
<font color="#FFCC33" face="Courier New"><b>

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

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

</b></font><ul type="disc">
<font color="#FFCC33" face="Courier New">

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

<b>    </b></font></ul><font color="#FFCC33" face="Courier New"><b>    
        
        <u><br>Die aktuellen Platzierungen der Wing:/ Punkte <br> </u>

</b></font><ul type="disc">
<font color="#FFCC33" face="Courier New">

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

<b>    </b></font></ul><font color="#FFCC33" face="Courier New"><b>    
<br>

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

</p><ul>
<font color="#FFCC33" face="Courier New">

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

<b>           </b></font></ul>
<font color="#FFCC33" face="Courier New"><b><br><br>

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

<ul>
<font color="#FFCC33" face="Courier New">

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

</font></ul><font color="#FFCC33" face="Courier New"><b><br><br>

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

</b></font><ul><font color="#FFCC33" face="Courier New">
            
                        <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>    

</b></font></ul>
<font color="#FFCC33" face="Courier New"><b> Daten vom 02.11.07
</b></font></body></html>
 
neeee ich meine den frame als solches die datei index.htm
wo das frameset als solches drin ist:
HTML: 
<frameset cols="...">
<frame src="...">
und so weiter
 
Ich glaube ich habs etwas anders verstanden als R0b. Änder den Link der eine Seite im Contentframe öffnet so ab:

Code: 
<a href="ziel.html" target="contentframe" onclick="document.body.style.backgroundImage = url(neuerhintergrund.gif);">Link</a>
 
ja ich glaube du hast verstanden was ich meine!
ich hab den code jetzt so verändert:
HTML: 
  <li><a href="http://www.ogame.de/" target="Seite" onclick="document.body.style.backgroundImage = url(ogame_wallpaper_klein.jpg;">Ogame</a></li>
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();"
aber wenn ich den einfüge passiert auch nichts!
 
Zuletzt bearbeitet:
Hier

Code: 
 <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(...)".
 
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();"
eingebaut!
aber ich denke die funktioniert nicht da der frame sich nicht aktualisiert!
vllt könntet ihr micr da noch ne hilfe geben!
 
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"

Code: 
<body id="body">

und setze das Hintergrundbild so:

Code: 
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.
 
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...
 
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:
 
Du musst den Code in onclick reinschreiben. Wusste natürlich auch nicht, dass du sowas schon hast ..

Code: 
<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">
 
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!
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben