Jquery UI Tabs Major bug: not working if using base href (all vers).
If setting base href in the head of the document the base example with tabs on the same page will not work.
Datepicker not excluding weekends as it should be
Hello, I'm using the jQuery ui datepicker and it's supposed to be excluding weekends but doesn't seem to be doing that. Please help. Thanks! Susan //datepicker var natDays = [ [1, 1, 'New Year'], //2014 [1, 20, 'Martin Luther King'], //2014 [2, 17, 'Washingtons Birthday'], //2014 [5, 26, 'Memorial Day'], //2014 [7, 4, 'Independence Day'], //2014 [9, 1, 'Labour Day'], //2014 [10, 14, 'Columbus Day'], //2013 [11, 11, 'Veterans Day'], //2013 [11, 28, 'Thanksgiving
Assigning before $(document).ready
Hi, I saw this code: var $element = $('#element'); $(document).ready(function() { console.log($element); }); If I understand this correctly above statement will work in most cases, but it's not 100% sure since DOM might not be loaded yet. This would be the better way, right? var $element; $(document).ready(function() { $element = $('#element'); console.log($element); }); I just want confirmation that the first example might not always work. Thanks in advance!
Implementing History.js
I'm so unbelievably angry right now for two reasons. One is that i can't figure this out, and the other is that the developer of history.js provided fairly shitty documentation for jQuery beginners. I also can't find a decent tutorial on how to implement history.js. I have one question before begging for help on this forum. Does history.js come along with the AJAX content loader script or not? I have my own AJAX but don't know wether to keep it or remove it when implementing history.js. Now on with
Add type=file
I'm rookie in jquery and and learning fast but this time I'm having trouble to figure out myself how that works. I have three columns and each column have images that retrieve from mysql which is works great. My next step problem I have, is that if any of tables image columns is empty in database or no file name in database, how can I show "type file" (upload) in table area using jquery if is empty in database ? please help thanks. Alidad
jQuery UI modal form not working properly
I am having a problem using the modal form. When the dialog opens the first time, the validation and form do not validate/submit. If I cancel the dialog and then open it a second time it validates/submits. Any help or suggestions would be greatly appreciated. Here is the html: table row that is clickable: <tr onclick="selectRowEffect_shipping(this, 2), shippingDate(), getHALzip()" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" class="moduleRow" id="HALrow"> divs: <style> .ui-dialog
Switching from History API to hash navigation
I want to use History API to navigate between AJAX loaded content using url. The problem is that History API is not compatible with many browsers. So when my website is loaded on a browser that is not compatible with History API, i want it to switch to hash. Is this possible or not?
datepicker date text
Hi, I have the following code for the datepicker: function setDeliveryDate(date) { $('#delivery-date').text($.datepicker.formatDate('DD, MM d, yy', date)); $('#datepicker3').text($.datepicker.formatDate('DD, MM d, yy', AddBusinessDays(date, -1))); $('#datepicker2').text($.datepicker.formatDate('DD, MM d, yy', AddBusinessDays(date, -2))); } setDeliveryDate(AddBusinessDays(dateMin, 4)); $.datepicker.setDefaults({ beforeShowDay: noWeekendsOrHolidays, showOn: 'both',
simultaneous fadeOut() and slideUp()
I am trying to develop a function to simultaneously fade elements out and slide them up. The following attempt doesn't work. It applies the animations sequentially. How can I fix it? Bill /****************************************************************************** .slideFadeOut() ******************************************************************************/ (function($) { $.fn.slideFadeOut = function() { this. queue('fx2', function() { $(this).slideUp({duration: 2000});
Add submenuopen, submenuclose callbacks to UI Menu
Because of 300 ms delay there's no good way of determining when submenu is being open. Adding submenuopen (opensubmenu, simply open?) callback at the end of anonymous function in _startOpening() would do the job. Probably like this: this._trigger( "submenuopen", event, { item: submenu } ); And for consistency, in _close(): var that = this, cachedMenus = startMenu .find( ".ui-menu[aria-expanded=true]" ); startMenu (...) .removeClass( "ui-state-active" ); cachedMenus.each ( function () { that._trigger(
Losing control on fancybox after postback on MVC partialview
I am loading partialview from fancybox. partialview has Form=Post, once I submit form and I need to show results on same fancybox <div>. But return result loading full view and I am loosing control on fancybox after submit. view load fancybox index.cshtml @using System.Web.UI.WebControls @model SPE.ContactSubmissionForm.Models.Contact <div id="result"></div> @using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data", @class = "form-horizontal", role = "form" })) {
How to properly hook up my Dropit dropdown menu.
Hi Everyone, I am very new to jquery and I have a few questions. I am using Dropit http://dev7studios.com/dropit/ to create a drop down menu that will allow my users to click on an option and go straight to the page they need to go to. My question is how do I incorporate the onclick and where do I put it in the code to make that work? Also, do I just add the dropit style.css to my current website css file? Thank you so much!
Printing of jqmData into HTML
Hello, I saw here http://api.jquerymobile.com/jQuery.mobile.loadPage/ that it is possible in jQueryMobile to directly print data into the HTML-Code without using the <script>-tag. Here is my code: // HTML stuff and including of jQuery mobile & co. <title>$.jqmData("projectName")</title> </head><body> //... <h1>$.jqmData("projectName")</h1> // rest of codeFor the title it works and inserts my project name which defined earlier. In the body part (<h1>-tags) it does not work and shows me the unparsed
Complex jQuery image slider stop / start timed question
I need to get hold of a jQuery image scroller that scrolls through a large amount of images continuously but stops when one image gets into the middle of the scroller and then displays the thumbnail, but in a large version in a box directly above the box that the thumbnail stops in. So... How it will work... 1. Images are scrolling continuously. 2. 1 of the images get into the center box and displays a large image of the thumbnail in a box above. 3. After 3 seconds, the next image scrolls into the
Trying to read xml file
In PHP I am querying my database and creating a XML document. that has the following layout. <markers> <mark traffic="" latitude ="" longitude =""></mark> <mark traffic="" latitude ="" longitude =""></mark> </markers> I have created the following code trying to read these attributes to display into google maps here is my Jquery $.get('/PHP/SQL_Maindata.PHP', function(d){ $(d).find('marker').each(function() { //gets Google LatLng var
How to append a form value to iframes src
I am trying to add a form value to an iframe src on another page. Here is the code I am working with on the homepage: <form action='local-agent-map.html' action="mapFrame"> <div class="form-group"> <label class="sr-only">Zip/Postal Code</label> <input type='hidden' name='uid' value='7214791'/> <input class="form-control" type='text' name='search' value='' placeholder="Enter Zip/Postal Code"/> </div> <input class="btn btn-default"
Ajax jQuery empty request
In my simple login page to send the login information to the servlet, and in response receives one parameter which is interpreted in jQuery. Data is sent correctly, go to the servlet which also sets the parameter correctly what I see in firebug in response header. The problem is when I want to download den parameter to a javascript variable. The request object is empty, while in chrome incpect see alert: Uncaught TypeError: Object has no method 'getResponseHeader'. When I display it using console.log
jQuery plugin not processing disabled property on option tags
My .net website is using a jQuery plugin; I have the following code on a simple .aspx page: <select id="Select2" name="categoryFilter"> <option class="inactiveLabel" value="A" disabled="disabled">A</option> <option value="x">x</option> <option class="inactiveLabel" value="B" disabled="disabled">B</option> <option value="y">y</option> <option class="inactiveLabel" value="C" disabled="disabled">C</option> <option value="z">z</option> <option class="inactiveLabel" value="D" disabled="disabled">D</option>
$.ajax - Accept..
Hi, Can someone explain how "Accept" works in a $.ajax call..?? If I set the Accept : "xml" and the webservice return Text.. what happens?? Is the error, complete or success function called?? Documentation seems a bit short on that point.. Thx in advance Soren
"puff" animation is not as expected
I would want to make this effect that can be run selecting "puff" in the JqUI demos page http://jqueryui.com/effect/#default I placed the the necessary code in my website http://americanhorizon.altervista.org/portfolio/portfolio.php .. try to click the sections on top, the main contet should "puff" while actually they move on the left. Where i wrong?
I can't get get autocomplete to pass its result in my form.
Yesterday I failed to get autocomplete to work with my OnebyOne slideshow. I gave up with that. Today as a work around I thought I would make a new enquiry form with the autocomplete part in it, and then place it in an iFrame. However... I can't get get autocomplete to pass its result in my form. All the other bits are passed fine. Can someone explain how I should phrase the html part. extract below full code at the bottom of the page. or do I need an additional script? regards Nick <input type="text"
Listview Vimeo Embed Video
I am building an app that uses Listview, a playlist of embedded Vimeo videos. How do I make it that each item in the list when clicked or tapped swaps an embedded video for another? I am using 1.4.0 RC... Any help would be greatly appreciated. Thanks in advance, Kelvin
How to set UI Tabs to make content load from the current page (disable Ajax) if using full urls?
Hi unfortunately I'm not able to use a short version of anchors: <a href="#tabs-1">Tab1</a> on my site. I have to use the full url instead : <a href="site.com/category/page.html#tabs-1">. Content for tabs are on the same page with all anchors, so no need to use ajax. Even if I put the full url Tabs are working ok till the moment than someone came to this page by using technical url: site.com/category/page.html?something instead of site.com/category/page.html. As url in the browser is differ
Wordpress Flipper Jquery plugin: do Autoplay
I have a .js plugin called flipper that creates a book style animation in Javascript at the bottom of the page. http://archibaldbutler.com/projects/williamsmurrayhamm/designvertising/ I would like the plugin to autoplay/"Autoflip" every 5 seconds when the page is loaded. Here is the .js script. http://archibaldbutler.com/projects/williamsmurrayhamm/wp-content/plugins/flipper/js/flipper.min.js Can someone point me in the right direction please? I am trying to learn Javascript but struggling! Thanks
Need a plugin to split a word and align to the container
I need a plugin the split the word and make each character align to the container equally
$.ajax
Hai, i have requirement where i am getting the data from an XHTML page through ajax call. the datatype is html , It is working fine in all the browsers and the response that i am getting is as expected but in IE8 ,the result is null... What is the issue?? Is there any particular syntax specific to IE8 for ajax...
How do I pass a portion of Json object to another page?
Hi, I have the following data returned from a call to a webserver and I am passing the username, password, firstname, lastname, etc to another page to be captured and used for other purposes. In the data posted below, how do I just pass only the tokenID to another page? If it is easier to pass entire object, that's fine too. I would appreciate your assistance guiding me. Thanks a lot in advance {"Value":{"TokenId":11, "LoginName":"Jerry.Mann", "Created":"2013-12-10T15:44:49", "Expires":"2013-12-31T15:44:49","
Passing variable between functions
Hi Guys, I'm trying to scale some images that are imported into the page. I'm setting up a dummy test image to get the orig. width, but the width is coming up undefined. Strange since I'm reading in src for the image. I tried setting up a closure function & even using window.variable, but nothing works. You can see a demo here: http://www.partiproductions.com/searchertest2/index.html Can someone please help me with this code. function scaImage() { $(function() { var oiwd; $('div[class^="searcher_stack-its_img"]
I cannot get array value inside a function.
hello, This is my program i need the values var values = [10]; pie.hover(function () { alert(valuesof[0]); var that = this.sector; this.sector.stop(); this.sector.scale(1.1, 1.1, this.cx, this.cy); }); when i alert it shows object Object,if i get the length of that array it shows 1 value is there. please help. thanks
Jreject can't seem to get it to work at all
Hello - I have just recently implemented the jreject plugin. We have a website that doesn't work on older browser versions like IE 6 and 7. Also a couple of older Firefox versions. I really like how this plugin works and looks but I can't get it work on my own site. This is the page i have it implemented on: http://www.bkd.com/wealth-advisors/index-test.htm <script src="http://code.jquery.com/jquery-1.7.2.js" type="text/javascript"></script> <script src="/wealth-advisors/js/jquery.reject.js"
Finding Child/Animate/AppendTo
Hi, I'm trying to find the first child of a parent, then animate it to a position, then remove it from the parent and add it to a new parent. I'm pretty sure I'm doing or looking at this entirely wrong however. Am I right, when you want to remove an element from it's parent and place it inside a new parent, you should appendTo the element? (place inside=nest right aswell?) Does this 100% remove the element and 100% create/move it to the new parent? So if I affect the elements new position is it completely
Problem to launch a calback function passing a parameter
Hi, I need to launch a callback function after that an effect animation is complete, and pass arguments to it! This is the code $('.voceMenu').click(function(event) { var nextTab=$(event.currentTarget).attr('name') $( "#sezioneGrafica" ).effect( 'puff', 500, visualizzaSezione); })Once the "puff" effect is terminated, i've to launch the visualizzaSezione function, but passing the nextTab parameter. If i write $(
How do I preview data in accordion page?
Dearest experts, this is my first time here. So, please go easy on me. There are two functions in the code behind, one is getBuildings() and the other is getRevisions(). getBuildings makes a call to a php file called getBuild.php to populate the buildingID dropdown. getRevisions makes a call to a php file called getRevisions.php to populate floor dropdown based on valued selected from buildingID dropdown. the two dropdowns and an input textbox are in accordion page called Buildings. Everything works
AJAX Code Review
I wrote my first AJAX script that brings content from other pages without refreshing the entire page and i just want to see if improvements can be added to it, or if im doing something not recommended. Thank you. $(function(){ // content container content loader $("#nav-tabs-list a").click(function() { var page = this.hash.substr(1); //$("#sidebar-content-container").html(""); // displays content only after fully loaded $.get("content/" + page + ".php", function(gotHtml) { $("#content-container").html(gotHtml);
how to drag an element from parent page to child page
hello everybody,There are 2 pages: a and b. In the page a, there is an iframe and a input type=text. The srcof this iframe is page b. I want to drag the elements in page b into the "a.input". How can I do this? jquery of page a: $(document).ready(function() { var c = {}; $("#drag").contents().find("#move").draggable({ helper: "clone", start: function(event, ui) { c.tr = this; c.helper = ui.helper; } }); $("#drop").droppable({ drop: function(event, ui) { var inventor =ui.draggable.text(); $(this).find("input").val(inventor);
Need advice as to the best practices in jQuery mobile.
I wrote my first JQM app. It’s a playlist music player with multiple pages (2). It works on the iPhone, Safari, Chrome, Firefox… But will it work in other browsers? Is anything I wrote against the normal rules of JQM pages? Take a look at Stagger & Belligerence. Any and all comments are welcome. PS I used the latest code bases and HTML5 features. <script src="http://code.jquery.com/jquery-2.0.3.js"></script> <script src="http://code.jquery.com/mobile/1.4.0-rc.1/jquery.mobile-1.4.0-rc.1.js"></script>
jquery cycle plugin for Magento theme grayscale
Hi there, I am a newbie to all this javascript and web dev so I hope the following is phrase well and that I can get help here: I have a Magento grayscale template installed on my site: you can see a demo of this template here: http://web-experiment.info/magento14/grayscale/ I read in http://web-experiment.info/articles/cat/grayscale/post/how_to_install_magento_grayscale_theme/ and understood that I need the jQuery Cycle plugin to be installed on my system. So first batch of questions: how do I know
Jquery Mobile- Design applying partially.Doesn't appear properly.
Hi, Am using jquery mobile for android and IOS mobile styles, and also using JSVIEWS and JSRENDER to render html content dynamically. I have rendered all content in dynamically with in a page, so here when am rendering content initially, JQM designs applying perfectly but after I have rendered html content dynamically It does not apply properly. Some of the styles are applying. Here my content always rendered dynamically, I have triggered content div once loaded the html content, even it's not working
Why not less or sass is used to build jquerymobile theme ?
Hi, I'm working with jquerymobile and I'm used to have tools like lesscss to edit the source code and build my own theme. For sure I'm using the provided theme roller but first I don't have the choice and then it becomes hard when you want to update your theme version (the import doesn't work well). I have found the project https://github.com/srsgores/jquery-mobile-less but it's not up to date and I don't understand all the way it's done. So my question is why the jqm team doesn't use a framework
CLEditor plugin too many buttons
I have a site that will need a text editor in multiple areas. The first place I used CLEditor shows exactly the buttons that I have set up in the document ready function. The next area (a popup from the first area) that I have CLEditor, I get the buttons listed at least 3 times. I'm using the same setup code for the second as the first, except I change the name of the textarea in the javascript setup code and the html. I tried removing cleditor from the first area but that didn't remove the extra
Next Page