w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
Bootstrap dropdown menu missing on one page but appears on another
The example code in the Bootstrap documentation is: <ul class="nav nav-tabs"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Dropdown <b class="caret"></b> </a> <ul class="dropdown-menu"> <!-- links --> </ul> </li> </ul> Seems like you have an extra div in there? If that is not the problem then you would need to examine what else is different in-between the two pages, as it is likely something else is interfering with the CSS.

Categories : Ruby On Rails

how can i make a logo appear on a top fixed menu bar that appears when scrolled down and it should disappear when returned to top?
Is this what you are looking for? http://jsfiddle.net/cancerian73/RqjXg/ body { margin: 0; padding: 0; } p { font-family: Arial, Helvetica, sans-serif; font-size: .8em; line-height: 1.5em; margin: 0 0 14px 0; ; } #container { background: transparent url('http://www.impressivewebs.com/demo-files/logo-scroll/demologo-wired.jpg') fixed no-repeat 30px 30px; } #header { background: #bbd5fd url(http://www.impressivewebs.com/demo-files/logo-scroll/demologo.jpg) fixed no-repeat 30px 30px; overflow: hidden; padding: 30px 0 30px 30px; height: 138px; } p#header-right { float: left; font-size: 40px; text-align: left; padding: 0 0 0 32px; padding: 40px 0 0 33px; width: 960px; } a#logo { display: block; width: 138px; height: 138px; float: left; } * html a#logo { background-position: 0 0; } #content {

Categories : Jquery

How to make this menu move with the page while being absolute
Since I don't have any HTML to work of off, I'm just taking a shot in the dark. If the nav is inside of any other element that's positioned relatively, the child element with absolute position will be trapped inside. Try moving the HTML outside of any containing elements, if it is. Also, you can't have an element positioned absolutely left AND absolutely right. The lowest property in the list will take precedence of the the previous. You just need one. If 100% width is what you were going for, just add "width:100%;".

Categories : HTML

How to make a CSS mega menu be on the full width of the page? (998px, but in the middle?)
You need to remove 'position: relative;' from the following: #menu li { float: left; display: block; text-align: center; position: relative; /* <<<<<<<<<<<<< Remove this */ border-right: 1px #000db9 solid; padding: 7px 10px 3px 10px; } Then you need to remove or change the individual widths you have on some columns (dropdowns). Example: .dropdown_3columns { width: 420px; } See http://jsfiddle.net/4paqY/1/

Categories : Jquery

