Webshims Lib within asp.net MVC4 projects
MVC4 is using jQuery Validate and "unobtrusive validation". In that I'm facing several years of IE7&8 forms handling I've become convinced that Webshims Lib is the best way to bring HTML5 polyfill functionality. One of the comments at http://stackoverflow.com/questions/9067536/html5-forms-with-polyfills-is-it-worth-it suggests that the choice of Webshims Lib might change how MVC4's dataannotations are constructed. > Most MVC devs are married to this because it [validation plugin and > "unobtrusive
Urgent help with variable jquery
Hello. We are working on a voice recognition system with Web API Speech of Chrome, and we need help. As you can see in the example code siguiene, speech recognition is ready. Now what we do is that if for example the user says the microphone the word'' Hello'' be sent to a url. Does anyone know about comparing variables? Can anyone help? DEMO: http://luxor.webcindario.com/reconocimiento.html <!DOCTYPE HTML> <html lang="es-MX"> <head> <meta charset="UTF-8"> <title>Webkit Speech Demo - @kinduff</title>
Web-App: Habit tracking with JQuery Mobile
I'm normally a desktop developer (C++, Python), but out of curiosity started to create a web-based application: AimHigh Thanks to jQuery Mobile I could just focus on features instead of figuring out how to create a usable design which works on different devices. It's not perfect, but given that it's just ~8 weeks ago that I wrote my first line of JavaScript I'm quite happy with the result. It's easily usable as intended and I learned a lot creating it.
loading external pages not working properly with multiple links
I thought I was done with the loading external pages problem but I guess not yet. When there are multiple links, modal dialog is loaded just as many times as the number of the links. For example, if there are 3 links with class="test", when first link is clicked, it will load 3 times on top of each. Anyway to fix it? <a href="/user/login/" class="test">comment #1</a><br> <a href="/user/signup/" class="test">comment #2</a><br> <a href="/user/reset_password/" class="test">comment #3</a><br> $('a.test').click(function()
help with jquery toolbar
Hi im new to jquery i have a jquery toolbar code http://mulaus.5gbfree.com/ this is the original script http://www.pvmgarage.com/2009/12/nic...s3-and-jquery/ still trying this but still not working properly The problem when i click a list with tooltip..then click another list with tooltip the previous tooltip is not close automatically..have to close manually and also after clicking a menu and tooltip appear and closing it we can't do the same thing for second time how do i repeat code ? so the
json wcf jquery phonegap work only in .html
My call in phonegap in WP8 to consuming service wcf works only in index.html file. If i call in the .js file i get error GetListaMunicipios was not called. my call: $.support.cors = true; $.mobile.allowCrossDomainPages = true; $.ajax("http://localhost:56976/MunicipiosService.svc/ListaMunicipios?callback=?",{ beforeSend: function (xhr) { // $.mobile.showPageLoadingMsg(); alert('beforeSend'); }, complete: function () { // $.mobile.hidePageLoadingMsg(); alert('complete'); }, contentType: 'application/json;
loading external url in jquery ui modal
I have links to comments as <a href="comment.php?postid=1>read comments</a>, I have <a href="comment.php?postid=1>read comments</a>... How can I load these external URLs into my modal dialogs? I have hundreds of posts on my website and users can keep adding them. Users can add comments on each post on the website. $( "#dialog_facebook" ).dialog({ autoOpen: false, width: 400, height: 200, modal: true }); $("#open_f").click(function(){$("#dialog_facebook").dialog("open");});
Ajax and firefox
i am building a social site in which i can attach images. I attach an image to a post and before i share it i decide to delete the image and attach a new one. When I share, it doesn't work. Firefox things the ajax request is a post when it should be a put request. I am not creating a new post only updating the image that is attached to the post I already created. Is there a work around for this?
What is the problem with my site?
Surfing direct to the address http://jimand.se/explore/task2.html gives me different functionality than open a link from my start page http://jimand.se/explore/start.html and then clicking to the second page. Can someone explain that to me? Password for trying is 'llab'. See my source code on the pages. /newbie
passing parameters beteween pages - listview
Hi, i want in my listview which displays news to open a new page with these news. here is my code : $('#actualites').append('<li><a href="javascript:openActualite(' + id + ',' + titre + ',' + contenu + ',' + date + ',' + type + ',' + image + ')"><img src="' + image + '" height="100%" width="100%"/><h3>' + titre + '</h3><p>' + contenu + '</p></a></li>'); $('#actualites').listview('refresh'); here is my openActualite function : function openActualite(id, titre, contenu, date, type, image){ alert(id);
runner UI does not run
Hi guys I am trying to use the runner UI http://plugins.jquery.com/runner/ I have all these file included (last 2 are for the runner class) <script type="text/javascript" src="js/jquery-ui.min.js"></script> <script src="js/jquery.ui.core.js" type="text/javascript"></script> <script src="js/jquery.ui.widget.js" type="text/javascript"></script> <script src="js/jquery.ui.slider.js" type="text/javascript"></script> <script src="js/jquery.ui.datepicker.js" type="text/javascript"></script>
Setting text of a label from Jquery
I'm sure this is simple but I'm pretty new to Jquery. I created an asp web application that is built with Master Pages. In Default.aspx, I have a label here: <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <br /> <label id="lblResults" class="Results"></label> <br /> I want to set the value of the label in Jquery. This is what I'm trying to do but not successfully:
fixed footer's position doesn't change after ajax content added to the page
hi i'm using jqm 1.3.0 here is my html <div data-role="page" id="quizprogram"> <div data-role="header"> <h1>www.site.com </h1> <a data-transition="slide" href="#home" data-icon="home" data-iconpos="notext">Home</a> <a href="#" data-icon="refresh" onClick="get_quizprogram_news(1);" data-theme="b" data-iconpos="notext"> </a> </div> <div data-role="header" data-theme="b"> <div class="ticker_div"> <ul class="ticker_ul"> </ul> </div> </div> <div data-role="content" id="user_list_content"> <div class="loading_pic">
Dialog box does not work properly when modal = true
The goal is to create a modal confirmation dialog box. The main form has: A text box, the contents of which will be the message in the dialog box; A submit button that will display the confirmation dialog box; Another button that does absolutely nothing. The dialog box (enclosed in the form) has: A <div> to store the dynamically generated message; A submit button that does not do much (the form's action=http://microsoft.com); Another button to close the dialog box without submitting the form. The
Failure to Execute
I have a function that sums the values of a column of data that works fine if I change the values of one of the columns. That same function is being called when the page loads but no values are returned so that the sum is zero. I am using Google Chrome so that I can write to the console and I see that the input fields that I am wanting to sum are being captured. When I drill down on each input field I can also see that the value of each field is present. Why is that value not being returned on page
Hi all
I have the problem with jQuery BlockUI Plugin After I click in the button which is trigger by onclick="window.print();", after that, I click in the link which is using ajax....The BlockUI become strange and I can't do anything in this page. Please help me.
tablesorter last column sorted index
Hi, I love the table sorter. Is there anyway to ask the tablesorter what the last column sorted index is in a non-multicolumn table? Can it also be determined the direction of sort for that column?
jquery-ui-1.10.2 comboxbox.html example under autocomplete gives error
'input is not defined' in combobox.html lines 95, 98 The combobox from 1.9.2 seems to work OK.
Problem with animate({width:'toggle'}); on mouseover/mouseleave...
Hello everyone, I'm actually working on my future new website (I'm graphic designer), which is almost ready. However, there is some kind of bug I can't solve : I want to, at articles mouseover, that a div, with some related informations, slides horizontally. As you can see on my testing website, on article's over, the div slides normally, but if you go to the right-bottom corner (the "+" square), the animation "blows". And worse, if you go on the "just slided" div... I checked my codes (html, css,
jquery ui tooltip - display image for each option
I'm trying to display an image when the user mouses through each item in a select menu. Here is my code: <div> <label for="stationery">Choose A Stationery: </label> <select id="stationery" name="stationery"> <option id="s_opt_0" value="0">Please Choose</option> <option id="s_opt_1" value="Plain">Plain</option> <option id="s_opt_2" value="Birthday" title="Birthday">Birthday</option> <option id="12> <a
How do you *properly* unload a cached page
What is the proper way to unload a cached page? I was thinking simply removing from the DOM would be enough, but it isn't. When I do this, and then I continue to navigate around my site, it eventually tries to take me to an old URL rather than the actual URL I requested. Since that URL was removed from the DOM, the screen is just white. I'm guessing that some page ID or page DATA-ID or something is still lying around somewhere, pointing to the old URL. Then maybe it fetches my new URL via ajax,
timepicker event handler fails on second ajax call
I have an issue getting the event handler that loads the timedatepicker after it has been added and then removed via function calls. The div it is in is dynamically loaded via .append() triggered from a check box. When the check box is checked, the div is added and visible. When it is unchecked, the div is removed via .remove(). After being removed, checking the check box a second time loads the input boxs correctly but the timedatepicker does not load on focus. This happens regardless is the timedatepicker
Change transition effect in countdown timer
I'm using the countdown timer from: www.littlewebthings.com/projects/countdown/ The countdown clock numbers use a slideDown effect (I think I'm using the correct terminology). I'd like to change the effect so there's no animation as the clock counts down -- I just want the numbers to change like on a regular digital clock. Example of the slideDown effect I'd like to change: http://www.littlewebthings.com/projects/countdown/example/?style=light Thanks to anyone who can help! Here's the jquery.lwtCountdown-1.0.js
Disable Siblings
I have this: <form><div><span><select multiple class="chzn-select"> <option> <optgroup><option><option> ... <optgroup><option><option> ... This select element is being handled by the jQuery plugin Chosen. When option is selected, I need its siblings to be disabled and the element be rebuilt. This is my completely ignorant attempt: $(".chzn-select").chosen().change().siblings().attr('disabled','disabled').trigger('liszt:updated'); "When an element being managed by Chosen is changed, gather the
Plugins Authoring
I took a look at the documentation for plugins authoring and am trying to duplicate the maxHeight plugin shown there, slightly modified, but can't seem to get it to work. I've looked at multiple previous entries about the plugins authoring documentation and still can't seem to get it to work. I'm using JQuery version 1.8.3 and I've put my code on a very simple test page which has only three div's within it. Each div has an "id" attribute defined for it(with values of div1, div2, and div3). Each div
Click Event for Scrollbar
Hi, Do we have any event for scrollbar click? I am highlighting a row on clicking a down-arrow inside a div. but when i click the down arrow button after dragging the scroll bar, the highlighted row and scroll moves in zig zag manner. so i want to certain functions on scrollbar event, but that should not affect when the scroll bar moves on clicking the down-arrow. It will be helpful if there is event for the scrollbar click.. Thanks,
Transition on external page
Hello the community ! I already see the same question on the forum but she is very old (2 years ago), i think the situation have moved. Is it possible to implement a transition between two page while the link is rel="external" ? And now i start to do a form contact to send a email, have you some tips to do this or is like a classic form ? Thanks for help Allan France
Menu Delay Needed
I have built a custom menu with drop down menu items, but they disappear the instant the mouse moves off the item. I would like them to stay open for about 1 second in case the mouse slid off by mistake. Is there simple jQuery modification that will make this happen? I built the menu in a table and a typical menu item looks like this: <tr> <td id="LaborReport" class="DropDownMenuItem2" onclick="MenuClick('Labor', 'LaborReport', event);"> Labor Report </td> </tr>
Round values with 2 decimal places and add 0 if not decimal are present
Hi, how I can round a value maintaining 2 decimal places? I try with Math.round(val) but doesn't work. Takes these numbers as examples: 25 should be converted to 25.00 25.3666 should be rounded to 25.37 25.55333 should be rounded to 25.55 Any help?
Droppable propagation
Hi all, I'm having troubles with the propagation of droppable events. I have some divs that are within the same parent but they can be overllaped (with position absolute). The problem is that when I drop an item in the upper div the drop event in the bottom div is also triggered. I read the documentation of droppable and saw that jQuery as a property 'greedy' for stopPropagation but it only works (at least with me) if the divs are ancestors/descendents. Does anyone have a problem like this? Can anyone
Get item that was dropped into a sortable?
Hi, I'm using a draggable + a sortable, exactly like the demo here: http://jqueryui.com/demos/draggable/#sortable When I drop an item in my target sortable, I want to get access to the dropped item so I can apply a new style class to it. I thought the receive override would help: $("#mySortable").sortable({ receive: function(event, ui) { // how to get access to the dropped item here? } }) yeah but I'm not sure how to get access to the dropped item, looks like I get ui.item, but
Google Map not displaying on initial page load - will work using direct link or refreshing!
Hi, I have a problem where Google Map is not displaying on initial page load, it will display after I refresh page or if I use direct link! The home page is http://m.ceist.ie When I navigate from home page to Contact and then Location it will not display on initial load. I would be very grateful for any help on this issue. Many thanks, John
Jquery sortable offset problem
Hello Everyone: I have a problem with a sortable table when I attempt to put scroll bars on it. The offset is off and it makes the use of it very bad. Everything works fine without the scroll bars. And with the scroll bars it works fine using FireFox. My problem is with IE8. I've attached a simple zip file with an easy example. I'm using jquery ui /*! jQuery UI - v1.8.24 - 2012-09-28 and jquery jQuery v1.8.3 jquery.com so they are pretty new releases. I see there have been some reported
Menu Active problem
Hi there I'm testing a jQuery script (see below). What it does is that it highlights in the menu which part of the webpage you are currently on. Basically, no problem using it. var topMenu = jQuery("#nav ul"), topMenuHeight = topMenu.outerHeight() + 15, menuItems = topMenu.find("a"), scrollItems = menuItems.map(function () { var item = jQuery(jQuery(this).attr("href")); if (item.length) return item }); jQuery(window).scroll(function () { var fromBottom = jQuery(this).scrollBottom() + topMenuHeight;
Need to double click button in toogle
I have this page if i click a button ,next page ll load in a div , if i click same button again it wont work i need to Double Click it . Here is the Code Help Me please $(document).ready(function(){ $('.hindimovie').toggle( function() { $('#middlecontent').load('hindimovielist.php'); }, function() { $('#middlecontent').unload('hindimovielist.php'); }); });
Possible to Override jQuery Dialog CSS for only one of two dialog boxes?
I'm working on a site that uses jQuery Dialog for two different overlays. One of the overlays needs to have its style changed in a number of ways, but the other should use the standard dialog UI CSS. Is it possible to use the .dialog function with two different CSS files? Or is there a better way around this?
How to remove prior appendAfter text?
In the code below, the div#popupText retains the prior insertions. Is there a method to Clear the div? empty() does not work...even if I place it before each appendAfter(); Stumped... Todd $("div#popupText").empty(); if (popupName == "showPopup1") { $( $("div#text1").html() ).insertAfter("div#popupText"); } else if (popupName == "showPopup2") { $( $("div#text2").html() ).insertAfter("div#popupText"); } else if (popupName == "showPopup3") { $( $("div#text3").html() ).insertAfter("div#popupText");
Toggle class
I need to change the whole style sheet upon toggling .. at button click there are two style sheete stylesheet_a.css nad stylesheet_b.css and the only difference between two is body color (one is red and other is green) but its not working fine ..Let me share code <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <title>Untitled Page</title> <link rel="stylesheet" href="stylesheet_a.css" type="text/css" id="myStylesheet"></link> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
What is the correct way to use this selector?
Say, I want to grab a reference to several elements, I use a selector like this: $(input); But if I want to keep that reference, which one of these is the proper way? var el = $(input); $el = $(input); Thanks
problem with adding new columns in jqGrid using jquery
Hai.... Iam using jqgrid4.4.4 for asp.net application 3.5 ,when iam adding new column for jqgrid ;old data is replacing with newly added column...i want to store previous data in clientside..i need olddata+previously added column+newly added column...kindly help me
Next Page