JavaScript Hilfe
|
Verfasser |
Nachricht |
|
Beiträge: 64
Bewertung: 1
Registriert seit: Aug 2012
Status:
offline
|
JavaScript Hilfe
Guten Morgen,
könnte mir bitte jemand erklären wie ich per Formular eine Hintergrundfarbe setze, welche auf jeder Seite sichtbar ist. Das Formular habe ich schon:
<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ün</option>
<OPTION VALUE="blue">blau</option>
<OPTION VALUE="white">weiß</option>
<OPTION VALUE="yellow">gelb</option>
<OPTION VALUE="purple">lila</option>
</SELECT>
Aber ich weiss nicht, wie ich diese als Cokkie speichere und auf einer anderen Seite auslese, um Hilfe wäre ich sehr dankbar.
Mfg,
Sebastian.
|
|
08.07.2014 08:54 |
|
|
Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status:
offline
|
|
08.07.2014 09:33 |
|
|
Beiträge: 433
Bewertung: 6
Registriert seit: Mar 2011
Status:
offline
|
RE: JavaScript Hilfe
Hm würde vorschlagen, da es ja nur was simples sein muss (nehm ich mal an), dass du dich weniger mit Javascript und mehr mit PHP befasst, da sogesehen sämtliche Befehle von Javascript in PHP existieren (unter google suchen Befehl Javascript in PHP, oder ähnlich)
In PHP musst du dann auf den Seiten einfach mit SESSION arbeiten, was es sehr leicht macht, einen simplen Cookie zu erstellen und diesen mal flux solange beizubehalten, wie du willst. Die Cookies werden je nach Browser einstellungen gelöscht oder beibehalten.
Falls du sonst noch Fragen hast, einfach per PN fragen.
P.S.: Kann dir auch ne kleine Vorlage geben wegen den SESSIONs
War der Beitrag hilfreich? Dann kann ein einfacher Klick auf den Danke-button ja wohl nicht schaden. 
Dieser Beitrag wurde zuletzt bearbeitet: 08.07.2014 11:50 von VarmintLP.
|
|
08.07.2014 11:49 |
|
|
Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status:
offline
|
RE: JavaScript Hilfe
Hm würde vorschlagen, da es ja nur was simples sein muss (nehm ich mal an), dass du dich weniger mit Javascript und mehr mit PHP befasst, da sogesehen sämtliche Befehle von Javascript in PHP existieren (unter google suchen Befehl Javascript in PHP, oder ähnlich)
In PHP musst du dann auf den Seiten einfach mit SESSION arbeiten, was es sehr leicht macht, einen simplen Cookie zu erstellen und diesen mal flux solange beizubehalten, wie du willst. Die Cookies werden je nach Browser einstellungen gelöscht oder beibehalten.
[...]
Du kannst Javascript doch nicht mit PHP vergleichen - PHP wird serverseitig ausgeführt, Javascript hingegen clientseitig.
Auch ließt sich das bei dir so, dass Sessions und Cookies das gleiche sind - was natürlich nicht so ist.
Wenn man das ganze nur mit PHP realisieren würde, müsse man die ganze Seite neu laden, um die Änderung zu sehen - was aber nicht nötig ist.
Was man höchstens machen könnte wäre ne AJAX Abfrage mit JS erstellen, die dann ein PHP Script, welches dann die Info's speichert.
Portfolio: [Link: Registrierung erforderlich]
Projekte
[Link: Registrierung erforderlich]
[Link: Registrierung erforderlich]
|
|
08.07.2014 12:33 |
|
|
Beiträge: 64
Bewertung: 1
Registriert seit: Aug 2012
Status:
offline
|
RE: JavaScript Hilfe
Weiss den niemanden, wie ich bei dem Script die Farbe über den ganzen Hintergrund bekomme?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> <style type="text/css"> form { padding: 30px; } </style> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://dynao.de/jquery.session.js"></script> <script> jQuery(document.bgColor).ready(function($) { $('#form').css('background', $.session.get('color')); $('#form select option[value="' + $.session.get('color') + '"]').prop('selected', true); $('#form select').change(function() { color = $(this).val(); $('#form').css('background', color); $.session.set('color', color); }); }); </script> </head> <body> <h1>Hintergrundfarbe</h1>
<form name="colorForm" id="form"> <select name="color"> <option value="white">Weiß</option> <option value="red">Rot</option> <option value="green">Grün</option> <option value="blue">Blau</option> <option value="yellow">Gelb</option> <option value="purple">Lila</option> </select> </body> </html>
Hoffentlich weiss jemand Rat!
Mfg,
Sebastian.
|
|
09.07.2014 09:32 |
|
|