How to make dynamic menu based on role in nested master page asp.net mvc 4?
First of all, you don't want to do this logic in a master page. You want to create a partial view that will build the menu based on the model information returned by a child action in some controller. For example: You should move this logic into some controller that is in charge of building navigation. Inside of this controller you should declare a child action that returns the information that you need. If you plan to store URL and Description in a database, you might as well store access privileges in a table as well. That way you can pass user's group or user name and retrieve a collection of URL to which that user has access. After that you could use a code similar to the one below. For example: public class NavigationController : Controller { [ChildActionOnly] public Part

Categories : C#

What is missing to make my cascading DropDownList work
The documentation about cascading is available here: http://docs.kendoui.com/getting-started/web/combobox/cascading Here is how filtering works: If the parent has a value, then the child will be enabled and will filter its data depending on it. Here how the filter options will look like: field: "parentID", //the dataValueField of the parent operator: "eq", value: "" //parent's value This means that the child dropdownlist (combobox) will use the field configured via dataValueField of the parent to do the filtering (cascading). In your case this doesn't work because dataValueField of the parent is set to "id". This field however serves a different purpose in the productsList array. Currently there is no feature which allows one to specify the field used

Categories : Kendo Ui

Menu appears in reverse order
cahnge float:right; to float:left li.portfolio { float: left; font-size: 30px; width: 140px; } li.about { float: left; font-size: 30px; width: 110px; } li.contact { float: left; font-size: 30px; width: 130px; } and add float:right to ul div#header ul{float:right;}

Categories : HTML

How to remove white page that appears between splash screen and first page on HTML5 web app on iOS
You have to set all the subviews of your webview and the webview itself non-opaque and with a clear background color. for (UIView *subview in [myWebView subviews]) { [subview setOpaque:NO]; [subview setBackgroundColor:[UIColor clearColor]]; } [myWebView setBackgroundColor:[UIColor clearColor]]; [myWebView setOpaque:NO]; then your html code should have this <body style="background-color: transparent;"> To finish, set the background of the superview of your webview as you like.

Categories : HTML

setting menu item's title appears as all cap on android
I cannot speak from experience but I have found this code fragment that might help you. (I believe the actionbar item is an icon first an actionbar when activated) @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.options, menu); MenuItem menuItem = menu.findItem(R.id.actionItem); ... menuItem.setOnActionExpandListener(new OnActionExpandListener() { @Override public boolean onMenuItemActionCollapse(MenuItem item) { // Do something when collapsed return true; // Return true to collapse action view } @Override public boolean onMenuItemActionExpand(MenuItem item) { // Do something when expanded return true; // Return true to expand action view } }); } Link: http://developer.android.com/guide/topics/

Categories : Android

ASP.NET UpdatePanel Issue Maintaining Page Scroll Position With Cascading DropDownLists
What I normally do is to store the scrollPos in hidden textboxes and when the page is updated through the postback, get the values from the textboxes before rending and then scroll to that part of the screen via some javascript...

Categories : Asp Net

Making my checkout cart a floating menu that appears when scrolling?
We can't help you making things we can only help you correct things you couldn't manage to do on your own. What you should do is write a little piece of JavaScript which will check if the user has passed a certain point on your page, you can do that with the onScroll event and with the offsetheight. If the user is passed the point then apply the class fixed to your checkout, if not then remove the class (don't forget this, users tend to scroll up as well). Next create a fixed CSS class and make sure the cart is positioned correctly on the screen. Good luck

Categories : CSS

Trying to achieve skewed menu items without skewed text. Came close but 2nd tier items are cascading strangely
Is this what you're wanting to achieve (the positioning of the drop downs may need a bit of tweaking)? http://jsfiddle.net/jzKHD/ The skew on the top level items is also affecting the bounds of the drop down ul -- you're then "unskewing" each drop down li, whereas you should actually unskew the whole ul: ul#nav li ul { /* second-level lists */ border: 1px solid black; position: absolute; width: 200px; left: -999em; /* using left instead of display to hide menus because display: none isnt read by screen readers */ margin: 0px; padding: 0px; /* This transform was moved here from the next rule */ -webkit-transform: skew(25deg); -moz-transform: skew(25deg); -ms-transform: skew(25deg); -o-transform: skew(25deg); transform: s

Categories : Jquery

In Jquery Jpanel menu , on mobile, if page length is increasing , menu is opening with a jerkness
There was no solution yet. As far I find out, it can be minimize using some ways. like:- There are two main events that jquery jpanel menu provides. BeforeOpen. AfterClose. These events solved my issues for a limit. You can hide or set display none for page that is non in display area on event BeforeOpen. And unhide in afterClose Event. This is pure you logic how do u maintain that.

Categories : Jquery

Make button viewable only when certain text appears on the internet
Maybe this will help you : //x is a string if(x == "test"){ Button2.setVisibility(false); Button2.setClickable(false); Button3.setVisibility(false); Button3.setClickable(false); } else{ //Do something else } To load something you can check here Load URL Or here : Load URL2

Categories : Android

How to make the Facebook Comment box that appears after liking display above and not below
apparently there's no solution for this issue. Please refer to this SO answer: Facebook like button box opening outside window area

Categories : Javascript

SEO optimization - front page appears twice?
Add a 301 redirect to your htaccess file in your document root (preferably before any rules you may already have: RewriteCond %{THE_REQUEST} ^[A-Z]{3,9} /([^ ]*)somefile.html RewriteRule ^ /%1 [L,R=301] This redirects any direct request for /somefile.html to just /. As well as any subdirectories: /foo/bar/somefile.html to /foo/bar/.

Categories : Apache

datePicker appears on page load
Why are you using two datepicker consecutive sentences? You can try with only one: $('.datepicker').datepicker({ beforeShow: function() { $(this).datepicker().addClass("datepickerBorder"); }, onClose: function() { $(this).datepicker().removeClass("datepickerBorder"); }, changeMonth: true, changeYear: true, showOn: "button", buttonImage: "******", buttonImageOnly: true, minDate: new Date("01/01/1900"), inline:true, yearRange: "1900:2100" });

Categories : Jquery

How to make the footer menu look like main menu on top?
Ok so I figured out a great way to do this. Basically I created a footer.php file and added it to my child theme folder. I copied the code from the parent "footer.php" file and pasted to the Child version. Then I removed the guts of the menu where it inside of the It used to point to secondary menu, now it points to primary. Then I followed it up by styling with CSS. I renamed menu to menu_2 as follows: <div class="menu_2"> <?php if (has_nav_menu( 'primary' )) { wp_nav_menu( array( 'container' => 'menu', 'container_class' => '', 'menu_class' => 'dropdown', 'menu_id' => 'mainmenu', 'sort_column' => 'menu_order', 'theme_location' => 'p

Categories : Wordpress

login page that only appears when the user is logged out
save the logout value in NSUserDefaults ,while run the application check the value which is placed in NSUserDefaults and based on that value redirect o your screen. in login viewController viewDidLoad method put this code. if([[[NSUserDefaults standardUserDefaults] valueForKey:@"logout"] isEqualToString:@"No"]){ //push to your home view controller class } in login success method keep this one, [[NSUserDefaults standardUserDefaults] setObject:@"Yes" forKey:@"logout"]; in logout button click method put this one, [[NSUserDefaults standardUserDefaults] setObject:@"No" forKey:@"logout"];

Categories : IOS

Empty area appears at the bottom of page on chrome
Depending on which version of Chrome that you are using, there is a reported issue of this grey area displaying only when the "Show bookmarks" (ctrl-shift B) is selected. Here is a link to the bug report: https://code.google.com/p/chromium/issues/detail?id=139765 The issue purports to be fixed in the current version of Chrome.

Categories : Google Chrome

MVC4 - best way to have a generic popup message that appears on every page
You could use some of the existing plugins such as jGrowl or noty.

Categories : C#

Custom 404 error page in Sitecore don't appears when file (.pdf and other) not found
I think this will help you. <system.web> <customErrors defaultRedirect="Error.aspx" mode="On"> <error statusCode="500" redirect="Error.aspx"/> </customErrors> </system.web> U can add additional tags and mention available error codes and the page where you want to redirect.

Categories : Asp Net

Thumbnail only appears in Facebook Share dialog after refreshing the page
Can you confirm that your image is valid: og:image – This is an image associated with your media. We suggest that you use an image of at least 200x200 pixels. However, bigger is better, so if you have a 1500x1500 image that you can use, please use it. We'll downsample and crop it for for people using smaller-resolution devices but will use it on a larger device. The larger this image is, the more likely it will be used when sharing stories on Facebook. (Note: image sizes must be no more than 5MB in size.) From Facebook: Maximizing Distribution for Media Content EDIT: Clear the cache of your browser.

Categories : Facebook

How to check if text appears on page in rails functional test?
I think you're just looking for: assert_select "p", "this is the test line" See the docs for more info about assert_select. Note that the line above depends on the text being wrapped in a <p> tag, and being a literal match. If it's in another tag, you'll need to specify the correct selector. If you'd like to match on a Regex, that is also supported, via: assert_select "p", /test line/ Note that this will not be very performant, as it will scan through all <p>'s in your document. Consider a more tightly specified selector, like a class or ID on the element you're targeting.

Categories : Ruby On Rails

Make Horizontal Scrollbar Appear When Hidden Sidebar Appears and Pushes the Main Body Content
add a div (ex. wrapper) which contains your entire page with in it...and the css property for your <div class="wrapper"> will be .wrapper{ overflow:auto; } to have only horizontal scroll bar .wrapper{ overflow:auto; overflow-y: hidden; }

Categories : Javascript

When clicking on a link inside the accordion menu, how can I keep the accordion menu open once the page is refreshed with new html content?
I suggest you try another menu selector based on your current url (because when your page refreshes you can't get menu item clicked before). It could be something like this (for receipt-printer.html page): $('.menu > li > ul:not(:has(li > a[href="receipt-printer.html"]))') It's hard coded but I think it could work for you. The value of current page you can get from window.location.pathname. For example like this: var url = window.location.pathname.split('/')[3] //because on your site you have relative url lauren/ootpik5/receipt-printer.html But it also hard coded and I'm not sure that it will work for any urls on your site. So full example of algorithm could be: var splittedUrl = window.location.pathname.split('/'); var href = splittedUrl[splittedUrl.length - 1]; var menu

Categories : Jquery

GE plugin appears not to render completely on page refresh (late-arriving elevation data)
Is there something wrong with my code? No the code is correct. In your example you are setting the polygon ALTITUDE_RELATIVE_TO_GROUND at 100m but sometimes the the ground altitude data hasn't finished streaming when the element is drawn. This is what accounts for the differing rendering you are seeing. Is it a bug that should be reported to Google? Yes, I think it is a bug with how relatively positioned elements work with streamed elevation data. I have seen a similar issue with flying to a model's relative location, see this report: https://code.google.com/p/earth-api-samples/issues/detail?id=263 I would file a new bug report and reference that one in it. Is there a way to prevent this from happening? I think the work-around given in that bug-report could be applicabl

Categories : Misc

Multi-level push menu state from page to page
It's suggested on their blog to change 'this.open' to 'true' within the '_init' method. _init : function() { ... this.open = true; However this didn't work for me! Invoking '_openMenu()' method at initialization time, right after 'this._init()' will expand menu but could potentially bring problems with event listener for body click... function mlPushMenu( el, trigger, options ) { this.el = el; this.trigger = trigger; this.options = extend( this.defaults, options ); // support 3d transforms this.support = Modernizr.csstransforms3d; if( this.support ) { this._init(); this._openMenu(); // added } } Second possibility: If you want to "save" exact menu position, perhaps you could use following jQuery multi-level push menu plug-in, and then be

Categories : PHP

Google auth buttons in the approval page are appears not enabled in froyo's 2.2 default browser since few days
I am facing the same problem for my app developed using Google OAuth and Google Drive SDK since the last week, lot of users are complaining the 'Accept' button in the browser remains disabled. Please let me know if there is a solution to this https://dev.windowsphone.com/en-us/ApplicationDetails?productId=1a2c2d85-ebda-47c0-ae7c-d60ba15ca19f

Categories : Cordova

Floated right DIV appears below the others appears below in shadowbox Chrome only
You have widths in percentages and have padding and margins in px. The widths which are in percentage are calculated by the browser later onload. As all browsers have different viewport widths, that is why the result is change. You should also use margins and paddings in percentages.

Categories : HTML

Check a Boolean value from database at the start of an app then load terms and condition page if false, load menu page if true
I solved this problem by creating a new JavaScript file which runs when a html page lodes (start of the <head> tag Which opens the database Runs the SQL query to find the value Opens the relevant page depending on the result It still displays the page (half a second at most) when I load the page, but it does what I want Here is the code: try { db = openDatabase('cuopioid', '1.0', 'cupioids application database', 2 * 1024 * 1024); } catch (e) { // Error handling code goes here. if (e == INVALID_STATE_ERR) { // Version number mismatch. alert("Invalid database version."); } else { alert("Unknown error " + e + "."); } } checkTerms(); function checkTerms(tx) { db.transaction(function(tx) { tx.

Categories : Javascript

How to make "document.write" in an if statement work on the same html page rather than a new blank page?
This has nothing to do with being in an if statement, it has to do with using document.write when the document is in a closed state. Using it then will open a new document to write to. There is no way around that. Use DOM manipulation instead of document.write.

Categories : Javascript

Make a page loaded in an IFRAME access the JavaScript objects of the containing page's script
window.top.Foo.Initialize() or window.parent.Foo.Initialize() See https://developer.mozilla.org/en-US/docs/Web/API/window.parent?redirectlocale=en-US&redirectslug=DOM%2Fwindow.parent Note that access across windows is subject to the same origin policy

Categories : Javascript

Make 1 page objects Two Elements ID's to 1 page object Variable
Your approach of using xpath can work. The problem is the syntax errors in the xpath selector. It should be: "//select[@id='t_id9' or @id='t_id7']" Note: The start should be a // rather than a Using or is case-sensitive; it has to be lower case There was also a missing closing ' for the first id attribute Personally, I find css and xpath selectors harder to use. I would go with the id locator with a regex. The following gives the same results, but some will find it easier to read. select_list(:selectionSpecial, :id => /^t_id(7|9)$/)

Categories : Ruby

Is it possible yet to make a single page web page without using server side such as PHP?
Client side javascript can know about the query string on a URL. In javascript, it can be accessed through location.search. You could have your javscript show and hide different sections of the page based on the information in the query string.

Categories : PHP

How to load a page in Javascript and MD5 hash it to make sure it is the page we are looking for
Using jQuery to download the page and cross-domain-ajax for the cross domain request. function utf8_encode ( string ) { string = (string+'').replace(/ /g, " ").replace(/ /g, " "); var utftext = ""; var start, end; var stringl = 0; start = end = 0; stringl = string.length; for (var n = 0; n < stringl; n++) { var c1 = string.charCodeAt(n); var enc = null; if (c1 < 128) { end++; } else if((c1 > 127) && (c1 < 2048)) { enc = String.fromCharCode((c1 >> 6) | 192) + String.fromCharCode((c1 & 63) | 128); } else { enc = String.fromCharCode((c1 >> 12) | 224) + String.fromCharCode(((c1 >> 6) & 63) | 128) + String.fromCharCode((c1 & 63) | 128);

Categories : Javascript

How to make JS page redirect trigger before page load
Try this How to Run a jQuery or JavaScript Before Page Start to Load. Btw. if you want redirect without displaying page you must use php with cookies check.

Categories : Javascript

How to make current page with different style (PHP ?page href)?
You can do something like this. $currentPageNumber = $_GET['page']; for($number=1;$number<=$total_pages;$number++){ $currentPageStyle = ''; if($number == $currentPageNumber){ $currentPageStyle = 'style="color:red"'; } echo '<a href="?page='.$number.'" '.$currentPageStyle.'>'.$number.'</a>'; }

Categories : PHP

Make CSS Menu horizontal
Does this put you into the right direction? http://jsfiddle.net/nSLwm/ Source: http://www.overpie.com/css/articles/css-horizontal-fly-out-menu <div id="menuwrapper"> <ul> <li><a href="#">My awesome button</a></li> <li><a href="#">My awesome button</a> <ul> <li><a href="#">awesome link nº 1</a></li> <li><a href="#">awesome link nº 2</a></li> <li><a href="#">awesome link nº 3</a></li> </ul> </li> </ul> </div> You should only edit the css.

Categories : HTML

How to make a dropdown menu like the one on amazon.com?
Someone wrote a blog post about the amazon drop down box a while ago: http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown

Categories : Javascript



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