|
Hiya all.
I stumpled on a problem one of my coworkers were having today, in that he'd like to fire an onMouseOver event on each option in a select-object.
What ideally would should happen was that an image would be changed when the mouse hovers over the options in a select. This can be done with FireFox, but not with IE, by using onMouseOver on each option.
something along this line:
<select>
<option onMouseOver="doStuff(1)">Option 1</option>
<option onMouseOver="doStuff(2)">Option 2</option>
</select>
Now this works in FireFox, but unfortunally in IE, which is what the client is going to use.
Does anybody know of a work-around or possible alternative implementation to this problem?
With regards
---------------------------
127.0.0.1 - Sweet 127.0.0.1
|
|
|
|
|
Hi,
You can perform the check in the select onChange event.
Something like this:
<code><script language="javascript">
function selectExp()
{
alert(document.getElementById('ddlTest').options[document.getElementById('ddlTest').selectedIndex].value);
}
</script>
<SELECT id="ddlTest" ONCHANGE="selectExp();">
<OPTION value=1 selected>first</OPTION>
<OPTION value=2>second</OPTION>
<OPTION value=3>third</OPTION>
<OPTION value=4>fourth</OPTION>
<OPTION value=5>fifth</OPTION>
<OPTION value=6>sixth</OPTION>
<OPTION value=7>seventh</OPTION>
<OPTION value=8>eighth</OPTION>
<OPTION value=9>ninth</OPTION>
<OPTION value=10>tenth</OPTION>
</SELECT></code>
This wey you get the selected index or its value , accordingly you can put the code for different options.
I hope this works for you.
Thanks
Sushant Duggal.
|
|
|
|
|
Thanks for the reply.
The problem is that onChange dosen't fire until after the selection has been changed in which case the page changes, whereas the onMouseOver in Firefox would trigger as you use your mouse to "scroll" down the selection-choices, and you'd be able to see a preview before making the selection.
I am "fearing"/thinking that we do need to go with an "onChange" to have compatibility with Internet Explorer, but seeing as this was a client request (*sigh*) I thought it was worth to see if there was a workaround for IE, to mimic the behaviour we see in Firefox.
But thanks for your reply.
With regards.
---------------------------
127.0.0.1 - Sweet 127.0.0.1
|
|
|
|
|
Newb brainer question;
working in c# 2005, doing an asp.net webpage. This seems to be more of an HTML or formatting issue but I thought this was the best place to ask. After writing a basic page with standard html code, I noticed that when I view the webpage in browser, and I resize the screen, the text will stay within the baorder of that window. It basicly won't stay put. I checked all the settings I could think of minus the use of Text boxes.
It seems like a rather basic answer because I can go to any other webpage and the text and page flow stays. any thoughts?
Apps programmer exploring the fun world of webbing.
/////////////////
Thus spake the master programmer:
``A well-written program is its own heaven; a poorly-written program is its own hell.''
|
|
|
|
|
So the text stays withing the border of the window? Isn't is supposed to do that? Where do you want the text to go?
---
b { font-weight: normal; }
|
|
|
|
|
just thought of it; it behaves like a "wordwrap" when you resize the screen. when I type in here, the words move till end of box, with wordwarp, end of size of window. a bit more clearer now? Sorry, just having trouble discribing this, though "wordwarp" is closest I can come up with.
/////////////////
Thus spake the master programmer:
``A well-written program is its own heaven; a poorly-written program is its own hell.''
|
|
|
|
|
If you don't want the text to adjust itself to the width of the window, you have to put an absolute width on the element that contains the text.
---
b { font-weight: normal; }
|
|
|
|
|
thanks man, will keep formatting then 
/////////////////
Thus spake the master programmer:
``A well-written program is its own heaven; a poorly-written program is its own hell.''
|
|
|
|
|
I have a repeater control to display thumbnail pictures. The itemtemplate is made of web image control. When user clicks on the thumbnail picture, I want it to display a larger image in a web image control and display the image description in a label( the image description is saved in database).
My current code is :
I have a getPhoto function which will get the thumbnail pictures through IhttpHandler and bound to the repeater control.
Then I have a repPhotoG_ItemDataBound function, here I add the javascript to the image html control and call a javascript to pass the thumbnail imagename as parameter and show the large image.
Now, I can get the thubnail picture and display the large images, but I just don’t know how to get and display the image description. Please help!!
private void repPhotoG_ItemDataBound(object sender, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{
//finding repeater item Image
System.Web.UI.HtmlControls.HtmlImage img=(System.Web.UI.HtmlControls.HtmlImage)e.Item.FindControl("iPhoto");
//create a relative path for image and add onclick function
img.Src=img.Src.Replace('\\', '/');
string Description="";
string Image;
Image=IMGpath(img.Src);
img.Attributes["onclick"]="showImg('"+Image+"')";
}
function showImg(imgName)
{
imgOn = ("" + imgName);
document.imgLarge.filters[0].Apply();
document.imgLarge.src = imgOn;
hdr.innerHTML=imgName;
document.imgLarge.filters[0].Play();
-- modified at 17:29 Monday 5th June, 2006
|
|
|
|
|
Hello everyone,
Is there a way to get the size of the browser window with javascript?
Thanks,
Chad
|
|
|
|
|
function clientHeight() <br />
{<br />
var myHeight = 0;<br />
if( typeof( window.innerWidth ) == 'number' ) <br />
{<br />
myHeight = window.innerHeight;<br />
} <br />
else if( document.documentElement &&<br />
( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) <br />
{<br />
myHeight = document.documentElement.clientHeight;<br />
} <br />
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) <br />
{<br />
myHeight = document.body.clientHeight;<br />
}<br />
return myHeight;<br />
}<br />
function clientWidth() <br />
{<br />
var myWidth = 0;<br />
if( typeof( window.innerWidth ) == 'number' ) <br />
{<br />
myWidth = window.innerWidth;<br />
} <br />
else if( document.documentElement &&<br />
( document.documentElement.clientWidth || document.documentElement.clientWidth ) ) <br />
{<br />
myWidth = document.documentElement.clientWidth;<br />
} <br />
else if( document.body && ( document.body.clientWidth || document.body.clientWidth ) ) <br />
{<br />
myWidth = document.body.clientWidth;<br />
}<br />
return myWidth;<br />
}<br />
They seem to work in IE and FF. Can't remember where I got these from, somewhere on google is my bet...
|
|
|
|
|
Thanks, I will try these.
Chad
|
|
|
|
|
Try this:
windowWidth = window.screen.width;
|
|
|
|
|
hey this is a huge problem.There is a compilation error in the line DriverManager.getConnection();when i compile the problem saying incompatible types class not found.how should i make the connection between java and sql at my home??????????
-- modified at 4:07 Monday 5th June, 2006
|
|
|
|
|
I'v got something challenging... is there anyway i can prevent a conrol from being enabled on PageLoad even if there is a javascript ctrl.enable(); or ctrl.disabled = false; called for it? I have a feeling there isnt such a thing but i thought i'd try my luck with you guys...
Im implementing security on a page with a module that executes at runtime and disables certain controls on the page. However i dont want any of the other javascripts on the page to be able to re-enable these controls when they are called.
ZiggY.
|
|
|
|
|
What is the best way to make a form like this one that is used by codeproject.com? I was thinking about using a combination of php and sql, but if anyone knows a better/easier way, any help would be appreciated.
PS: The form I am wanting to make is completely un-related to codeproject.com and has noting to do with program/web developement.
|
|
|
|
|
php/mysql will cost you less than ASP.NET/MS SQL server becasue thre are many hosting companies that offer free mysql databases.
you also can use a pre-made software like: phpbb[^]
|
|
|
|
|
This one is driving me nuts - any help would be much appreciated. I have a WebBrowser control in my app which I need to recover all fo the elements from to decide where certain input feilds are. This currently works fine in a web site without frames - but not in one which has frames! I have an exact same version fo the program which uses AxShDocvw web browser control in and when the navigatecomplete2 event fires I get the document handle for the document which just loaded (i.e. the frame content) amd the code works fine here. Now here is my problem - for reasons I won't go into here I MUST use the WebBrowser version fo the code - so how do I get the frame elements as documents for all fo the loaded frames when the document has completely loaded?
Any help appreciated
Thanks
Clive
|
|
|
|
|
Hi,
anybody can help me?
I want know which form controls do postback.
how can i do this pLZ? ( (
|
|
|
|
|
Hi again guys,
I have a question about applying CSS to links specifically, but I'm sure it'll help me in other area's later as well:
I understand that I should have something like
a:hover {<br />
text-decoration: none;<br />
color: #5f5bb2;<br />
}
to control the way my links display on my site. However, this seems to apply to the entire site. For example, yes, I do want all my links on the site to appear the same - except that beneath my site banner I have a navigation bar. I first made an image map for this, but then decided I'd rather use a div (which I've now got looking exactly the same as my image map did) as it'll be easier to make changes in appearance later on. However, I want my links in the navbar to appear exactly the opposite to the links on the rest of my site (ie display in white on the shade of blue I've chosen, instead of appearing the shade of blue I've chosen on a white background).
Can I have two rules for links, one which I apply in my navbar area and another for the rest of the site?
Thanks again.
A mum and loving it!
|
|
|
|
|
Hi,
Yes, you can do this:
You need to define a class for your navbar, and add your styles to this class.
So, in your CSS, add:
.navbar
{
background: #5f5bb2;
}
.navbar a
{
color:White;
}
.navbar a:hover
{
color: Yellow;
}
And then just set the class of you navbar div in your HTML:
<div class="navbar"> Put your links here </div>
----------------------------
Be excellent to each other 
EasiReports[^] My free reporting component for WinForms.
|
|
|
|
|
Thanks Nicholas! And nice to meet you
A mum and loving it!
|
|
|
|
|
Any one have decent code to do smooth scrolling of the scrollbar (vertically) that can also slow down when it reaches its near its destination? Im scrolling to a DIV object that is absolute positioned.
Thanks.
-- modified at 13:06 Saturday 3rd June, 2006
|
|
|
|
|
Hello!
I would like to know if it is currently possible to send a text message to msn messenger over a web site?
Is there such interface?
Thanks!
|
|
|
|
|
Yes, but it's not part of the framework. Look on SourceForge for MSN Messenger projects. There are open source components that allow sending.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
