Search Results

Search found 1498 results on 60 pages for 'hover over'.

Page 40/60 | < Previous Page | 36 37 38 39 40 41 42 43 44 45 46 47  | Next Page >

• weird stuff with asp.net button CSS class

  - by Alexander

  I have the following button: <Club:RolloverButton runat="server" ValidationGroup="Login1" Text="Login" ID="LoginButton" CommandName="Login" CssClass="links" /> .links { display: block; width: 96px; padding: 2px 0px 2px 0px; background: #A53602; text-align: center; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } When this button shows up the first time it shows the style correctly, however if I hover my mouse over this button the layout turns into a standard button, why is that??

  Read the article

• jQuery - events won't fire for dynamically created tab elements..

  - by Amit

  Hi, I am using jQuery UI Tabs. <div id="tabs"> <ul id="tablist"> <li><a href="#fragment-1"><span>One</span></a></li> </ul> </div> I have a button that adds new tabs. I use the following code: var newTabId = $('#tabs').tabs('option', 'selected') + 1; $('#tabs').tabs("add",'someUrl.htm','New Tab',newTabId); (Tab will be added next to the currently selected tab) Now none of the newly added tabs fire any events such as a click or hover $('#tablist li').click(function(){ alert('test message'); }); But events fire properly for the tabs that were there in the initial source code. How to resolve?

  Read the article

• GWT AbstractColumnDefinition (Need to add style to certain Columns)

  - by Mario

  I have a column Definition for each colume that extends AbstractColumnDefinition these columns are put in a DefaultTableDefinition. example: NAME | SIZE | RES | DELETE | this style (AT THE END OF THE PAGE ) is added to the column names if you notice all of them are with a cursor pointer , meaning a hand shows up when i hover above each one. my question is would I be able to remove the coursor for delete or in general for a certain column and keeping it for another one .. i tried to do that with each column Definition but there is no such thing as remove or addstyle even to like put my own style. THANK YOU .gwt-ScrollTable .headerTable td { border-bottom:1px solid black; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; cursor:pointer; vertical-align:bottom; }

  Read the article

• CSS dropdowns on touch-based clients. Are pure CSS dropdowns going to become extinct?

  - by Galen

  My company is starting to move toward adding the iPad as a browser i have to test my work on. This got me thinking... Since touch-based clients don't have a :hover state are pure CSS dropdowns going to go away? Then i thought even if you add some javascript to make the menus popup on click... What happens when the menu item (that expands to another menu) is also a link. How do you tell the difference between a click to see the menu or a click to go to that link?

  Read the article

• Disable the mouse click event of a button placed inside a listbox item

  - by Malcolm

  I have a button placed inside a listbox item and i have style defined fro that button where i have two images and on mouse hover i change the image. Now the problem is I am handling the listbox mouse event and when click the button the listbox mouse event doesn't fires. I tried to make the property of button ishittestvisisble=false And now if i click on button the listbox mouse event fires but the problem is the two images placed inside the styling of button don't apply as they are the child of button and by default their ishittestvisible also turn out to be false. So any suggestion or idea will be helpfull ....tx in advance...

  Read the article

• multiple jQuery Cycle slideshows get superimposed

  - by gmorehouse

  I'm using the jQuery cycle plugin to create multiple slideshows on a single page (which, once I get this problem figured out, will be started/stopped by mouse hover -- yeah, I know there are 9 slideshows on the page). Problem is, when I tell more than one slideshow to start cycling, whichever ones I call cycle() on get superimposed. So, all the images from slide 1 are superimposed, then they all transition to slide 2, etc. I can tell they're being superimposed because the first slide of each slideshow contains a transparent PNG. This happens whether I call cycle() in a jQuery each() iterator, or even if I call it by hand on just two or three of the containers with a jQuery id selector. The relevant page is http://zi.ma/cycle

  Read the article

• Can you use Github App with Beanstalk?

  - by mikemick

  Being new to Git, I wanted to use a GUI (Windows based) and preferred the Github App. However, I would like to integrate this site with a Beanstalkapp account. I'm pretty sure this is possible, but I can't figure it out. Inside of the Github app, I navigate to my repository. When I choose "Tools Settings...", I place the Git Clone URL for the repository provided by Beanstalk into the "Primary Remote (origin)" field in my Github app. Now when I click "Publish" (which says "Click to publish this branch to server" when I hover over it) it changes to "Publishing...". After a few seconds, I get this error: server failure The remote server disconnected. Try again later, or if this persists, contact [email protected] I am pretty sure I set the SSH keys up properly (never done this before). I added the key to both the Beanstalkapp and my Github web account.

  Read the article

• How do I make these layers not overlap?

  - by Doug

  http://dougymak.com/jquery/test.html# I have three problems that I need help with. 1 ) When you click "More" on top right, it open a div #search and the background is being overlapped by the brown element below. I tried using z-index, but it didn't work. 2 ) I'm trying to make the div #search align directly beneath the "More", but upon setting the width of #search, it aligns to the left side. 3 ) When I hover over the navigation on the left, the popup is being overlapped by the text in the middle. I want the popup to be on top of the text.

  Read the article

• Text Getting weird when jquery animate fade on chrome

  - by Robson Silveira

  JavaScript $(function() { $('#lol').hover(function() { $(this).stop().animate({opacity:0.5}); },function() { $(this).stop().animate({opacity:1}); }); }); CSS #lol { padding:20px; background-color:#FF0000; color:#FFF; font-size:15px; font-family:arial; width:300px; opacity:1; filter:alpha(opacity=100); position:relative; } HTML <div id="lol">text</div> In Firefox and Internet Explorer it works fine but in Chrome, the text get weird on fade -- it look like that text is losing cleartype. How can I fix it? How it looks on fade: Click to see

  Read the article

• jQuery show/hide does not work on IE

  - by user1720534

  I have made simple jQuery script that should show div element when hovering mouse over another div (image). Here is my code: jQuery(document).ready(function(){ jQuery("#slider").hover(function(){ jQuery("#slider .hovercontent").fadeTo('fast', 1); },function(){ jQuery('#slider .hovercontent').fadeTo('slow', 0); }); }); Here is url for page: http://asiakas.henripylvas.com/henripylvas/ This works flawless on FF, Chrome, Safari and Opera but when using IE8 or 9 image in #slider div disappear. What is wrong? Tried to search answer for this but no luck. Thanks.

  Read the article

• click-event doesn't fire if blur changes layout

  - by rag

  I have a form with blur-events bound to the required fields. Then there is a "Cancel" Button which simply calls an URL (button is an image with click-event). When leaving one of the required fields a warning is written to the page saying that field xy is required. - this causes a layout shift, meaning all the fields and the buttons are moved down a little bit because of the text inserted above. The tricky thing is this: when the focus is in an empty but required field and you click the cancel button, the required-warning is written to the screen but the click-event on the cancel button doesn't fire. I think this is due to the layout shift. The mouse cursor doesn't hover over the button anymore, because the button scrolled down. Has anyone a good idea how i could solve this?

  Read the article

• how can I override an anonymous javascript function attached to an eventlistener?

  - by Sid

  I found that a website does somewhat sneaky things. When you hover over a link, it shows you the real URL. WHen you click on it, it uses the click/mousedown event to rewrite the URL. I want to override that behaviour in firefox, So I fired up firebug to see what it does. On a mouse click, it executes a function called window.tgs. Easy, I thought. I can override this function. My first attempt was to do get the element via getELementsByTagName(), and then element.removeEventListener("click",window.tgs, false); To my surprise, this did nothing. I tried redefining window.tgs window.tgs = function() { return true; }; that did not do anything either. I am not a JS expert. Your insights appreciated thanks Sid

  Read the article

• How to use LocalValueBean in jsp page.

  - by Himanshu

  I have set certain bean label and bean value in one of my dao class.. I have created a list of LocalValueBean objects and passed it as a list to jsp.. now here at jsp i need to print the label seperately and on hover to the label i need to show the value.. i need to exttract or to say get those values in jsp directly... i have also imported the org.apache.struts.util.LabelValueBean in my jsp but still its not working.. please let me know if you any ideas...

  Read the article

• Problem with IE when using display:block for links

  - by Waleed Eissa

  This is my HTML: <div id="links"> <a href="">Link 1</a> <a href="">Link 2</a> <a href="">Link 3</a> <a href="">Link 4</a> </div> And these are the CSS styles: #links { position: absolute; border: 1px solid #000; } #links a { display: block; } #links a:hover { background-color: #CCC; } This displays a list of links, the problem is that in IE, I can only click a link by directly clicking the text link, which is not the case with other browsers (where you can click anywhere whether the text link or anywhere else as long as it's in the link block), is there any fix for that (with only CSS, no javascript)? Please note that I don't want to specify a width for the links or the div.

  Read the article

• Background-image toggle using jquery

  - by Jon

  Hi all, bit of a jquery rookie here trying to get something to work. Basically I have a div with a class "nav" and inside that div is a nav list. I want to change the background-image of "nav" when hovering over an item in the navlist, so I made this unsuccesful effort: enter code here $(function(){ $("li#hover-first").mouseover(function(){ $("div.nav").removeClass("nav").addClass("navbg"); .mouseout(function(){$("div.nav").removeClass("navbg").addClass("nav"); }); So the idea is, once the first li item is hovered over, the div with classname "nav" has it's class removed and has "navbg" added (which has the alternate background image). Obviously this isn't working, so any help would be greatly appreciated...thanks.

  Read the article

• How can I extend a LinkButton to allow HTML text in Flex?

  - by John Isaacks

  I am feeding the label to my LinkButton directly from a string I receive from a Google API that puts html to format the label. I want to extend linkbutton to allow this. I wrote a class myself to allow html text for the label and that aspect of it works but now the background that appears when you hover is way too big. I tried to override measure() to fix this but I didn't have a clue how. Here is the class I wrote: package com.kranichs.components { import mx.controls.LinkButton; public class HTMLLinkButton extends LinkButton { protected var _isHTML:Boolean; public function HTMLLinkButton() { super(); } [Bindable] public function set isHTML(value:Boolean):void { _isHTML = value; } public function get isHTML():Boolean { return _isHTML; } override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { super.updateDisplayList(unscaledWidth, unscaledHeight); if(_isHTML) { textField.htmlText = label; } } } }

  Read the article

• jQuery color plugin: onMouseOver animation causes flickering in FF3.5.5

  - by rt-uk

  I'm trying to change the background color of a div on mouseover and mouseout. Instant change to yellow on MouseOver, and slow fade on MouseOut. function hilightel(keydiv) { $('#'+keydiv).animate({ backgroundColor: '#ffffd3' },1); } function lolightel(keydiv) { $('#'+keydiv).animate({ backgroundColor: '#ffffff' },300); } < div onMouseOver=javascript:highlightel('item1'); onMouseOut=javascript:lolightel('item1'); id='item1'CONTENT< /div When the mouse moves over text within the div, though, it thinks I've moused-out and so flickers badly. Alternatives that don't work: - animateToClass doesn't support background-color so I'm using the 'color' plugin - I hear that switchClass doesn't work in Chrome - Can't use .hover because their will be dynamically named divs in the page so need a general function Thanks in advance...

  Read the article

• Web design process with CSS - during or after?

  - by SyaZ

  Which is the better practice? Add CSS during web designing you can see the result (or close) as early as possible and make required changes. You also know how many divs or spans you might need (eg to make curved cross-browser hover background). But as you add more and more components to the page sometimes things get hack-ish as you need to patch here and there to get the exact design required. Add CSS after finishing page design you can see the page overall structure as it is well, without styles. You get to see how accessible your site is, and modify it right away if it's not good enough (unlike the former case where you may break multiple CSS rules). Plus after you finished it, you only need to spend most of the time to alter only the CSS file, which is good to get the momentum going. Granted I have never tried the latter approach, but am seriously considering it for my next project if I can see convincing reasons -- or if it's no good at all. Thanks.

  Read the article

• dynamic html "more information" callout / annotation (jquery? ajax control toolkit?)

  - by nailitdown

  Hola, I have an app i'm building in c#, and i'd like to have the ability to have a user click a "more information" icon next to a field, which will then show a callout with some blurb about why the field contains what it does. ideally it'd look a lot like the ValidatorCallout, but instead of being shown as a result of validation, it'll be shown as a result of a mouseclick, or hover. Anyone know of a nice way to do this with either the ajaxcontroltoolkit, or jquery? cheers for any help you can give me.

  Read the article

• Jquery clickable block

  - by Clint

  HI, I have this code for extracting the href and adding it to a parent block... $(".new-dev").hover(function(){ $(this).css('cursor','pointer'); $('this').$('a').css('color','#696969'); },function(){ $('this').$('a').css('color','#000'); }); What I want to do is make the a within the block change color on rollover. Unsure of how to do this when using $(this). Any advice welcome. Thanks, C

  Read the article

• taking text from title attribute and adding it into a div in jquery

  - by ivordesign

  Basically i'm trying to grap the text from the title attribute in a link and show it in a paragaph in another div when a user hovers of the item, and then hide it when the user moves away. so far what i've got is (function($) { $.fn.showText = function() { $(this).hover( function() { $(this) .data('title', $(this).attr('title')) .removeAttr('title') .appendTo(".itemDecription p"); }, function() { $(this).attr('title', $("this").data('title')); } ); } })(jQuery); //call the plugin $(function(){ $('.wrapper ul li a').showText(); }); I got the code from somewhere else on stackoverflow, but i just can't seem to get it to work, and help would be much appriciated.

  Read the article

• How do I give a jQuery Element a fixed position on the page. In other words absolute positioning of a jQuery element.

  - by Stephanie

  <script type="text/javascript"> $(function() { $('a.StackedSystem').hover(function(e) { var html = '<div id="StackedSysteminfo">'; html += '<div id="StackedSystemTxt"> ETTER utilizes the latest technologies for our booster systems, including PLC-Based controls complete with touch-screen panel user interfaces (HMI). The base package includes the gray scale screen as shown; color screens are also available. The PLC not only provides a cleaner interface but provides additional features like automatic logging and time/date stamping of all alarms and shut-downs. Great for trouble-shooting.'; html += ''; $('body').append(html).children('#info').hide().fadeIn(400); }, function() { $('#StackedSysteminfo').remove(); }); });

  Read the article

• table cell background color change problem

  - by Mellon

  I work on another guy's code, and I try to change the table cell background color when mouse over the cell, and change back to the original background color when mouse leave. I use the following code: var bgcolor=$(".cell-el").css("background-color") $(".cell-el").hover( function(){ $(this).css("background-color", "#3c3c36")}, //mouse enter, bg-color change function(){ $(this).css("background-color", bgcolor) // mouse leave, bg-color change back }) Things are working fine, EXCEPT that when mouse first time enter the cell, the cell background color is not changed to "#3c3c36", but when mouse leave the cell after first entering and enter in the cell again, the cell's background color changed to "#3c3c36". That's the cell color never change for mouse first enter, after that, everything is working great. What's could be the cause of this problem?

  Read the article

• How to get elements from an object in C#?

  - by Drew

  I am using the AutoCompleteBox in WPF, I populate the suggestions with a List that consists of four fields. When the user selects an item and I reach my eventHandler, i can see that MyAutoCompleteBox.SelectedItem is an object that has my four values, if i hover this text in the debugger i can see the four values listed, however i don't know how to access these values in the code. I tried List<Codes> selected = MyAutoCompleteBox.SelectedItem as List<Codes>; where Codes is my List. selected returns as null and empty every time. Is there a way to get to these values? Thanks!

  Read the article

• jquery image slide procedure faulty in IE

  - by sahulik

  Where did I go wrong? IE reports a problem while everything else seems to be just fine. $(document).ready(function(){ menu = $('#menu > ul > li'); image = $('#image > ul > li > div'); menu.each(function(idx) { this.slide = image[idx]; }).hover( function() { menu.removeClass('active'); image.removeClass('active'); $(this).addClass('active'); $(this.slide).addClass('active'); }); });

  Read the article

< Previous Page | 36 37 38 39 40 41 42 43 44 45 46 47  | Next Page >