w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
Css hover sometimes doesn't work on svg paths
There's no fill so the interior does not catch mouse events by default and therefore hover doesn't react to that. Changing pointer-events to all will fix it in this case: path{ fill:none; stroke:black; pointer-events:all; }

Categories : HTML

Using jQuery, relative paths within a div are updated to absolute paths but having trouble rewriting it to be more dynamic
var foo = { '/catalog.php':'http://www.mydomain.com', '/upgrade':'http://www.mydomain2.com' }; $.each(foo,function (search,prefix) { $('#landing-page').find('a[href^="' + search + '"]').each(function(element, index){ $(this).attr('href',prefix + $(this).attr('href')); }); }); http://jsfiddle.net/U9RXL/1/

Categories : Jquery

Converting remote relative paths to absolute paths
I think you would need to use regular expressions on the href path to make sure that it is consistent. You can also get an accurate base url from parse_url(): <?php $href = '../images/sunflower.png'; $href = preg_replace('~^.{0,2}/~', '', $href); ?> Here we strip the periods and the slashes from the beginning of the string. And then prepend the base url: <?php $url = 'http://www.example.com/home/index.html'; $url = parse_url($url); $abspath = $url['scheme'] . '://' . $url['host'] . '/' . $href; echo $abspath; ?> Should output what you want: http://www.example.com/images/sunflower.png UPDATE If you want the first directory from the base url, then use explode on the parsed url's path key: $first_directory = ''; if (isset($url['path'])) { $patharray = explode('/',

Categories : PHP

Local paths for the files are different from the paths on the server
When you're writing an asp.net application, the most important path you need to be aware of is the following one: ~/ This will always return the root of the current application, whether you pass it to Response.Redirect(), Page.ResolveUrl() or use it as part of your hyperlink in an <asp:hyperlink /> tag. For example: <link href='<%= Page.ResolveUrl("~/somepath/file.css") %>' rel='stylesheet' /> Note that this only works within code handled by .net itself; for other files, you need to ensure that you always use relative paths. So for example if you have the following structure for your images and css: / /images logo.gif /css main.css then you reference the logo using the style: { background-image: url(../images/logo.gif); }

Categories : Asp Net

Set Enviroment Variable that contains two paths interelated paths
I think an alias is more appropriate for all kinds like this (you may consider a more suitable name for the alias) alias var="/usr/bin/python2.7 /home/user/file" If you want to stick with your version you have to tell your shell to evaluate the content of VAR. For this you just have to invoke eval ${VAR} By the way, why do you append the string "/usr/bin/python2.7 /home/user/file" to VAR instead of overwriting the content of VAR?

Categories : Linux

Visual Studio: Differences between image paths set from the project window and programmatically set image paths
In first instance images are stored as a resouce file and are saved in the resources. Whereas in the second instance you specify the path where the image resides. Yes you can add image in resources progamatically if you are working in .net 4 or above. See this for details.

Categories : C#

jQuery hover, how to activate fade animation once, with hover activated via 2 overlaid images
The error is due to the fact that you're using the id #whoatnet-to-itunes for two elements: <div class="tryme" id="whoatnet-to-itunes">...</div> <div class="iphone" id="whoatnet-to-itunes"></div> This isn't valid and means that you're attaching a click and hover event to both the iPhone and the bubble. Remove the ids from both of them change the selector from: $('.home-content #whoatnet-to-itunes') to $('.home-content .iphone'). The hoverIntent code would then look like this: $('.home-content .iphone').click(function() { window.location = home.itunesLink + this.id; }).hoverIntent(toggleFade);

Categories : Jquery

