|
|
Posted by Brynn on 11/29/07 08:26
On Nov 28, 11:36 am, "Paul" <orelieteNOS...@NOSPAMtiscali.it> wrote:
> May I obtain the above effect using Frontpage or writing codes in html?
>
> Have you some code or some link for me to test? Thanks
>
> Paul
My last post ... because this post about a button was so important to
Jonathan and Blinky ... I streamlined my button code and changed my
CSS class names for them. Like I said, maybe some day their button
code will work in IE6 ... until then, I would suggest using my
code ... it is less code to mess with for one ... and easier to breeze
through and get back to your business.
<html><body>
<!--
The CSS: We will make 2 different "classes" ... one with the first
style ..
then one with the mouse over style.
-->
<style type="text/css">
/* Inspired CSS */
.Blinky, .Jonathan {font: bold 10pt verdana; padding: 4px;}
.Blinky {background-color: #E3EEE2; color: black;}
.Jonathan {background-color: #0E4E07; color: white;}
</style>
<script language="javascript">
function changeButton(theChange) {
if (theChange == 0) {
document.getElementById('brynnButton').className='Blinky';
}
else {
document.getElementById('brynnButton').className='Jonathan';
}
}
</script>
<!-- Now the button -->
<input type="text" value="A field to tab from.">
<input id="brynnButton" type="button" class="Blinky" value="Test
Button"
onMouseOver="changeButton(1);" onFocus="changeButton(1);"
OnMouseOut="changeButton(0);" onBlur="changeButton(0);">
</body></html>
Navigation:
[Reply to this message]
|