changed the button color after specific time with setTimeout

Question

Hello,

I build my website with Zyro SiteBuilder.
I want to add this javascript code and I have some problems:

<script type="text/javascript">
function setToRed ( )document.getElementById("colourButton").style.color = "#FF0000";
setTimeout ( "setToGreen()", 10000 );
}
function setToGreen ( )
{document.getElementById("colourButton").style.color = "#00A300";
}
</script>

<a href="http://goo.gl/1LvXsc" target="new window_a"><input type="button" name="clickMe" id="colourButton" value="Moon Doge" onclick="setToRed()"/>
<a href="http://goo.gl/kQUEpY" target="new window_a"><input type="button" name="clickMe" id="colourButton" value="Free Doge"onclick="setToRed()"/>

... I have to add aprox. 30 more links-buttons.

After a click on a first button (Moon Doge) everything works perfect (it
open a new tab, the text of a link change color to red and after 10 seconds text changed into green).

The problem is when I click on a second button (Free Doge). It opens a new tab, but it changed the color

of the first link - Moon Doge - it should change, of course, the text of a second button.

Could you help me with this issue?

Thanks,
Tadej

p.s.: sorry for my English, it is not my native language

Answer 1

I haven't found a situation yet where an interface is used, so I can't help you with that.

But I have used an abstract class before and the way I see it, it's used to group a few common properties/methods together.

Say you're making a chess program and you're using 6 classes to represent the different chesspieces (pawn, rook, ..., king). These pieces are different from eachother in terms that they move different and some other differences, but they also have a lot in common. Like the location, if they moved already, color.

In this case it would be good if all the classes could inherit from another class containing those common properties. But creating a normal ChessPiece class would be weird in this case because it doesn't make sense that you can instantiate this class. The solution is to use a abstract class.

public abstract class Chesspiece
{
    Point Location {get; set; }
    bool HasMoved {get; set; }
    Color Owner {get; set; }
}

public class Pawn : ChessPiece
{
    //rest of class here
}

public class Rook : ChessPiece
{
    //rest of class here
}

//rest of classes here

Answer 2

An interface contains only the signatures of methods, delegates or events. The implementation of the methods is done in the class that implements the interface.
when you implemnt interface You are very much sure ,that the method in the interface is implemented in the class.
 
You can say Interface is a class which contain all unimplemented methods taht are implemented in Class that implement it.
 
Use:
 
Suppose you have a project with lot of classes and each class have no. of methods.
So , How you know which class implement perticuler methods.We make interface for each/some classes and implement these interfaces in that class.

Answer 3

As Roy said, its very rate you will be using interfaces and abstract classes unless you're the architect of a project that needs complex architecture. In typical small Windows and Web applications, you probably don't need them.

Answer 4

Contract means u r making rules which is compulsory to everywhere in ur project.
consider u r working on project where u need to add, edit, save in customer, invoice, cards etc.
so u can create interface with declaration of all add, edit ,save methods.

inherit interface in everywhere in ur project where u need to add, edit, save.

so u r strictly using same named method for add, edit, save in everywhere.

means u have created contract which should be follow everywhere to add, edit, save.

u can inherit more than one interface that is also major advantage.