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(),
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()
Creating selector for ul/li's
Have a hard time finding the best combo of selectors to get the text value of a li > a parent of a child ul > li choosen. In example below when I click "Add Files" I need to get the parent value of "File Links": <ul class="dropdown-menu appNavBar"> <li id="appNav4" class="appNav"> <a class="trigger left-caret">File Links</a> <ul class="dropdown-menu sub-menu" style="display: block;"> <li id="fe3"> <a id="lnk_fe3" href=" index.cfm/fileexchange/main/home"
recognizing html element in JQuery for CSS class under class.
My HTML code below has nested CSS classes <div class="homepage"> <section class="hp-top"> <div class="container"> <div class="userMenu"> <ul> <li><a href="#" class="home"><span></span></a></li> <li><a href="#" class="News"><span></span></a></li> <li><a href="#" class="about"><span></span></a></li> <li><a href="#" class="contactus"><span></span></a></li>
Can't Get Previous page URL using jQuery
Hi, I have facing an issue for getting previous page url while using document.referrer property using JQuery. When i'm going to click back button on current UI page(page2.html), it'll go to the previous page(page1.html) but again i want to come back to the current page(page2.html), It'll work instated of before clicking the back button i press f5 key, here the document.referrer property value is getting empty so that i can't get back to the current page. If anybody knows this issue kindly let me
commas and brackets ! ???
in tutorials and definitions for example in this page why do they write like this: jQuery.extend( target [ , object1 ] [ , objectN ] ) what does this syntax mean ????? why dont they write this way : jQuery.extend( target , [object1 ] , [objectN ] )
jQuery.fn.extend()
my functions are arranged as followings: var myBase = { myCat1: { myFunction1: function(){...}, myFunction2: function(){...} }, myCat2: { myFunction1: function(){...}, myFunction2: function(){...} } } i want to make methods like this: $(".sample").myBase.myCat1.myFunction1(); how do i make above with jQuery.fn.extend() ??
Jquery/ajax script for password
Hello people, For my website projetc, i search a jquery/ajax for the password verification during the typing in the registration. I search just an examples in adapt. Thanks for help.
Error: Method refresh does not exist on jQuery.timepicker
Hello everyone, I'm working with timepicker and I do not know much about that. Problem that I tried to fix is about 'refresh' method in jquery timepicker. Here is my code that I created and works fine, but once I move that code in my page where I have to use that functionality I'm getting as error: Method refresh does not exist on jQuery.timepicker. Sample code: http://jsfiddle.net/20m6b7qz/5/. If anyone knows how I can fix this problem please let me know. I spent hours but still can not find solution.
how to retain no. of minslides using bxslider
How do i get bxslider to be in horizontal mode at lesser widths and retain the no. of min slides. See fiddle HERE. as of now , the number of slides is being reduced to one :/ when resizing.
Print iframe content
I have a kiosk screen that dynamically updates the src for an iframe when clicking different options. I am trying to create a print function that would print the content that is within the iframe. The iframe consists of locally hosted PDFs, website hosted PDFs and outside html pages. I have looked up and tried several options to no avail. My current setup has a contiainer div that contains an iframe and the print icon. The goal would be to have the print icon clicked which would open the print
jQuery Cloud Popup
Hi everyone, I'm looking for a type of cloud,something like this. https://panic.com/coda/ ¿someone know the name of this type of cloud?,it's jQuery or CSS? Thanks in advanced! Kind Regards
Next Page