Sponsor-Board.de
HTML, CSS Problem

+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: HTML, CSS Problem (/showthread.php?tid=49409)

HTML, CSS Problem - Bremengo - 07.07.2014 08:45

Guten morgen,

ich habe ein Problem:

ich möchte meinen website-hintergrund über ein farbauswahl-fenster ändern, das auswahl-menü habe ich schon, aber wie kriege ich ihn dazu dass der hintergrund auf alle seiten geändert wird?

bitte um hilfe,

mfg,
Sebastian.

RE: HTML, CSS Problem - tkausl - 07.07.2014 08:47

Mit Cookies?
[Link: Registrierung erforderlich]

RE: HTML, CSS Problem - Bremengo - 07.07.2014 08:58

danke für deine antwort, aber könntest du das bitte ein bisschen für doofe erklären Smile

Hier mein Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, [Link: Registrierung erforderlich]">
<title></title>
<SCRIPT LANGUAGE = "JavaScript">
function setColor () {
var choice;
choice = document.colorForm.color.selectedIndex;
switch(choice) {
case 0: document.bgColor = "FF0000"; break;
case 1: document.bgColor = "00FF00"; break;
case 2: document.bgColor = "0000FF"; break;
case 3: document.bgColor = "FFFFFF"; break;
case 4: document.bgColor = "FFFF00"; break;
case 5: document.bgColor = "FF00FF"; break;
}
}
</SCRIPT>
</head>
<body>

<H1> Bitte eine Hintergrundfarbe auswählen: </H1>
<FORM NAME="colorForm">
<SELECT NAME="color" onChange=setColor()>
<OPTION VALUE="red">rot</option>
<OPTION VALUE="green">gr&uuml;n</option>
<OPTION VALUE="blue">blau</option>
<OPTION VALUE="white">wei&szlig;</option>
<OPTION VALUE="yellow">gelb</option>
<OPTION VALUE="purple">lila</option>
</SELECT>

<?php
include ("nav.html");
?>
</body>
</html>

RE: HTML, CSS Problem - Nonar - 07.07.2014 10:00

Du hast dort Fehler.
HTML Tags bitte klein schreiben, sonst funktioniert es nicht.
OPTION > option
VALUE > value
... usw

Hier ist meine Lösung für dein Problem.
Bitte beachte das du jQuery einbinden musst.

Viel Spaß damit: [Link: Registrierung erforderlich]
Natürlich kannst du dir das Javascript für dich umbauen.

RE: HTML, CSS Problem - Loster - 07.07.2014 10:08

@Nonar das ist völliger Quatsch. Bei "reinem" HTML ist das egal, ob es groß oder klein geschrieben wird. Lediglich bei XHTML nicht.

RE: HTML, CSS Problem - Nonar - 07.07.2014 10:13

Loster schrieb:
@Nonar das ist völliger Quatsch. Bei "reinem" HTML ist das egal, ob es groß oder klein geschrieben wird. Lediglich bei XHTML nicht.


jQuery erkennt groß geschriebene HTML Tags nicht.
Meine Abfrage mit OPTION funktioniert nicht, im Gegensatz zu option.

RE: HTML, CSS Problem - Bremengo - 07.07.2014 10:53

Funktioniert auch großgeschrieben

RE: HTML, CSS Problem - Nonar - 07.07.2014 11:28

Bremengo schrieb:
Funktioniert auch großgeschrieben


Nicht so wie er es gemacht hat:
<SELECT NAME="color" onChange=setColor()>
<OPTION VALUE="red">rot</option>
<OPTION VALUE="green">gr&uuml;n</option>
<OPTION VALUE="blue">blau</option>
<OPTION VALUE="white">wei&szlig;</option>
<OPTION VALUE="yellow">gelb</option>
<OPTION VALUE="purple">lila</option>
</SELECT>

Wenn, dann müsste es die </option> auch groß schreiben.