<input type="button"> laten knipperen?

sukkelaap · Bericht door **sukkelaap** » 02 apr 2005, 19:42

is het mogelijk om een standaard button

<input type="button">

te laten knipperen (met achtergrond kleur)

Bericht door **Paul** » 02 apr 2005, 19:48

ja hoor, met javarcript setTimeout en een functie die de background veranderd

sukkelaap · Bericht door **sukkelaap** » 02 apr 2005, 19:51

jah zo'n principe had ik ookal bedacht, maar javascript schrijven kan ik niet :s

sukkelaap · Bericht door **sukkelaap** » 02 apr 2005, 20:56

ik heb nu al een scriptje gevonden.
Hij werkt alleen waarneer je de button inklikt.
Kun je dit ook veranderen in dat die meteen begint.
Onload werkt niet, zie ik.
En per button op de pagina moet het kunnen dus in de body tag schiet het niet op.

sukkelaap · Bericht door **sukkelaap** » 02 apr 2005, 21:11

Niew idee.
Kan het niet zo?
<input type=button value="Hier de tekst voor de button" style="font-size:8pt;background-color: setbackground(); ">

En dat die hier bijvoorbeeld om de seconde een andere kleur code er van maakt.

Bee · Bericht door **Bee** » 02 apr 2005, 22:36

Nee, dat kan niet. Je zit nu Javascript in CSS te proppen.

mosymuis · Bericht door **mosymuis** » 04 apr 2005, 12:22

Code: Selecteer alles

<html>
<head>
</head>
<body>

<input type="button" name="button" id="foo" value="Foo" />

<script>
<!--
var color1 = '#F0F8FF';
var color2 = '#FAEBD7';

document.getElementById('foo').style.background = color1;

setInterval("buttoncolor()", 500);

function buttoncolor()
{
	document.getElementById('foo').style.bgColor =  document.getElementById('foo').style.bgColor == color1 ? color2 : color1;
	document.getElementById('foo').style.background = document.getElementById('foo').style.bgColor;
}
//-->
</script>

</body>
</html>