How do i customise the width and position of supefish( Nav- Bar ) menu
I have a fullwidth menu bar in my website and it's navbar works through the superfish( Nav- Bar ) menu.I have megamenu as submenu of superfish menu. It loads the megamenu content so wide in the screen. It's enlarges the content in the megamenu I wants to customise the menu width and position in the middle of the screen and main menu.It's shown in below images Please some one help me to solve this issue and thanks for advance.
Google map not loading
Am feeding lat and lng variables to google map from dynamic select/options. I am seeing that the correct lat and lng are being produced but when fed to mapOptions map doesn't load. Here is my code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Google Maps API getting Lat and Long with Geocoding</title> <link rel="stylesheet " type="text/css" href="css/loadList.css" /> <link rel="stylesheet " type="text/css" href="css/gps.css" /> <script src="../jquery/jquery-2.1.4.js"></script>
Why is my line of code not working , even though the function is firing inside bxslider.
iam just using bxslider and came across a funny fug MY PAGE . the BUG can be seen in discussion on that thread. my jQuery initialization code is as follows: $(window).on('load' , function(){ var bxslider = $('.projects .bx-slider').bxSlider({ mode: 'vertical', minSlides: 3, slideWidth:304, slideMargin: 8, onSlideAfter: function(elem , old , newi){ /*var idx = elem.index(), src = $('.bx-slider li').eq(idx).find('img').attr('src'); console.log(elem.index()); $('.active-project-img img').attr('src'
Simulated tooltip code not working on Safari on iPad
This works on Firefox for iPad, and even on a Windows 8 phone. On a desktop computer you can mouseover and see the text or if you have a touch monitor you can touch the area and it shows the text. For some unknown reason it won't work on Safari on iPad, even though I did some similar code for a former employer (and it still works) and this new code seems to be identical. No difference in the CSS. It ignores the touch on the iPad when using Safari. Unfortunately I don't understand the "Insert Code"
Change Tabs by cliking a link inside a Tab
This is an awesome place. I have the following code but it does not work - does not change the tabs when you click on the links embedded in these tabs. Hot sure why this does not work - please let me know why you think it might not be working.. <!doctype html>
<html lang="en">
<head>
<title>jQuery UI Tabs</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
count repetitive same values
Hi, how can I count repetitive same values ? for example: var arr = [2, 2, 2,5, 2, 2, 4, 5, 5, 5, 9,4,4]; I want to get: 2 > 3 5 > 1 2 > 2 4 > 1 5 > 3 9 > 1 4 > 2 I will appreciate if you provide any hint regards
Can't get options value/text from dynamically created select list
Hi, Trying to learn about select/options dynamic lists. I found this nifty dynamic select program on the internet. Trouble is I can't get the value and text/html. Here is my code: The list populates fine but if I click on a selection nothing happens. Do I need a 'click' function? Thanks for your help in advance. R <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Google Maps API getting Lat and Long with Geocoding</title> <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
Jquery UI dialog not working in blogger blogspot
hi, I am using blogger blogspot blog. I tried the the simple jQuery UI Dialog(http://api.jqueryui.com/dialog/) and it is not working. Could it be because my blog is already using the followings- <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'/> while the simple UI dialog box example is using, <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
Launch image is not working in iPhone 6
Hi All, I am developing a hybrid iOS application using jQuery mobile, in this application i have kept 10 splash images in Resource folder as given in Cordova documentation. This application is displaying splash screen in iPhone 6+, but not working for iPhone 6. Please help me as soon as possible.
Disabling a widget theme
i use jquery tabs and jquery datepicker i want jquery default theme (colors, paddings, gradiants etc) for datepicker so i use jquery-ui.min.css on my page but i dont want jquery to theme my tabs at all !!, i want no css from jquery for my tabs is there a way to disable jquery theming interference for a specific widget (ie tabs) or i should over write css for my tabs to have my own themes and looks ? thanks
Jquery dialog window gets stuck and drags with cursor
Hello Everyone, I am facing problem with Jquery dialog window. Can u please help me. Issue is i am, calling jquery dialog window on button click and it's draggable. When i drag and drop the window on it's header, then it's not stick with the mouse pointer. otherwise, if i drag from the header and drop other than header, other surface it's stick with the mouse pointer and come up with the mouse pointer. how can i fix this onc. any help would be thankful. Thanks in Advance Satish Ch
beforeunload event on div?
I have to bind beforeunload event to div. If the div unload I want to prompt user with an alert you have "unsaved changes". when I attach beforeunload event on window element. $(window).bind 'beforeunload', (event) -> # on window unload It works as expected but I want it to listen on unload of div.
Resoponsive sidebar menu
Hello I'm quite new to jQuery and I would like to change the following code that it fits my needs: http://jsfiddle.net/KyleMit/T5vBR/ It is working quiet good but a problem appears when I'm resizing the window under 500px: When I'm clicking onto the button (?) the menu appears. If I close the menu and enlarge the window the menu and the button has disappeared and I've got a problem. How can I avoid this? I would like to change the code, that it adds a new class to the Menu container acording to the
How to smooth carousel scroll on hover as much as possible?
Hi there! I need your help. I need to stop shaking it on scroll, it looks ok but if you look closely of example 2 you will see that it's not smooth move. We definietly see steps. When we close to the edge its move faster, I notice the faster speed cause bigger step, I think step should be always the same, for example 1px, speed of steps should change instead of step size when we closer to the edge. Example 1 Example 2 Thanks for your help! :)
glitched isotope extenstion
Has anyone attempted to use this plugin. http://isotope.metafizzy.co/v1/custom-layout-modes/spine-align.html I am attempting to use it but when it is installed I get the following message in the console. Uncaught TypeError: Cannot read property 'prototype' of undefined (this always refers to the first line of the $.Isotope.prototype methods which the page says i need to import) The isotope display is also severely glitched. The isotpes consist of a outer container and inner divs which contain text
Move li to other UL
the code I have https://jsfiddle.net/xmxytaot/1/ This works, but not quite. the element can be moved. But only once! Not again. Why not?
Question about is() function
HTML <ul> <li>i have <strong>one</strong> here and <strong>another</strong></li> <li>i have only <strong>one</strong></li> </ul> $('li').click( function() { var isTwo=$(this).is( function() { return $('strong',$(this)).length==2; } ); if (isTwo) { $(this).css('background','green'); } else { $(this).css('background','yellow'); } } ); My question is what does $(this) in $(this).is(.............) do here? If I change to $('strong').is(..........) it doesn't work as expected.
Content not sizing to modal window until browser window resize
I know I can fix this with jQuery but am at a loss. Hope someone can help!... How can I trigger a resize on modal load? I think that’s what I need to do since my content isn’t sizing to the modal window unless I manually resize my browser window, only then does it fill it out. The top image is what it looks like when I first open the modal. The bottom image is what it should look like but I have to manually resize my browser window for my content to fill in the window. This is what I want as soon
How to change other textboxes value based on any text change?
Hi, I am new to jquery, I am trying to update all textboxes value based on any textbox changed value and update this value to checked one, here are the code I am trying to get my task. First I am trying to change div to textboxes, then I capturing changes textbox value and try to update when checkbox is checked, but I am receiving only on to checked box. <script type="text/javascript"> $(document).ready(function () { var value1 = ""; $('div').each(function (index) {
modifications for touchTouch img gallery
Hi, I would like the thumbnails on the main page to act as category cover images that then lead into the lightbox overlay. The lightbox overlay would have many images pertaining to that category only. Once it gets to the last slide, it would fade out back to main screen. I do not know what modifications I should make to touchTouch. There was a github fix for multiple galleries, I cannot get to work. Also, again, I do not want the other images displayed as thumbnails. They need to be hidden away
Change width with transition with cookies.
Hello, I have a problem because I would like to change classes (in this case it will be width) were carried out dynamically, just like here: https://gyazo.com/3a9e7ed47608e894c7b0e00ef4608078 ) Code: if($.cookie('wrappersState') === 'true') $('.wrapper').addClass('page-full-width'); else if($.cookie('wrappersState') === 'false') $('.wrapper').removeClass('page-full-width'); $( "button#toggle-width" ).click(function() { var wrappers = $( ".wrapper" ); wrappers.toggleClass( "page-full-width"
About page hashing and history.
Hello, suppose I have 3 pages, Main Page, Detail page and Conditional Page. The standard flow of the site is this one: User enters main page, navigates to detail page and depending on his inputs, he goes into the conditional page, then returns to the detail page. What I am wondering is how you set the system so that, if a user who got into the conditional page presses back, he returns to the previous page, the detail page. However, if the user presses back after the conditional page he should go
include a script in another script
Hi, I have a main.js and xxxxx.js main.js will be for every page in my website where xxxxx.js is a page specific, e.g. new_employee.js, employee_details.js, help.js, etc Is it possible to load the xxxxx.js and with the xxxxx.js I include main.js? Otherwise it will have a duplicate pagecreate event? is this ok? Thanks, Jassim
fileupload new exits jquery
in edit screen we need to change or remove uploaded image , now remove button clear the the file . but need to update the file name to '' in database when press on update button. the problem is after clear the files its not showing in in PHP $_FILES when remove we need to set file value null it is bootstrap file upload file upload-new file upload-exists
jquery not working offline and in Google crome
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Recipes</title> <link href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js" type="text/javascript"></script> </head> i am a new to jquery,the above code is working online in all browser except crome and its not working offline in
pagecreate instead of document ready?
Hi, I was always using: $(document).ready(function() in my JQuery and now I am starting with JQuery Mobile. so is: $(document).on("pagecreate", function() the best to use for the mobile? Thanks, Jassim
Uncaught TypeError: addtocart.off is not a function
I'm using a plugin that Chrome has caught, but I'm not sure how to fix it. I'm receiving an error: Uncaught TypeError: addtocart.off is not a function. The plugin I'm using is integrated with Joomla. I'm not sure if it's a cause of the plugin or the jQuery version I'm running: 1.6.1 I appreciate the second set of eyes. The code is below: if (typeof CustomfieldsForAll === "undefined") { var CustomfieldsForAll = { handleForms : function(forms) { forms.each(function()
Jquery Datepicker Not working
Jquery Datepicker Not working
jhtmlarea.js Unable to get it to add <p> tags each time I click "enter"
Hello, No idea if anyone is knowlegeable with jhtmlarea.js but I am struggling getting my text to appear properly in the text area. At the moment when I enter some text, I get this: text here [enter ] <div>text here</div> It looks like when I load it there is no div tags on my first line of text until I click on "enter". Any idea how to add automatically <p> tags to any part of the text each time the button "enter" is clicked please? i have attached the js file as it is too big to be posted here.
this.find("a").filter(function() in jQ Treeview: Please, help to modify
jQuery Treeview menu in "location" mode, open menu section that matches the url : ... <ul class="filetree"> <li><a href="/catalog/motherboards">Motherboards</a></li> ... 1 case "location" : 2 var current = this .find( "a" ).filter( function () { return this .href.toLowerCase() == location.href.toLowerCase(); }); 3 if ( current.length ) { 4 current.addClass( "selected" ).parents( "ul, li" ).add( current.next() ).show(); 5
jQuery Tabs - can I change the default tab?
I am using the jQuery Tabs Widget: http://api.jqueryui.com/tabs/ By default, the first tab coded on the page is loaded. Does anyone know if there is something I can add to the script to change what tab loads by default?
How can I pass jquery array into a function?
Hi, I have a function that is called as below and works fine when I use comma seperated values for url as below: $(".related-posts-container").rssFeed({ buildType: "Object", url: ['/testblog/topic/spark/rss.xml', '/teamblogs/topic/devops/rss.xml'], author: true, relatedPosts: 5 } It also works fine for a single URL passed from a variable as below document.getElementById("bloghelper").innerHTML = array[0]; $(".related-posts-container").rssFeed({ buildType: "Object", url: $('#bloghelper').html(),
Error in demo page
Hi, in the page: https://jqueryui.com/datepicker/ i get a 404 error using chrome developer tools: Request URL: https://jqueryui.com/resources/demos/bootstrap.js Request Method: GET Status Code: 404 Not Found
Correct syntax for alert method
Hi I came across this code for the setting an alert: setTimeout(function(){ alert('This is an alert!')},1000 ); However when i tried this code it also worked: setTimeout(function(){ alert('This is an alert!',1000); }); The difference in syntax is highlighted fuchsia color. I would like to know, What is the correct syntax to be used? Thanks for helping me :) Regards Jayashree
Any reason that the callback functions for $.map and $.each accept their parameters in opposite order?
They both perform an iteration. Yet in $.each the first parameter is the index, while in $.map the index is the second parameter. Why the inconsistency? I use both functions and I constantly have to remind myself the order. I would rather them both be function(value, index). I'm constantly having to write this: $.each(arr, function(dontCare, value) { // do something }); I'm willing to bet more people care about the value not the index. Any idea why they arranged the parameter order like
Insert multiple/different div content
Hi there, I´m trying to use this FILTERABLE PORTFOLIO: http://webdesigntunes.com/tutorial/filterable/ However I want to use content with multiple images and text. I I found this code that works perfectly INDEX <div id="pholio"> <!-- START PHOLIO --> <nav class="primary clearfix"> <ul class="conteudo_corrente"> <li><a href="#" class="selected" data-filter="*">All</a></li> <li><a href="#" data-filter=".web">PRODUCT</a></li>
ajax + url encodeing
When attatching data to an ajax() call using the get option ie .ajax({ url:'example.com', method:get, data: { a: 1, b:2 } }) does the URL (including everything that comes after the ?, ie the data) get URL encoded?
failed limited drag/drop (jquery sortable)
Demo & complete code is like this : https://jsfiddle.net/oscar11/vs4zggjf/ I want to make to be like this : http://imgur.com/wIFwON3. So,I would like to add some conditions. Customers can only drag in room type. While room type can not drag to the customer. whether it can be done? I have tried but did not succeed. I take from here : https://johnny.github.io/jquery-sortable/#connected Thank you
delay before animate() begins
Hello, I'm trying to animate the height of a div using jquery animate(). Please have a look at these before and after images: BEFORE: AFTER: What's happening here is that the user comes to a blank page with only the name textbox and the vehicle drop down list. When the user selects a vehicle from the list, the div becomes visible and animates height-wise (i.e. it expands). This is all well and good. Here is my CSS: [code] .VehicleFeatures { display: none; flex-wrap: wrap; padding: 10px;
post json - newbie question
Hi, basic newbie question... I have a button with id = postJson that triggers a script (below)... - the button is on top of the form - now I would like to add a duplicate 2nd button at the bottom of the form that does the same thing - so I duplicated the button and gave it id = postJson2 ... Q: rather than create a whole dupe of the script (to trigger the same thing) - is there a way to write it so that the script below will trigger from either button = postJson or postJson2? maybe like : $('#postJson').click(function()
Next Page