You are not logged in.

Hintergrundbild mit Button ändern - Frameset

  • 1
  • 2

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

1

Wednesday, November 23rd 2011, 6:18pm

Hintergrundbild mit Button ändern - Frameset

So, jetzt mache ich hier mal den ersten Thread auf.

Die Überschrift sagt eigentlich das meißte aus, ich möchte das Hintergrundbild meines Frames mit einem Button / Link ändern. Das Problem ist glaube ich, das ich aus dem Frame "Switch"

Ich habe mir mal ein kleines JavaScript-Programm aus dem internet zusammengebastelt. Leider geht es nicht.

Hier mal meine Index.html, eigentlich ist bei mir alles sauber eingerückt.

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
  "http://www.w3.org/TR/html4/frameset.dtd">
<html>
  <head>
<title></title>
<script type="text/javascript">
funktion red()
{
  window.all.fhgimage.style.background ="url('./Bilder/fhgimage-red.png')";
}
funktion black()
{
  window.all.fhgimage.style.background = "url('./Bilder/fhgimage-red.png')";
}
  </script>
  </head>
  <frameset id="fhgimage" rows="900px, *" style="background-image:url(./Bilder/../Bilder/fhgimage-red.png); background-repeat:repeat-x; height:850px;" frameborder="0" scrolling="no">
<frameset cols="620px, *" frameborder="0" scrolling="no">
  <frame src="./HTML/ich.html" name="ich" scrolling="no"> 
  <frameset rows="150px, 750px" frameborder="0" scrolling="no">
    <frame src="./HTML/switch.html" name="werbung" scrolling="no">
    <frame src="./HTML/projects.html" name="main" scrolling="no">
    <noframes>
      <p>ihr Browser unterstützt keine Frames</p>
    </noframes>
  </frameset>
</frameset>
<frame src="./HTML/footer.html" name="footer" scrolling="no">
  </frameset>
</html>


Hier zu meiner Switch.html

Source code

 
1
2
3
4
5
6
7
8
9
10

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<a href="javascript:window.fhgimage.red()">red</a>
<a href="javascript:parent.fhgimage.black()">black</a><br>
</body>
</html>


Kann sein, das jetzt mehr Fehler drin sind, da ich vorher alles möglich probiert habe.

Geht es überhaut aus einem Frame den Frameset über dem eingen Frameset zu erreichen? Schonmal danke für eure Hilfe :!: :thumbsup:
Projekte
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

2

Wednesday, November 23rd 2011, 6:53pm

Hallo Subway,
schon das sich das Forum doch auszahlt.

Ich habe schon einige Fehler mit einem kurzen Blick erhaschen können, Z.B. "funktion" (Zeile 7 Index.html) oder die Falsche Var in "window.all.fhgimage.style.background" kann nicht ein Background-image-Wert ändern.
Bevor ich dir eine korrigierte Version hochlade, muss ich aber noch eben schnell etwas essen.
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

3

Wednesday, November 23rd 2011, 8:22pm

Wird wohl noch ein weilchen dauern, weil ich schon ewig nicht mehr mit Frames gearbeitet haben, sowas macht man heute eigentlich nicht mehr.
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

4

Wednesday, November 23rd 2011, 8:24pm

Quoted from "Jama"


Wird wohl noch ein weilchen dauern, weil ich schon ewig nicht mehr mit Frames gearbeitet haben, sowas macht man heute eigentlich nicht mehr.

Ich auch nicht, wie macht man das dann? Nur mit Divs?
Projekte
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

5

Wednesday, November 23rd 2011, 8:29pm

Ja, mann löst das mittels Divs und ein wenig CSS.
Hier, das sollte leicht verständlich sein.
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

6

Wednesday, November 23rd 2011, 8:46pm

Quoted from "Jama"

Wird wohl noch ein weilchen dauern, weil ich schon ewig nicht mehr mit Frames gearbeitet haben, sowas macht man heute eigentlich nicht mehr.
Dann werde ich mich da mal einarbeiten, und probieren ob ich das mit dem Button dann hinbekomme.
Projekte
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

7

Wednesday, November 23rd 2011, 8:51pm

Schau mal hier, ich habe noch ein altes Div-Template gefunden, das kannst du gerne nutzen und bei einem Switcher helfe ich dir die Tage nochmal.

Noch eine Frage, hast du PHP?
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

8

Wednesday, November 23rd 2011, 9:10pm

Quoted from "Jama"


Schau mal hier, ich habe noch ein altes Div-Template gefunden, das kannst du gerne nutzen und bei einem Switcher helfe ich dir die Tage nochmal.

Noch eine Frage, hast du PHP?

Danke, habe mich schon recht gut mit den Divs befreundet und meine alte Strukur schon fast wieder wie vorher.

Ein Frage habe ich noch zu Divs: kann ich denen auch wie Frames, eine Seite geben über Traget bzw kann ich mit mehreren Datein arbeiten?
Projekte
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

9

Wednesday, November 23rd 2011, 9:17pm

Im Prinzip schon, da gibt es mehere Möglichkeiten. Am einfachsten wäre das mit PHP (hier) (deshalb fragte ich), ansonsten kannst du es mit Ajax (hier) versuchen oder ein iFrame einbinden.
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

10

Wednesday, November 23rd 2011, 9:34pm

Quoted from "Jama"

