You are not logged in.

Webssite Design ändern per klick?!? :o)

wcf.regNote.message

Fab84

Beginner

  • "Fab84" started this thread

Posts: 1

  • Send private message

1

Friday, April 15th 2005, 2:34pm

Webssite Design ändern per klick?!? :o)

Hallo Leute :o)

Ich habe gerade meine Website neu designt und hab die hinterbrundbilder der einzelnen frames mit css eingebunden. Nun würd ich gerne einen link oder einen button machne mit dem man ein neues design laden kann, sprich ein andere hintergrundbilder laden. Leider unterstützt mein server kein php, aber das müsste doch auch mit java möglich sein oder? Nur die Frage ist, wie?! :)

Schaut es euch einfach mal an www.knuenz.at/fab

danke im voraus

lg Fab

Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

2

Monday, April 18th 2005, 7:22pm

Da du das ja jetzt nochmal in nem Anderen Forum gepostet hast verschieb ich den thread ma dahin wo er wahrscheinlich am ehesten hingehört und antworte dir mal nochmal ein bissel ausführlicher :)


Also du musst dir einen Link machen der auf eine Javascript funktion zeigt.
oder ne select box (für mehrer verschiedene Designs) und bei der ein
onChange Attribut mit Javascript Funktion.

Dann musst du den einzelnen img oder sonstige Tags wo die Bilder drin sind eine ID geben (müssen eindeutige ID's sein, also jede ID nur einmal verwenden auf der ganzen Seite.)

So und dann halt noch des Javascript, Beispiel für eine Selectbox mit mehreren designs und einem Img Tag in dem das Bild geändert wird.

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

<html>
<head><title>BlaFoo</title></head>
<script type="text/javascript">
<!--
function ChangeBackground()
{
     var select = document.getElementById("selectID");
     var img = document.getElementById("imgID");
     if(select && img)
     {
          var design = select.options[select.selectedIndex].value;
          img.src = "pics/" + design + ".jpg";
     }
}
-->
</script>
<body>
<select id="selectID" onChange="ChangeBackground()">
     <option selected="selected">rosa</option>
     <option>gruen</option>
     <option>blau</option>
     <option>gelb</option>
     <option>rot</option>
</select>
<img id="imgID" src="pics/rosa.jpg">
</body>
</html>


So die seite sollte so funktionieren, wenn du dir des speicherst und dir 5 Bilder machst diese neben die Seite in einen Ordner pics legst und die Bilder
gruen.jpg, blau.jpg, gelb.jpg, rot.jpg und rosa.jpg nennst.

Wenn du noch nicht weiter kommst, stell einfach wieder ne Frage hier rein ;)

Ciao Ephraim
PS.: Jetzt hab ich sogar soviel Zeit gehabt dir des ganze noch als Zip mitanzuhängen MIT den fünf bildern ;)
Ephraim has attached the following file:
  • changePic.zip (3.66 kB - 2 times downloaded - latest: Jun 9th 2009, 2:30pm)
  1. Google
  2. SelfHTML's Quickbar Supertool (für HTML,CSS,Javascript Fragen)
  3. CSS 4 You (für CSS Fragen)
  4. CoderBoard's Search
  5. After that, with no success, post here :)
    [/list=1]

piep001

Intermediate

Posts: 338

Location: NRW

Occupation: Fachinformatiker (AE)

  • Send private message

3

Tuesday, April 19th 2005, 10:36am

Besser und einfacher ginge es mit CSS!!

Hier mal ein paar nützliche Seiten zu CSS:
http://www.csszengarden.com/
http://www.css4you.de/index.html
http://www.alistapart.com/
Spaß im Netz auf www.piep001.de

Ephraim

Professional

Posts: 826

Location: coder-board.info

Occupation: Info-Student

  • Send private message

4

Tuesday, April 19th 2005, 11:53am

wie willst du onclick den Style des Image's verändern über CSS?
Geht das?! .... Kann ich mir nicht vorstellen ... erklär mal bitte Piep, ich lass mich gerne
eines besseren Belehren!!!! ;)

Ciao Ephraim
  1. Google
  2. SelfHTML's Quickbar Supertool (für HTML,CSS,Javascript Fragen)
  3. CSS 4 You (für CSS Fragen)
  4. CoderBoard's Search
  5. After that, with no success, post here :)
    [/list=1]

wcf.user.socialbookmarks.titel