jquery dialog fails to load mvc view
I have an ASP.NET MVC4 view that leverages knockout 2.2. If I load the view direcftly everything works fine. When I try to load it via jquery dialog load() I get an error related to the knockout bindings associated with the view already loaded, in other words the source view that handles the click event. I've read a lot about loading partial views but I haven't found out why a full view isn't able to load. Also, I suspect script files are not loading as I don't think document.ready ever fires
Internal multipage links, some work, some don't
<div data-role="page" id="fourexampleone"> <div data-role="header"> <h1> Example: Strings </h1> <div data-role="navbar" data-iconpos="top"> <ul> <li> <a href="#myPanel" data-icon="grid"> Navigation </a> </li> <li> <a href="#pageone" data-icon="home"> Home </a> </li> <li> <a href="#" data-icon="search">
How to pass arguments to plugin?
Hi $.fn.greenify = function() { this.css( "color", "green" ); }; $( "a" ).greenify(); How should I pass arguments to "greenify()? Thanks Varun
organicTabs changeTo
Hello to all! I'm using the organicTabs plugin and everything is OK but I have a client whom want the second tab to be the default one... How can I do that? Is there an example somewhere? I’ve seen the basic instructions (https://github.com/olance/jquery.organicTabs#changetotabid ) but cannot make it to work. Thanks in advance!
Difference b/w $.fn.some and $.some in jquery?
Waiting for your response Thanks Varun
CSS Navigation goes behind jQuery Slider
I'm having a problem with navigation always showing up behind jQuery. I have horizontal navigation with submenus. The main navigation appears as it should but the submenus fall behind the jQuery slider in my case. As I say it aways happens. I'm looking for a way to repair this and void in the future. Can you assist? Here a link to the page I am working with: http://bronnerbros.com/shows/show201408/index_new.php Thank you in advance for your help. v/r, Warren
message
How can I show a message after save data y a DB. Like "Your data was corectly save" in the index. Thanks.
icons not displaying after using Themeroller (1.4.2)
My icons are not displaying at all when I am using a theme created in Themeroller. Below is the head content (copied directly from the themeroller page) <link rel="stylesheet" href="themes/wcul_mobile.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile.structure-1.4.2.min.css" /> Below is the link to the test page I am trying: www.kidespark.com This has happened on another site after creating with 1.4.2, but did not occur with an earlier version of jqm. Thanks
Could use some help identifying which jQuery plugin or code to use!
Just to first add. I am a complete novice at jQuery. I have implemented a few plugins - but really I have know idea what I am doing. I can code html/css though. I have been asked just by a mate to help him get his site online. His uni mate did him a quick design and he has asked me to code it. There are 2 plugins or code that I want to implement but not sure what. Here is the image below. As you can see that it is a basic design. The two interactive options I would like are... The navigation -
What is the planned release date for jQueryUI 1.11.0?
What is the planned release date for jQueryUI 1.11.0? I searched around but couldn't find it. Thanks, Reid Lyons
Confirmation on what happens when 2 versions of jquery are loaded.
Hi everyone. My Google skills are not working great today and I am just looking for confirmation that I understand what happens when 2 versions of jquery are loaded. In the head of out page we are first loading jquery 1.7.1 then a couple of lines down 1.9 is being loaded. There is no noConflict() code on the page. When 1.9 is loaded the 1.7.1 version goes away correct? 1.9 has been there since day one of the project so if I remove the 1.7.1 reference nothing that currently works should break since
Animate child to another Parents position
Hi, I'm trying to move an element to the position of another element. The catch is, it's a child element. I think if I am getting this right, that it's telling the children to move appropriately, but in the context of their parent elements. So their movements are relative to the parents, not the main document. Is there a way I can deal with this besides detaching the children prior to initiating the movement? Thanks for reading :) http://jsfiddle.net/8cxAB/1/ $(document).ready(function() {
how to override default delay while scrolling to top?
pls see this fiddle http://jsfiddle.net/e4Rk5/8/. here i animated top and bottom part of navigation bar to hide when it scrolls down and same as to reveal while scrolls to top but the delay is happening in firing event while scroll top how to override it?
How i can auto refresh list
How i can auto refresh list view when page have finish to load? I have put this code, but only is showed when is push F5 in navigator, and in phone cannot is showed for same reason. Where i have to put my function DataRequest() (where i do call to JSON). My code is in this page http://stackoverflow.com/questions/22883280/how-auto-refresh-list-view-in-load-page
Insert box with range
I have created an insert box where the user can add additional information. Unfortunately, there are a lot of insert boxes to be added so I had to create an add insert box button. It works perfect, even remove insert box. Problem is, there might be cases where the user might add the exact same information 10 or more times and this might become irritating. How can I make it with only one insert box which can repeat the exact same information 10 or more times? (the user has to select how many times
JQuery UI Autocomplete textbox event problem with checkbox
Hi, I had a situation to display a floating group of checkbox's below the autocomplete as a footer. When i click any check box in the footer, the autocomplete values will be filtered based on the checkbox value. I did it, I show/hide the footer by calculating the autocomplete height using JQuery. Its working pretty well. But problem with the functionality is, after typing some text in textbox when i click any checkbox in the footer first time its not firing its change event. It is firing the autocomplete
Jquery ajaxSubmit not working in internet Explorer
I have a form that i want users to upload a form containing an image file with,The form is submitted using ajaxSubmit() method (to a php file that creates thumbnails). Everything is working fine in Firefox and Chrome and the processed thumbnail is being returned for user confirmation upon which it is then inserted to a database. The problem is that it doesn't work with internet Explorer!. After the submit button is clicked, the loading image pops up and doesn't get away.in short,it seems that the
Video Player - Fullscreen system and progress bar
I work in vídeo player, and fullscreen system is the problem, how make this toggle ? Current script: <script> $("#nome").click( function() { var element = document.getElementById("nome"); if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } }); </script> and the progress bar, anyone has more examples...
How to use Jquery Tabs Ajaxoptions to post values to a jQuery tab
I have the following 3 tabs: <ul> <li><a href="#NewCategory">New Category</a></li> <li><a href="#ExistingCategories">Existing Categories</a></li> <li><a href="#CategoryDetails">Category Details</a></li> </ul> When our users sign in successfully, they are automatically redirected to NewCategory tab. While there, they process records and submit to the database. We would like the records submitted to the database to be displayed on ExistingCategories tab. I have read a little of narratives about using
jQuery datepicker only initializes once
Hello! I have a bunch of script part of which involves the jQuery ui datepicker. The datepicker is located on a jQuery modal within a jQuery form. The problem is the datepicker is only firing once, when the modal window is initially opened. If it's closed, the datepicker doesn't initialize again when the window is reopened. ??? I will post this also in the Plugins forum but thought it could be an issue with the overall setup of my script. Thanks! Susan My Code: //datepicker var natDays
Getting image href with ajax
I have the tiny carousel plugin and I want to create a new select box when the user click one of the images in tiny carousel. I want to get the href and the select box should load automatically each time the user click a new image. Here is my code so far: Ajax (default.js) $(".overview").click(function(){ var overview=$(".overview").val(); $.ajax({ type:"post", url:"../../data/course.php", data:"overview="+overview, success:function(data){
Patterns & Practices when creating a jQM app?
I've been trying to create a webapp with jQuery Mobile 1.4 using only css, html5 and javascript, no other js libraries or serverside code. The documentation is very helpful on how to structure the HTML to get a nice UI but now that I want to make it interactive I'm a bit stuck: I have no idea how I should structure my javascript code. Especially how to integrate the jQM events with my code that keeps the state of the app. Are there any good articles or books that can help me with that? I did find
Validate jQuery plugin, field not required
Hello I have got a problem with my form. For the telephone field, I would like that is not required but in the right format if it's filled (10 digits). If the form is empty and if it's validated, why the green image is displayed (validClass) ? How to make for that the image is displayed only if the field is completed and in the right format ? Leave the form blank and confirm to see : http://jsfiddle.net/Xroad/Y3GJr/ $('form').find('.error-message').hide(); $.validator.setDefaults({ errorClass: 'error-image',
JQuery Mobile and database
Hello, I'm new to JQuery mobile, i need to know what's the best database for my application knowing that : 1) I need my database to be shared with all the end users not on the client side; 2) I did already a conceptual data model with entities and associations , i don't know if i can convert this with JSON because i never use it, i often use the relational database. and i need to know where i will stock the data and which API should i use ?? Also if there is any tutorials in this field please share
crossDomain issue
i was trying to call a WebService of another server using Ajax call, but always happens crossDomain issue, to solve this i created a proxyReverse between the servers, i can do that with another way?
FadeIn anti-aliased font problem for IE6-8
I have this html code <li class="viewport"> <a href="#" target="_blank"> <div class="xq"><h4>Hello</h4><p>More</p><div class="xq-bg"></div></div> <img src="./images/grid-view/20130515111734676.jpg" alt="" width="156px" height="120px"> </a></li> .viewport{ width:156px; height:120px; position:relative; float:left { .xq{ display: none; height: 100%; position: absolute; text-align: center; text-decoration: none; width: 100%; z-index:1; color:#fff; cursor:pointer;
When click anchor tag don't hide DIV
Hi, I want to hide a div when I click on navigation li>a HTML: for Home/Request A quote anchor tag: <ul class="nav navbar-nav"> <li class="active"><a href="#" class="home">Home</a></li> <li><a href="#" class="requestaquote">Request A Quote</a></li> ... The div I want to hide: <div class="alert alert-success">Featured Product <p class="featured-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
Progress Bar - Video HTML 5
How to make the video progress bar (progress bar) in HTML5 and jQuery? I already have the layout of the player and the basic commands, but lacks a progress bar... $("#playerplay").click( function() { $("#nomedogame8").trigger('play'); }); $("#playerstop").click( function() { $("#nomedogame8").trigger('pause'); });
Reset animation to work again?
Hi guys, I'm playing arround with Sprite animations on Hover using jQuery. It seems to work ok, but the problem is that when I leave the container and come back it doen't repeat. Can anyone advice how to solve it? I'm using https://github.com/blaiprat/jquery.animateSprite You can see my code here: Sprites Hover animation - CodePen Thanks,
jQuery, WinXP, Windows 8, Windows 8.1
This is for a website, not mobile. I have jquery 1.3.2 code in my asp.net 2.0 (ajax) project. The code has been working for years. I test my site and jquery code in winXP.OS. Now I get reports that the jquery code wont work. QUESTION 1) is there issue with JQ 1.32 working in windows 8 or 8.1 ? 2) Is JQ 2.03 compatible with winXP and Asp.net 2.0 websites? Thanks in advance
Multiple File Upload Plugin - Getting extra "dummy" file in Files collection
Hi all. I'm using ASPX on an MVC page in VS 2013. I am submitting a form using jquery and the form has the option to allow the user to choose multiple files for upload using the jQuery Multiple File Upload Plugin 1.48. On their website, the developer notes that you need to disable / re-enable an empty element if you are submitting the form programmatically and / or using ajax, so I do this, but obviously I'm doing it wrong. Here is the code that submits the form: $('#accessRequestSubmit').click(function
How to create an object which is both draggable and droppable in jquery?
Hi Waiting for your response Thanks Varun
Installing jswidget easy-comment fails when trying to Submit the comment
First, I attempted to contact support@jswidget.com - but have not had a reply. Second, I see a problem with similar description which was asked 1 year ago - and it seems to have no resolution. Here is my situation: I have attempted to install the easy-comment files at http://www.miscelpage.com/easy-comment/ I have a page at http://www.miscelpage.com/allshare/1fopt.shtml , where I attempted to follow the install directions. In the head section I have included: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
Jquery plugin to create a collage of text?
I want to create a Text collage like this - I searched for about an hour but didn't find any. There are only photo plugins.
FlexSlider doesn't load when hidden div appears / shows
Hi together, I'm working with Joomla 2.5 and am using this here: http://www.code7.co.uk/joomla-responsive-slider My theme is a single-pager. If I click on a navigation item javascript simple fades out one div and fades in the other div. The problem now is that if I toggle the divs, the slider isn't enabled anymore. Only when I reload the page. The Slider is loaded like this: <script type="text/javascript" charset="utf-8"> jQuery(window).load(function() { jQuery('.flexslider').flexslider({ animation:
Can I make a .json call on select event from jQuery autocomplete?
I have an application that allows users to select an activity (such as watching movies or aikido) from a jQuery autocomplete box. That part is working. What I want, however, is for some boxes that allow a user to select their expertise to either be disabled if expertise isn't relevant (such as watching movies) or enabled if expertise is relevant. To do this, I'm trying to call a $.getJSON from within the autocomplete select event. The $.getJSON calls a server-side php script that asks a mysql database
Alternative to using title
I know I can use the following <div title="xxxxx">yyyyy</div> Hovering over yyyy displays xxxxx for a few seconds. I would like a jQuery method that would allow multiply lines and retention of the box until there is no longer a hover. Ideally it would be as simple as <div class="myhover" mytitle="xxxxx<br>xxxxx">yyyyy</div>
how can I get only the visible text in a scrollable div - just the part that does not have to be scrolled to.
I have a div that I constrain to only be 400 pixels high, as follows: style="width:800px;height:400px;max-height:400px;overflow:scroll" If the user scrolls through it, and then clicks a button, I'd like to know what text is visible at that point in the div. I'm not talking about hidden versus non-hidden tags, I just want to know: what does he see when he looks at the div? If I use the "text()" method, I get all the text in the div, not only the visible part. Is there a way to do this?
fetching xml response from a php
Hi I have html form <form name="myForm" action="login.php" method="post" > <input type="text" name="login" id="loginName" class="input" placeholder="Enter the User name here"> <input type="password" name="password" id="password" class="input" placeholder="Enter the Password here"> <input type="hidden" name="XML" id="hiddenField"/ > <input type="button" id="login1" class="btn" value="Login"/> </form> I am sending it to a php in the form of a xml string $("#login1").click(function(e) { alert("hello");
Please resolve this problem coming either due to html or due to jquery?
Hi <html xmlns="http://www.w3.org/1999/xhtml"> <title>Simple jquery drag and drop div example</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script> <style> .aParent {float: left; clear: none; } #leftSlot, #rightSlot { list-style-type: none; margin: 0; padding: 0 0 2.5em 10em; float: left; margin-right: 10px; } #leftSlot li, #rightSlot li
Next Page