Jquery hover (mouseover) works but hover (mouseRemove) function does not load
Not really sure what you are trying to do there with the setTimeout but is in the wrong position. hover accepts two functions, one mouseover and one mouseout. So it should be something on the line of : $(document).ready(function () { $('.twitter').hover( function () { $('body').animate({ "background-color": "#dd4b39" }, 400); }, function () { $('body').animate({ "background-color": "#000000" }, 400); } ); }); If what you wanted to do with setTimeout was create a delay, you can add delay before the animate function: $('body').delay(1000).animate(.... For more info on hover: http://api.jquery.com/hover/

Categories : Jquery

Adipoli jQuery Image Hover Plugin - Run animations on hover of other elements
This should work $('#img-caption-one').adipoli({ 'startEffect' : 'grayscale', 'hoverEffect' : 'foldLeft' }); $('#element').mouseenter(function(){ $('#img-caption-one').trigger('mouseenter'); })

Categories : Jquery

Using CSS hover class to hover over a link and display an overlay image elsewhere on the page
Use JQuery: $("#link1").hover( function () { $('#map1').show(); }, function () { $('#map1').hide(); } ); The first is mouse-in the second function is mouse-out.

Categories : Javascript

css3 transition: firefox makes on hover out and chrome in hover in
The problem comes from this rule: .portfolio-item a:hover:after { content: " "; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(rgba(255, 255, 255, 0.4), transparent 100%); } where you define all the after pseudoelement only in the hover state. If the a element is not hovered, the pseudo element is undefined, and can take whatever value the browser decides. If you set the same on the un-hovered element, it works fine. .portfolio-item a:after { content: " "; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(rgba(255, 255, 255, 0.4), transparent 100%); } updated demo By the way, my firefox version is using transition and not moz-transition

Categories : CSS

HTML5 Video - On Hover / Off Hover return to poster image?
Try this (you'll need to include jQuery) function hideVideo(e) { if(e.target == vid) { vid.pause(); var poster = $(vid).attr("poster"); $(vid).attr("poster", ""); $(vid).attr("poster", poster); } }

Categories : HTML

Make a Hover remain in hover (Selected) CSS 2 column menu
please check this http://jsfiddle.net/hushme/QR8Gb/2/ u missed #stateIN ul li:hover > a{ background-color:#CCC; background-image:url(../images/redarrow.png); background-repeat:no-repeat; background-position:4px 3px; padding-left:25px; }

Categories : CSS

hover function--.making border-bottom during both hover and after click
You can give a active and hover classes using jquery addClass() function. Then simply give css to these clasees in style. You can remove class using removeClass() function if your link is not active.

Categories : Jquery

jQuery hover - button stays to be with hover effect
you need to add a mouse leave handler $("#navigation li.active").next().hover(function() { $(this).css("box-shadow", "inset -4px 0 7px -5px black"); }, function(){ $(this).css("box-shadow", ""); });

Categories : Jquery

Is there a way to keep the popover displaying when hover on it (whith hover trigger)?
I haven't seen any solution yet with hover trigger here is my solution with manual trigger from this question $('.selector').popover({ html: true, trigger: 'manual', container: $(this).attr('id'), placement: 'top', content: function () { $return = '<div class="hover-hovercard"></div>'; } }).on("mouseenter", function () { var _this = this; $(this).popover("show"); $(this).siblings(".popover").on("mouseleave", function () { $(_this).popover('hide'); }); }).on("mouseleave", function () { var _this = this; setTimeout(function () { if (!$(".popover:hover").length) { $(_this).popover("hide") } }, 100); });

Categories : Twitter

How can I use hover in a child without the parent's hover being activated?
If you hover over a child element, you're also hovering over the parent, there's no way around that. What you could do is set a different or additional class on the 1st child elements that don't have further children.

Categories : CSS

hover effect going off when i hover on the dropdown
This happens because the hover effect gets triggered only by hovering the a element. Try to add the hover effect to the li element instead. nav ul li:hover a{ background-color:#fff; color:#000; border-radius:3px 3px 0 0 ;} Have a look at this fiddle: http://jsfiddle.net/HqtDn/ It will actually trigger the dropdwon even when you're not over the link yet. To avoid this I suggest to ajust the size of the parent <li> element to the size of the link element below and position everything right by using margin instead of padding.

Categories : HTML

Hover image automatically hover out?
Firstly, your selector is wrong: $('.originalImg,rollOverImg').hover Should be: $('.originalImg,.rollOverImg').hover Second, your 'rollOverImg' overlaps the 'originalImg' when you call animate causing the "mouse out" portion of your hover event to fire. You want to put separate handlers on your original & rollover images: $(".originalImg").mouseenter(function() { $(this).next().stop().animate({left: '0'}, 500, function(){}); }); $(".rollOverImg").mouseleave(function() { $(this).prev().stop().animate({left: '90px'}, 500, function(){}); });

Categories : Jquery

css swap images on hover not working properly - hover image displayed behind main image
that's because the classes are messed up.. here is an example of a button that has nothing in text but the source is set up from css // it also gives the hover effect from css: .SubmitClass { background-image: url('../Images/Submit.jpg'); background-position: center center; background-repeat: no-repeat; border: none; width: 100px; height: 30px; cursor: pointer; cursor: hand; } .SubmitClass:hover { background-image: url('../Images/SubmitHover.jpg'); background-position: center center; background-repeat: no-repeat; border: none; width: 100px; height: 30px; cursor: pointer; cursor: hand; }

Categories : HTML

has hover style applied
I hope, that I don`t misunderstand your question. Try this Jsfiddle select { outline: 0; padding: 5px; border: 1px solid blue; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } select:hover { border: 1px solid red; } I put in select the outline:0

Categories : HTML

css hover element to show child, how can I keep the hover css on the parent when I mouseover the child?
What you are asking is actually default behavior. When you hover over a child, the parent also receives the hover status, and the hover css should still be displayed. Have a look at this example: http://jsfiddle.net/jxZ6S/ We will need some more code to see what exactly is wrong. Are you sure you are applying the hover style to the parent, and not to the a?

Categories : HTML

Confused with CSS: image button with hover tooltip and image changing when hover
you could do something like this: <div title="View File" class="view-button"> View File </div> CSS: .view-button { background-image: url("first-view-image"); } .view-button:hover { background-image: url("second-view-image"); } And the same for the save button. The title tag shows a small tooltip. if you want bigger/fancier tooltips, you have to use some javaScript framework.

Categories : HTML

How to change code from working with .hover() to working with .click() and .hover()
SOLVED: http://jsfiddle.net/4cPQG/ $j(".swatch-anchor") .on('mousedown mouseover', function () { //... }) .on('mouseup mouseout', function () { //... });

Categories : Javascript

CSS Transition - Hover Over Parent, Effect Child, Hover Over Child
Simly add a #menu > a wherever you point to your menu children: http://jsbin.com/asewup/1/edit example: #menu > a.left { top: 26.5%; left: 5%; height: 80px; width: 150px; z-index: -1; transition:left 0.7s; -webkit-transition:left 0.7s; -moz-transition: left 0.7s; } #menu > a.left:hover { left: -100px; } and so on for the other 3 elements Also to prevent further issues, be more specific with your selectors, so instead of using a { position: absolute; /* this is not good, target globally every single anchor */ text-decoration: none; ... use: #menu > a { position: absolute; text-decoration: none; ...

Categories : CSS

CSS Hover disable on tr:hover
Your problem is the Specifity of your css code - here's a good read about it. refering to an element by it's id ( using # ), will always override any style given by referring to it with it's class ( using . ). In order to override your previous styling, you need to have a specifity level of at least the same. In your case, you should add the id to the .nohover selector to override the previous style. #product-table > tbody > tr { cursor:pointer; } #product-table > tbody > tr:hover { background:#eee; } #product-table.nohover > tbody > tr { cursor:default !important; } #product-table.nohover > tbody > tr:hover { background:#fff !important; } This will override the previous definition because it has an id in it, and a class, which is 1 level higher of just calli

Categories : CSS

In CSS3 is "li:hover > a" and "li a:hover" the same
The answer is no. In this part the element that triggers the hover would be the link. ul#navigation li a:hover { background:#f8f8f8; color:#282828;} While in here, the element that triggers the hover is the li ul#navigation li:hover { background:#fff;} But if you have something like this: <ul> <li><a href="#"></a></li> </ul> both CSS would work. On the other hand, if you do something like this: <ul> <li><div></div></li> </ul> the 1st one won't work but the 2nd will do. But if you have '>' like ul#navigation li:hover > a{ background:#fff;} both would be technically the same for the link or <a> tag but,of course the <li> must be present before the link.

Categories : HTML

Bootstrap hover and click event conflict when used togather to have both hover and click event for menus
You can actually accomplish this with CSS alone, and not have to worry about rendering JS for this one. Make use of the :hover pseudo class on your menu item and apply a display block to the adjacent "menu items" of the selector when hovered (of course you can also add css-transitions for animations - keep in mind though css transitions won't be supported on non-HTML5 browsers). The :hover pseudo class is activated on touch devices on the first tap, and tapping anywhere else unattaches the hover state. See the following article, which relays the same message: http://www.html5rocks.com/en/mobile/touchandmouse/#toc-4 Here is a working fiddle (http://jsfiddle.net/svigna/2eaNY/) demonstrating this approach.

Categories : Jquery

Hover over an image so that another hover image can perform an animate
Basically you need to change the color of the div that is the water "animation". Which you can easily do with $("div").css("background-color", color); that is attached to events on some display objects (5 small thumbnails in your case). Here is a small example @ JSFiddle: http://jsfiddle.net/MartinTale/Mz6VH/1/

Categories : Javascript

Paths in php not working
The problem is in the HTML output. If you want the links to be relative from the root (http://www.example.com/), then you should use /user/createuser.php, /user/edituser.php, etc. Although unrelated to your links, you are referencing the session variable $_SESSION['admin'] without calling session_start(); at the top of your script. Session variables return null if you don't call session_start();.

Categories : PHP

Combine 2 paths
Give that you have #routes.rb resources :products do resources :skus end you should be able to do product_sku_path(@product, @sku) to get a given sku associated with a product, good luck :)

Categories : Ruby On Rails

PHP shell_exec using UNC paths
UNC paths will work, however the user that the PHP service is running as must have access to the share. I will assume you are running PHP with IIS. If that is the case, the default user is IUSR_MachineName. Be sure this user has access to the share. If you're running Apache, check the Task Manager on the server to determine which user is running the Apache service. Give this user name access to the share.

Categories : PHP

How does one specify paths when working with PHP and js?
What dose you nav-header.js contain? Assets are requested from the server in the order they appear in the html. So nav-header.js will be called after jquery however that doesn't mean it will finish loading before it. Also to load files use absolute paths: /js/nav-header.js instead of js/nav-header.js that way you know the js/nav-header.js will be loaded from the root folder. if u have code in js/nav-header.js that fires on load(not on document ready) i would sugest moving it to document ready.

Categories : PHP

Web app: something wrong with paths?
The welcome file is wrong. It is not a full path but the name of a file to look for in a directory if a directory is requested. I don't see anything obviously wrong with the error page. Check the WAR/directory that is generated by Eclipse for the applciation to see if the error page is in the right place. Another thing to do is use a static file for the error page until you get it working to rule out any issues with the JSP.

Categories : CSS

SVN checkout from 2 different paths
Option 4 is kinda the right way to do it. But you're right that the workspace directory won't be versioned. That's because you never checked it out - you only checked out directories underneath it. What you'll get instead is each of the 7 directories having their own .svn directory instead of just one at the workspace level. In that case, I don't think you'll be able to commit changes to files in multiple roots. Another option you might consider is to tag or branch the required folders into another part of your repository and then check that out.

Categories : Svn

Wordpress and Paths
A simpler way may be to just use symlinks. So say the media player expects the files to be at wp-content/videos directory, but you want the videos to be placed in /var/www/videos directory. You can create a symlink to this videos directory inside the wp-content directory. ln -s /path/to/wp-content/videos /var/www/videos Depending on configuration, You may also need to add FollowSymLinks to your .htaccess file to allow symlinks. Edit: Post clarification You can move the wp-content directory to outside the Wordpress directory, by modifying your wp-config.php. define('WP_CONTENT_DIR', '/path/to/content'); To move just the plugins directory, define('WP_PLUGIN_DIR', '/path/to/plugins'); To move the directory where uploads are stored, define('UPLOADS', '/path/to/uploads');

Categories : Wordpress

how can i get img paths using jquery
You cannot get the system file path (e.g., D:EMLworkspaceassets ried-imgs18__1882_IMG_5731_203_173.png) The browser does not have access to your local file system and it goes without saying that JavaScript does not have access to the remote file system, too. You can just get the image src attributes $("img").each(function(){ console.log($(this).attr("src")); });

Categories : Javascript

Sox absolute paths and piping
Usually, it is possible to escape the inner double quotes somehow. (Most?) *nix shells use the backslash for that purpose, i.e. you would write ... "|sox "path with spaces/file1.mp3" ...". Of course, Windows uses the backslash for different purposes (delimiting path components), so there may be a slightly different way to escape quotes.

Categories : C#

Recursive function is not following all paths
(upon further reflection, I can now see that the only problem is the line referenced below..) .. hang on, it looks like you can do this by just changing one line. In the MOD 3 or 4 case, change this line: way2 = bear((bc Mod 10) * ((bc Mod 100) / 10)) to these: dim gb as Integer gb = (bc Mod 10) * ((bc Mod 100) / 10) If gb <= 0 then Return False way2 = bear(bc - gb)

Categories : Vb.Net

rails translated paths example
Since you've specified path for resources about your path becomes translated-about/.... So you need to use: http://localhost:3000/translated-about/translated-about-we-are then you should not get the error. You can check all the routes generated by issuing rake routes from within your application directory.

Categories : Ruby On Rails



© Copyright 2017 w3hello.com Publishing Limited. All rights reserved.