Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Värikäs teksti

Sivun loppuun

moptim [26.07.2006 12:47:27]

#

mites sais PHP:llä tekstin joka vaihtaa esim 0.1 sec välein väriä?

rndprogy [26.07.2006 12:51:58]

#

Et mitenkään. :)
Mutta esim. javascriptillä saattaisi onnistua.

Blaze [26.07.2006 12:52:09]

#

Et mitenkään. PHP ei voi muuttaa selaajalle näkyvää sivua kun se kerran on sinne lähetetty lataamatta koko sivua uudelleen.

moptim [26.07.2006 12:52:40]

#

no sit javascriptil ja kiitti nopeest vastauksest
EDIT:no hetkinen miten sais sen nii et aina ku sen avaa ni se generoi tekstille uuden värin ja sit kirjoittaa sen uudella värillä

miiro [26.07.2006 12:56:23]

#

1. Ensin generoit satunnaisgeneraattorilla kolme väriä väliltä 0-255
2. Muutat ne heksaksi
3. Liität koodiin

moptim [26.07.2006 12:59:16]

#

ku mä oon iha alottelija fosfori-vety-fosforissa ni en osaa tommost tehä... just just

echo "hello world"

tämmösen :(

php-Niko [26.07.2006 13:04:31]

#

Täytyy vain harjoitella paljon.
Minä olen käsitellyt melkein kk näitä asioita, enkä millään muista niitä koodeja, joten mul meni 2 vk:ta oppimaan floatin käyttö xD Mut kyl mä nyt niikun hokaan homman ja alan muistamaan... Se vie oman aikansa =)

kaviaari [26.07.2006 13:11:21]

#

KingOfTheWorld kirjoitti:

ku mä oon iha alottelija fosfori-vety-fosforissa ni en osaa tommost tehä... just just

echo "hello world"

tämmösen :(

Koodaukseen ei saa sotkee kemiaa. Vakava rike! :(

moptim [26.07.2006 13:17:49]

#

iha sama mut miten
1. satunnaislukugeneraattorin saa toimimaan
2. saadut luvut muutetaan hexax
3. niil värjätään koodi

(eli millä koodinpätkillä)

tai miten sen sais javascriptil sen textin joka vaihtaa värii
koodasin äsken semmosen vb:llä mut näit en oikein osaa

ajv [26.07.2006 13:31:39]

#

Töissä aika hiljasta, niin oli pakko kokeilla:
http://ajv.lautatarha.com/testing/colors.html
Toteutustavasta en mene takuuseen, ikinä ole JavaScriptillä mitään oikeasti tehnyt... :)

Lebe80 [26.07.2006 13:35:25]

#

ja php:lla värien luonti:

1.
https://www.php.net/manual/en/function.rand.php

2.
https://www.php.net/manual/en/function.dechex.php

3.

<?php
$r = str_pad(dechex(rand(0,255)), 2, '0', STR_PAD_LEFT);
$g = str_pad(dechex(rand(0,255)), 2, '0', STR_PAD_LEFT);
$b = str_pad(dechex(rand(0,255)), 2, '0', STR_PAD_LEFT);

$vari = "#".$r.$g.$b;
echo '<div style="color: '.$vari.';">Sivulatauksella luotu satunnainen väri</div>';
?>

kaikki löytyivät php.netistä

edit:
jaaniin, eteen nollat, jos kukin luku on alle #10... atj:n parempi kato siitä. *korjattu*

moptim [26.07.2006 13:47:51]

#

tai oikeestaan aattelin että sais häivyttävän

Lebe80 [26.07.2006 13:56:06]

#

No muuttamalla väriä taustan väriseksi voit "häivyttää" tekstin. Ohjeet sinulle on annettu.

ajv [26.07.2006 13:58:00]

#

Niin siis yritä nyt päättää mitä haluat, mielummin jo ennen kuin kysyt edes mitään. Tässä nyt on jo kaksi koodia sulle väännetty ja et edes kiitosta osaa sanoa...

moptim [26.07.2006 14:12:14]

#

no kiitti

Baglair [27.07.2006 13:55:43]

#

<html>
<head>
<style type="text/css">
body	{
	background-image: url(taustakuva.jpg);
}
.nappi	{
	border: thin solid black;
	background-color: #fee117;
	margin-top: 15px;
}
#teksti	{
	text-align: center;
	color: red;
	font-weight: bold;
	background-color: green;
}
</style>
<script type="text/javascript">
function haihduta(kohde, nopeus, alkuNakyvyys, loppuNakyvyys)	{
	//Paljon aikaa tuhlataan per frame
	var fps = Math.round(nopeus / 100);
	var kerroin = 0;
	var n = alkuNakyvyys;
	if(alkuNakyvyys > loppuNakyvyys)	{
		for(alkuNakyvyys; n >= loppuNakyvyys; --n, ++kerroin)	{
			setTimeout("document.getElementById('" + kohde + "').style.opacity = (" + n + " / 100)", (kerroin * fps));
		}
	}
	else if(loppuNakyvyys > alkuNakyvyys)	{
		for(alkuNakyvyys; n <= loppuNakyvyys; ++n, ++kerroin)	{
			setTimeout("document.getElementById('" + kohde + "').style.opacity = (" + n + " / 100)", (kerroin * fps));
		}
	}
	else
		alert("Turha haihdutus!\nId: " + kohde);
}
</script>
</head>
<body>
<div id="teksti">Tässä on haihdutettava teksti!</div>
<form>
<input class="nappi" type="button" value="Haihduta!" onclick="haihduta('teksti', 1000, 100, 0)">
</form>
</body>
</html>

