|
|
Hi all,
I have created a DHTML Behavior that changes the style of buttons on my web page. I apply the behavior to the buttons using the class attribute, and the behavior is embedded in my style in a css file.
Now, it all works great, currently I have this functionality:
* change the gradient filter direction from up to down on mouseover
* change gradient filter direction from down to up on mouseout and mouseup
* change the gradient filter direction to left to right on mousedown
additionally it changes the borders and padding to give a click effect.
Now I want to extend this a little.
How can I have a gradient wipe included on the mousedown event so as it is clicked it appears to wipe from one side to the other but how can I do this please? Do I need to have the filter already part of the button element (INPUT Type = Button !) when it is loaded?
Here is the code as it stands in the event handler for mousedown in my htc file:
function MouseDown()
{
runtimeStyle.padding = "0px 4px 4px 4px";
runtimeStyle.color = "white";
runtimeStyle.filter = "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff, EndColorStr=#ababab)";
runtimeStyle.borderRightStyle = "solid";
runtimeStyle.borderRightWidth = "1px";
runtimeStyle.borderRightColor = "#7b9ebd";
runtimeStyle.borderTopStyle = "ridge";
runtimeStyle.borderTopWidth = "1px";
runtimeStyle.borderTopColor = "#7b9ebd";
runtimeStyle.borderLeftStyle = "ridge";
runtimeStyle.borderLeftWidth = "1px";
runtimeStyle.borderLeftColor = "#7b9ebd";
runtimeStyle.borderBottomStyle = "ridge";
runtimeStyle.borderBottomWidth = "1px";
runtimeStyle.borderBottomColor = "#7b9ebd";
}
thanks for any help or advice
Philip
|
|
|
|
|
|
Using Javascript and CSS.
Hy Chanhan
|
|
|
|
|
BUT I SAVE THE PIC,PIC IS REALY ADD FRAME?
|
|
|
|
|
Stop screaming.
What are you meaning? What picture? What is it that the picture is?
---
b { font-weight: normal; }
|
|
|
|
|
I have 3 ASP.NET drop down lists:
Day/Month/Year
And i was wondering if i can use Javascript the add and remove dates from the day drop down list without posting back based on what month or if it was a leap year etc ?
Not sure if this post is in the right place as its both ASP.NET and Javascript... sory if its misposted.
Thanks.
|
|
|
|
|
Strictly speaking, you can not change the DropDownList using Javascript, as that control only exist on the server.
The DropDownList is rendered as a select list in the html code, and you can change the items in that element using Javascript.
The element has an attribute named options, that you can use to add, remove or change the items.
---
b { font-weight: normal; }
|
|
|
|
|
Hi,
I have create one website, there address bar show query string values
(~/sample.aspx?PropertyID=10002).
But i don't want show propertyid values.
thanks
|
|
|
|
|
Then don't send them through querystring. Or if it is required to send querystring then you can also encrypt that.
Best Regards,
Apurva Kaushal
|
|
|
|
|
Use POST method in forms instead of GET.
My english is not so good. Please, correct my errors.
Best regards, Alexey.
|
|
|
|
|
Hi I am trying to develop a business web site the development is happening on my local machine.
I am using Visual Studio 2005 - C# and ASP.NET 2.
When I press F5 to preview the page the images do not load.
I am also running Internet Information Services on Win XP Pro SP 2. I have shared the folder that has the solution files using IIS and Windows Explorer, but still the images will not show.
Really starting to do my head in....
Help please.
|
|
|
|
|
Hi Jagan,
Use Server.mappath(<pathname>) and check it. If you want to see the default path where you are? [Use Server.mappath("/")] print it and see. This may help you.
Regards,
Manowj
|
|
|
|
|
HI Manowj,
Sorry to sound stupid, but I am a little new to ASP adn devloping web applications, so if you could explain the use of Server.mappath() and [Use Server.mappath("/")] thanks.
I am using C# as the language code.
|
|
|
|
|
Jagannatha108 wrote: Server.mappath("/")
this will give you the path of the root directory.
server.mappath is used to get the physicial path of a particular directory.
Best Regards,
Apurva Kaushal
|
|
|
|
|
I have a table that has an opacity of 40 (making it partially transparent) but I do not know how to keep the tables content from not being transparent. I just want the tables background to be transparent but all of the text inside the table to be not. Any help with this please???? Thank you!
|
|
|
|
|
Do you have a link to the page so I can take a look at what you are trying to achieve?
I am not sure why you would need to make a table tranparent. It would help if I could see the context.
Words fade as the meanings change, but somehow, it don't bother me.
|
|
|
|
|
no its not live on the web yet. I just started a website for someone and am about to put up an under construction page. I figured it out though. I did not want the table entirely transparent, just partially. You know.... filter:alpha(opacity:40) I just wanted the entire background of the page visible even through my tables but when I put text in the tables or even images the text and images were also partially transparent. I wanted to make the text/images not transparent at all or 100% opacity. Do you understand what Im saying???
I searched through a million other forumns and found my question asked sooo many times it was rediculous but noone had an answer. It ended up I used DIV tags and two seperate layers. I made the first layer my transparent one and the second one I put on top with the images and text. I used absolute positioning to make it appear that the text/images were indeed inside the transparent table. Im sure there is a more efficient way but what the hell, it works!!! I tried pasting the code on here but it appears all funky and not all of it shows up. I dont know what the deal is. If you would like to see the code, give me your email address and I will send it to you...
Thank you for attempting to help me out though. I do appreciate it. Im sure I need some more help doing something else later. Have a blessed day!
-Joey
-- modified at 16:44 Thursday 17th August, 2006
|
|
|
|
|
Joey Picerno wrote: I tried pasting the code on here but it appears all funky and not all of it shows up.
Use the "Ignore HTML tags" option when you post html code.
---
b { font-weight: normal; }
|
|
|
|
|
I think you could also have wrapped the table with a DIV, and applied your a partial transparent background to that.
Have you tested it in Firefox, because I'm not sure the filter: alpha(opacity:40) thing works in Mozilla browsers? I think you also have to add just opacity:40 e.g
#Transparent
{
filter: alpha(opacity:40);
opacity:40;
}
You might also find that the positioning on the screen looks different in Firefox and Opera.
I don't use the opacity thing much myself though, so I might be wrong. I sure someone will correct me if I am.
Words fade as the meanings change, but somehow, it don't bother me.
|
|
|
|
|
I will try it out. Just so you know, I am very new to website/HTML stuff. I am a programmer for a software company and deal mainly with VB.NET and SQL Server. I just started to mess with HTML and building websites this past february. I recently completed my first website for a Title Company in Greensboro, NC. I still have a few things left to do on it but it is pretty much up and running. If you dont mind, look at it and tell me what you think (remember its my first website ever!!!) Heres the link...
www.ABtitle.com
Please be honest with me. I take constructive criticism well because I know it will only make me better at what I am trying to do so please give it to me straight. Anything, any advice or anything you can give me would be great. I have only tested it in Internet Explorer so use that to view it... Thank you for your help, and have a blessed day!
-Joey
|
|
|
|
|
Hi Joey,
I took at look at ABTitle.com.
Joey Picerno wrote: Please be honest with me. I take constructive criticism well because I know it will only make me better at what I am trying to do so please give it to me straight
For your first web site it is pretty good. I remember what my first site was like...
However, I do have quite a list of comments, so brace yourself.
There are a couple of basic rules in web design that have not been adhered to in your site.
Firstly you need to use alt tags in all your images, especially as you have used images in your menu buttons. This is a serious useablility issue.
Secondly, you should try and keep your font conisistant throughout the site. Your home page is in size 3 arial. In the About Us page, the font is not specified, which means that the font defaults to the users' client default font, in my case Times New Roman. Same on the Contact Us page, but a size bigger. The Feedback page uses Arial, but all the text is in bold. This inconsistancy make the site look unprofessional, but is easy to rememdy.
Also, while we are talking abot fonts, you have used the font tag, which is an old fashioned and depreciated method. I would advise you to look at some basic tutorials on CSS, and start using that to style your pages.
The overall look of your site is quite dated. I'm afraid the bevelled edges on buttons, images and tables really gives the site a 1999/2000 feel. Also the black and very bold colours do not suit the content of the site. The colour scheme put me in mind of rock music and Harley Davidsons, not Real Estate.
Another critisism I would make is that you are using tables to layout your pages, however as this is your first site, it is a harsh critisism. Take it more as a pointer that you would benefit by looking for some tutorials of using DIVs and CSS to handle the page layout. It has a steeper learning curve than using tables, but it is well worth it. I am a fairly recent convert myself to this method.
My final critisism is that the date/time widget on the home page is bit pointless. It just distracts from the real content of the site. There is a real temptation when you are starting out in web design to add lots of clever flashy things like that to your site, but you have to ask your self 'what value does this add to the site'. Things like that just tend to make your pages load a bit more slowly, and, frankly, I know what time it is because there is a little clock in the bottom right of my monitor.
I think the border effects you have used on the main image on the home page look very nice (just lose the bevelled edges).
I would suggest that the site would benefit from having a white background, using the shades of blue from around the main image, and maybe offset with a grass green. Try to stick to a palette of two or three colours.
Take a look at www.alistapart.com[^] for tutorials and inspiration.
And here is a good article on the current styles of web design, which may also give you some inspiration: http://www.webdesignfromscratch.com/current-style.cfm[^]
I know that a long list of critisisms like this is a bit depressing, but I hope you take it in the spirit in which it is meant. I have been a web designer since 1999 and I am still learning.
Boro Bob
Words fade as the meanings change, but somehow, it don't bother me.
|
|
|
|
|
Hi Guys,
I have incorporated this javascript banner news flash within my .net application, that works fine as it rotates through the news items. End users have recently asked for a next button/link that would immediately display the next item without them having to wait a few seconds. Now, the problem is that when I click on the next button, it doesn't display the next item right away, then the news items start to rotate faster and faster as I click the next button over and over... here is the layout of my silly js:
function DisplayBanner(result, context)
{
...get xml representation of banner items
...assign variables
loop();
}
function loop()
{
...go through displaying one banner item
...increment banner index
setTimeout('loop()', 10000);
}
function nextBanner()
{
...increment banner index
loop();
}
My next button calls the nextBanner() function while the DisplayBanner() function is called on page load. Could someone please-please-please tell me what is it that Im doing wrong?
Thanks for all/any help 
Nila
|
|
|
|
|
If you call the loop() function more than once, you will start another loop that runs along side the one that was started initially. Each time you call the loop() function you add another loop, that's why the items rotate faster and faster.
I would suggest that you add a counter to the loop and fire it a lot more often. That way you can just zero the counter to make it skip to the next item:
var counter;
function DisplayBanner(result, context) {
...get xml representation of banner items
...assign variables
counter = 100;
loop();
}
function loop() {
counter--;
if (counter <= 0) {
...go through displaying one banner item
...increment banner index
counter = 100;
}
window.setTimeout('loop()', 100);
}
function nextBanner() {
counter = 0;
}
---
b { font-weight: normal; }
|
|
|
|
|
Thanks Guffa, it worked like a charm!!! 
Nila
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