Schau mal hier, ich habe noch ein altes Div-Template gefunden, das kannst du gerne nutzen und bei einem Switcher helfe ich dir die Tage nochmal.

Noch eine Frage, hast du PHP?

Ich muss zugeben, ich konnte es alles mal. Vor 3 Jahren habe ich mit nem Kumpel als Abschlussprojekt ein Browsergame gemacht, wir hatten mal 600 aktive User. Mein Part bestand aber zum großteil aus Design, hab letztens 16GB Bilder weggeschmissen.

Anders gesagt, ich bin gerade am neu lernen.

meine Index.html

Source code

 
1
2
3
4
5

<div id="links">
    	<?php
      	include './projects.php';
    	?>
  	</div>


projects.php

Source code

 
1
2
3

<?php
  echo"<img src="./HTML/Bilder/bilderstapel.png">";
?>


Was mache ich für einen Fehler?
Projekte
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

11

Wednesday, November 23rd 2011, 9:41pm

Eine Fehlermeldung würde sicherlich einiges erklären :thumbsup:
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

12

Wednesday, November 23rd 2011, 9:49pm

D.h. Ich muss meine ganzen Divs in echo schreiben?
Projekte
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

13

Wednesday, November 23rd 2011, 9:54pm

Was gibt es den für einen Fehler?
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

14

Wednesday, November 23rd 2011, 9:56pm

Das Bild wird nicht angezeit. Kann es sein, das ich PHP nicht lokal anwenden kann, sondern nur auf ne Webseite? Ich arbeite nämlich gerade lokal.
Projekte
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

15

Wednesday, November 23rd 2011, 9:59pm

Ja, PHP ist eine Serverseitige-Scriptsprache. Das geht nur auf einem Webserver der PHP unterstützt, hast du sowas?

Ansonsten nimm für Testzwecke XAMPP.
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

16

Wednesday, November 23rd 2011, 10:06pm

Mache ich morgen, paar kostenlose Testwebseiten habe ich noch iwo oder ich nehme die alte vom Browsergame.
Projekte
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

17

Thursday, November 24th 2011, 2:30pm

So um nochmal auf den Switch zurückzukommemn, hier mein Vorschlag in PHP ohne JS.
Als erstes würde ich eine CSS-Klasse bliden, die die Standard-Farbe vergibt.

Index.php (kann auch ausgelagert werden)

Source code

 
1
2
3
4
5
6
7
8
9

[...]
<style type="text/css">

.page {
  background-color: #fff /* Standard */
}
</style> 
</head>
[...]

Mit PHP würde ich jetzt eine If-Bedingung bauen, die entsprechend der Bedingung eine CSS-ID durch ein Echo ausgibt. Das ganze passiert über einen GET-Parameter der von der URL übergeben wird. In diesem Fall ist ein Wechsel einer Farbe mittels Aufruf folgender URL möglich: "index.php?color=black" oder "index.php?color=black"

Index.php:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

[...]
<body>
<?php 
	if (isset($_GET['color'])) {
		if ($_GET['color'] === "black") {
    echo '<style type="text/css">
						#page {
							background-color: #000 /* Switch-Farbe */
						} 	
					</style>';
		};
		if ($_GET['color'] === "red") {
    echo '<style type="text/css">
						#page {
							background-color: #ff0000 /* Switch-Farbe */
						} 	
					</style>';
		};
	};
?>

<div class="page" id="page">
<!-- Div Page, mit Background 	

															--->
</div>
</body>
[...]

Ich weiß selber das es nicht die beste Möglichkeit ist aber es geht und es würde sich auch noch per Cookie erweitern lassen um die Farbe auch dauerhaft zu speichern.
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.
1 registered user thanked already.

Users who thanked for this post:

Subway (24.11.2011)

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

18

Thursday, November 24th 2011, 4:22pm

Danke Jama, es geht :thumbsup:

Falls du mal sehen willst was es werden soll Link Bin aber noch am probieren
Projekte
Click here to thank the author for this post.

Jama

Server-Junkie

Posts: 1,598

Date of registration: Jan 2nd 2011

Name: Janis P.

Location: Nordrhein-Westfalen

Occupation: Fachinformatiker Systemintegration

Thanks: 107

  • Send private message

19

Thursday, November 24th 2011, 5:45pm

Keine Ursache, mach ich doch gern.

Bin auch hoffen für weitere Fragen und werde auch mal ab und zu vorbeischauen.

Edit: Habe mal den Link korrigiert
Man nannte ihn auch "Jamal" - den Krieger der Unterwelt (des Servers)! :lol:


Projekt "Home"-Server

Linux macht süchtig — Windows macht abhängig.


↓↓↓ Freut sich, wenn jemand den Knopf drückt ↓↓↓
Click here to thank the author for this post.

Subway

3. Platz Enermax Casecon Contest

  • "Subway" started this thread

Posts: 1,611

Date of registration: Nov 26th 2010

Name: Marvin

Location: Berchtesgadener Land

Occupation: IT Specialist Webhosting & CDN

Thanks: 67

  • Send private message

20

Thursday, November 24th 2011, 5:48pm

Ein Frage hätte ich, wie kann ich sagen, das eine Datein in dem bestimmten Div (main) aufgeht?
Projekte
Click here to thank the author for this post.
  • 1
  • 2

Similar threads





Forum Software: Burning Board® 3.1.8, developed by WoltLab® GmbH