|
|
Posted by Jonathan N. Little on 11/29/07 15:40
Brynn wrote:
> 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>
Way to miss my points entirely!
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|