Background - Style von Webseite ändern

02/05/2011 14:19 Seraphius#1
Guten Tag liebe Member
Ich bastle im Moment eine html Webseite.
Jetzt kam ich auf die Idee mit einem Button den Style meiner Webseite zu ändern.
z.B. Bei der Webseite Piratenboard.net kann man zu unterst Style ändern drücken.
So etwas möchte ich auch machen...
Am besten wäre es natürlich mit CSS/HTML, aber geht auch mit Java/Jquery.
Nur bitte nicht mit php, besitze noch keinen kenntnisse darin.
02/05/2011 14:20 NotEnoughForYou#2
also es geht mit css / html eig ganz einfach, jquery müsste au gehn
02/05/2011 17:57 Seraphius#3
Und wie?
Habe jetzt für jedes neue Design eine neue home seite gemacht.
also:
Index.html
Index2.html
etc.
02/05/2011 18:33 Krakatoas#4
Solche Fragen gehören immer noch in den Coders-Bereich.

>moved to [Only registered and activated users can see links. Click Here To Register...]<
02/07/2011 00:26 yym3#5
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Farben</title>
</head>
<script type="text/javascript">

    function changeBackground()
    {
        var min = 0;
        var max = 255;
        var f1 = Math.round((Math.random()* (max-min)));
        var f2 = Math.round((Math.random()* (max-min)));
        var f3 = Math.round((Math.random()* (max-min)));
        document.body.style.backgroundColor = "rgb("+f1+", "+f2+", "+f3+")";
        
    }

</script>
<body>
<form method="post" action="">
<input type="button" id="change" onclick="changeBackground()" value="Klick mich und Es Passiert was!" />
</form>
</body>
</html> 
Hab hier mal was kleines getippt~
Erstellt eine Zufalls Farbe immer wenn man auf den Button Klickt^^


Lieben Gruß


(bin noch JavaScript neuling :/ )
02/09/2011 12:05 Strean#6
also er will was mit html erstellen und keine hochkomplexen <== scherz javascript mist da drinne haben =/

theoretisch wäre eine idee das du ein OnClick event( ist zwar auch javascript aber easy) auf den button setzt und bei click einfach ein bestimmtes css aufrufst oder per inline stylesheet den background änderst wäre meines achtens nach am einfachsten
02/09/2011 13:36 yym3#7
Quote:
Originally Posted by Dr. Foto View Post
Nein, mit Java geht es nicht.
Es geht nur mit Javascript, bitte nicht verwechseln, denn das ist was völlig anderes!
Quote:
Originally Posted by Strean View Post
also er will was mit html erstellen und keine hochkomplexen <== scherz javascript mist da drinne haben =/

theoretisch wäre eine idee das du ein OnClick event( ist zwar auch javascript aber easy) auf den button setzt und bei click einfach ein bestimmtes css aufrufst oder per inline stylesheet den background änderst wäre meines achtens nach am einfachsten

PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Farben</title>
</head>
<script type="text/javascript">

    function changeBackground()
    {
        var min = 0;
        var max = 255;
        var f1 = Math.round((Math.random()* (max-min)));
        var f2 = Math.round((Math.random()* (max-min)));
        var f3 = Math.round((Math.random()* (max-min)));
        document.body.style.backgroundColor = "rgb("+f1+", "+f2+", "+f3+")";
        
    }

</script>
<body>
<a href="#" onClick="changeBackground()">Klick mich und es Passiert was!</a>
</body>
</html> 
wie schon vorhin gepostet habe ist das en simpler lösungsvorschlag einfach mit JS :>
Ruf en OnClick auf und ändert per zufall dir farbe
02/10/2011 10:36 Strean#8
Quote:
Originally Posted by yym3 View Post
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Farben</title>
</head>
<script type="text/javascript">

    function changeBackground()
    {
        var min = 0;
        var max = 255;
        var f1 = Math.round((Math.random()* (max-min)));
        var f2 = Math.round((Math.random()* (max-min)));
        var f3 = Math.round((Math.random()* (max-min)));
        document.body.style.backgroundColor = "rgb("+f1+", "+f2+", "+f3+")";
        
    }

</script>
<body>
<a href="#" onClick="changeBackground()">Klick mich und es Passiert was!</a>
</body>
</html> 
wie schon vorhin gepostet habe ist das en simpler lösungsvorschlag einfach mit JS :>
Ruf en OnClick auf und ändert per zufall dir farbe
OnClick war doch auch mein vorschlag ;)