Haihdutus; toimii vaikka olisikin taustakuva, sillä se muuttaa objektin opacityy. Googlellakin löytyy aika hyvin hakusanalla "javascript fade"

arcatan [27.07.2006 20:04:57]

#

Tämä koodi tulostaa PHP:lla tekstin, joka vaihtaa väriä 0,1 sekunnin välein. Se ei tosin toimi webbisivulla vaan ANSI-terminaalissa, mutta sitähän ei alkuperäisessä kysymyksessä edellytetty.

<?php

    for (;;) {
        echo "\033[" . rand(31,37) . ";1mNever say never.\010\010\n";
        usleep(100000);
        echo "\033[1A\033[2K";
    }

?>

</saivarrus>

moptim [28.07.2006 09:08:56]

#

arcatan kirjoitti:

Se ei tosin toimi webbisivulla vaan ANSI-terminaalissa, mutta sitähän ei alkuperäisessä kysymyksessä edellytetty.

Ja mikäs se ANSI-terminaali on? :D

Blaze [28.07.2006 09:27:49]

#

Se, mihin Linuxissa kirjotellaan komentoja.

Draiz [04.08.2006 12:38:45]

#

Oli niin hauska aihe että laitanpa tähän oman versioni värinvaihdosta. (Älkää ottako tosissaan.)

<?php

while(true){
    echo "<div style=\"position: absolute; left: 0; top: 0; width: 100%; height: 300px; background-color: #ffffff;\"><h1
style=\"color: rgb(".rand(0, 255).", ".rand(0, 255).", ".rand(0, 255).");\">*Bling bling*</h1></div>";
    usleep(200000);
    ob_flush();
    flush();
}
?>

Toimii ainakin Firefoxilla, Operalla ja Internet Explorerilla.
Mallisivu osoitteessa http://www.nullcore.fi/~draiz/varivaih.php

moptim [04.08.2006 13:09:04]

#

Blaze kirjoitti:

Se, mihin Linuxissa kirjotellaan komentoja.

Kun mulla on Wintoosa!

tsuriga [04.08.2006 13:47:25]

#

Draiz kirjoitti:

http://www.nullcore.fi/~draiz/varivaih.php

Sehän toimii kuin junan vessa. Voisin tehdä oman version AJAXilla.

moptim [27.08.2006 18:10:14]

#

kiitän

tsuriga [28.08.2006 04:49:04]

#

Tässäpä luvattu AJAX-pätkä, käyttäen AjaxRequestia:

<?php
echo rand(0, 255).",".rand(0, 255).",".rand(0, 255);
?>
<html>
 <head>
  <script type="text/javascript" src="AjaxRequest.js"></script>
 </head>
 <body onLoad="setInterval('changeColour()', 100)">

<script type="text/javascript">
function changeColour() {
AjaxRequest.get(
  {
    'url':'vaihdavaria.php'
    ,'onSuccess':function(req){ document.getElementById('colourdiv').style.color = "rgb("+req.responseText+")"; }
  }
);}
</script>

<div id="colourdiv">Vaihdan väriä!</div>
 </body>
</html>

moptim [28.08.2006 08:44:13]

#

tosi paljon kiitoksia


Sivun alkuun

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta