Executing script inside a dynamically loaded div
Hello all, I'm extracting a div from some large HTML that contains normal HTML and scripts. If I use e.g. $div.replaceWith($newDiv); ...the scripts don't get executed. Same with html($newDiv.html()) How can I get the scripts to execute? Thanks in advance and kind regards
Validator plugin with text "required" in each required input field
Hello people, I have a question about the Validator plugin. My clients requires to have the word "required" on each of the required fields. But of course, when I set the value to "required", the plugin understands that the field has content, hence it bypasses it. How could I add the text "required" and still make the plugin to work when the form is submitted. Thanks a lot. Dani Szwarc
jquery mobile 1.3.1 data-inline="True" not working
I've upgraded my application from jquery.mobile 1.1.0 to 1.3.1 and run across a problem. (I'm using asp.mvc 3) I've got buttons I create using the ActionLink() extension method that accepts html attributes as IDictionary<string, object>. One of the attributes I specify is "data-inline"=true and in the resulting html page it renders as data-inline="True" With jquery.mobile 1.1.0 this works, but with 1.3.1 it does not (the data-inline is ignored). I've worked around this by specifying the value of
Link out of history
Hello, Is there a way to make a link (ajax link) that is not keep in the history ? As we have the changeHash option in the changePage method, is there any wtrribute we can use in a html link ? For instance : <a href="#nextHiddenStep" data-no-history="true">test</a> Is there a sort of "data-no-history" that we can add to say, don't put this url in the history ? My case is : the link is to a "wait page" that make a changePage just few seconds after. So when the back button is used, I don't want to
Scrolling when resizing window
Hey everyone, I've implemented a scrolling function: var watTopPosition = jQuery(".artwat").offset().top + headerHeight ; $("html, body").animate({ scrollTop: watTopPosition }, 'slow'); My code get's called using: $(document).ready(function () { This works fine but when you resize the window the values aren't good anymore. And it scrolls to wrong positions. Does anyone now how to fix this? How can you "reset" the values when you resize? Tx, Borrie
UI Tabs and Multiple Accordion
I am having difficulties using an accordion for each tab. For the first tab 'Session 1' the accordion works fine, however, for the 2nd tab and the 2nd accordion 'Session 2' the text within the body does not show. i.e The accordion is created, but when you select the accordion header none of the text appears after it expands. Here is the code: <script language="javascript" type="text/javascript"> jQuery(document).ready(function(){ $("#tabs").tabs(); $("#accordion").accordion();
multiple accordion not working for other tabs
I'm I have a multi-tab and would like to have a an accordion in each tab. What's happening is it only works on the 1st the tab and the rest does not show the accordion. Please help. Pretty new in jQuery & HTML Here's the code. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Paper Settings</title>
Not sure what I am missing here
I have been developing in php for about a year now, and i just started working with javascript and jquery. I believe were my problem lies is the variable scope, but i am not too sure whats wrong var x = 'test'; $(document).ready(function(){ var func = function(){ return { trigger: function() { x = 'yay'; }, display: function() { return x; } }; }; var result = new func(); $('#click').click(function(){ result.trigger();
not sure where the bug is: blur event when leaving window causes unexpected behavior
I'm trying some in-place editing thing. Replacing table cell contents with an input element works ok. Changing it back also, as long as focus stays within the browser window, that is. But when the blur event results from leaving the browser window, things may go wrong. Check out the link below. It looks like jQuery retrieves a bad value. Working example: http://timeofday.nl/issues/bugMaybe.html Steps to reproduce the error are described there. This only fails in Chrome. FF, IE look OK. My Chrome
Problem with animation effect
Hello beautiful people. I have problem with animation effect. View: http://jsfiddle.net/pHnWz/6/ objective: When the mouse cursor over the button opens the div and occur 2 options: 1 - If I'm inside the div and then the mouse leaves the div closes 2 - If I'm not inside the div and the mouse leaves the div closes Code: $("#button").hover(function(){ $(this).addClass("active"); $('#content').slideDown();} ,function(event){ if($('#content').is(":hover")) { $('#content').slideDown(); event.stopPropagation();
Slide div from right to left
Here's what I've got so far: http://jsfiddle.net/phantasmix/nAaMV/ 1) The top button works on click just fine. How can I make the bottom button work the same way? Both will be shown on the same page. 2) Another issue is that the blue background is visible on the right. Is there any way to hide the blue background until it shows up to the left of the button? CSS: #button-top { width: 100px; position: absolute; left: 75%; top: 40px; padding-left: 100px; overflow: hidden;} #button-top:hover, #button-bottom:hover
recognize change of input elements from outside of the ajax call
Hi Guys, i am relatively new in coding with jquery, but little more than beginner skills in php ;) In short .. user upload file (spreadsheet) all worksheets are extracted and turned back as input:radio if user selects a worksheet all avaiable columns are turned back as input:checkbox if user selects a specific count of columns he will be asked if the first row contains the table headers if not, the user is promtpted to specify the headers in input:text for each chosen column if its all fine, the
Dynamically updating tablesorter? Two problems
I have an empty table and I use tablesorter: $("#hourly-table").tablesorter(); Works beautifully. Every 30s I delete the contents of the table and add new rows. I then do: $("#hourly-table").trigger("update"); it *seems* to work except for two problems: 1) Clicking a sort title correctly sorts the rows, but the odd/even zebra striping is wrong and is only fixed when the update is triggered 2) Tablesorter seems to be caching the rows I delete. They don't re-appear but after a short period of time
How to implement a sidebar panel llke to swype slow like a facebook app.
Hello everybody, i wanted to know if someone already used the widget "Panel" from jQuery Mobile to swype slow like it works in the facebook app. I seen the api for this widget and try to use the events to build sometinhg to do it works, but yet not to do this. My idea is to do the main content sliding for the side when user push with the finger, minimizing the panel and maximizing the main content, exactly like facebook app does. Thanks!
GetElementById
I am working on adding banners in a CMS that I do not have access to edit the HTML or Template. However, I have the ability to add code in to a module but the banner will appear in that module. I have been using the script below (that was written by someone else in my company that is no longer here). The website I am placing this on does not have Id's rather it utilizes class. So I am giving the banner code an id of "Banner" and I need the code below to place it before a class name. Class <div
Can't figure out this problem
Hi there, I'm not that great with jQuery, but i've made a script and the goal of the script is to reset certain form elements to their intial state, which is triggerd by a radiogroup or checkboxgroup within the same form. The script i have so far is: http://jsfiddle.net/hv6zP/ The script works and resets the form elements, within the array, to their initial state, but when you click on the second "test" button for a second or third time, all of the form elements get hidden. I don't want that to
Shuffling Testimonial from 2 sites
Hi, I have a home page (synergy) which has 2 separate links to different sites (synergy/london and synergy/india). There are testimonials on both the sites. I want a randomly rotating testimonial on both the sites which takes testimonials from both sites and shuffles them. Can someone please help me as to how to go about it... Thank you
How can I determine which dynamically-created checkboxes were checked by the user?
I'm using the "appendCheckboxes" plugin that Brad Christie wrote: http://stackoverflow.com/questions/17754047/is-there-a-jquery-plugin-that-will-populate-an-element-with-an-array-of-checkbox So I'm able to create whatever group of checkboxes I want by using code such as: HTML <div id="container1" class="checkboxGroups2Col"></div> <div id="container2" class="checkboxGroups3Col"></div> <div id="container3" class="checkboxGroups4Col"></div> CSS .checkboxGroups2Col { width: 400px; margin-bottom: 10px;
matching images
hi, i am trying to match images. this one works fine only with same images but i want to match unidentical images based on their id or src below is the working code for similar images jsfiddle.net/GquLr/ now when u click two images which are similar it wil hide or vanish. now i need to design for non identical images.lets say for example Match 1 : UK,London Match 2: USA,Washington now for match 1, 2 both are different images and i want it to happen the same as before with different images as well.
Back button and $.mobile.changePage result in blank screen. Im using jquery.mobile-1.3.1
Back button and $.mobile.changePage result in blank screen. Im using jquery.mobile-1.3.1
Is there a performance difference between inline html and dynamically-built html using getJSON()?
I am dynamically changing the contents of divs based on user selections. To start with, though, I have default content for each of my three tabs. When the user makes a new selection, I build the HTML content dynamically, calling $.getJSON(), loading the appropriate json file. As of right now, I have (very large) chunks of html right in my page at design-time for the default views: <div id="BooksContent"> <section> . . . there are hundreds of sections inside here . . . </section> </div> <div
Reverse animation
how to make reverse animation e.g $(function() { $("#me").mousehover( function(){ $("#me").animate({ path : new $.path.arc({ center : [300,300], radius : 100, start :10, end : -200 * 1,
using jquery file tree to access the mounted share
I am trying to access files in the mounted folder using jquery file tree. I was wondering if this is possible. I am using PHP script to pull the data. I am able to browse the folders on my local machine using jquery file tree, but I can't seem to access the files in mounted folder. I can see that the folder and the files are mounted. I am mounting windows share on linux server. Any help will be appreciated.
.get function skips callback even before receiving the reply from server side function
Hi, I debug my .get function in firebug. .get function simply skips callback function to the end of the .get function. Even it doesn't wait the response of server side (I used a breakpoint on the server side function). Could you answer what can be the reason of it? Thanks. p.s. Once it worked greatly, but then this problem occured. So, there are two different behaviour.
How to unit test extjs application using qunit ?
please can any one suggest me some tutorials or reference links for qunit for extjs
Newbie Question
I am trying to animate an image by clicking a button and then clicking the button again to reverse the animation of the image. I am really new to this and could really welcome your help.
Optimization of a web sprite animation for mobile devices.
i have made a web page with some sprite animation in it. this animation is based on the sequence images, so i used 100 .jpg images to make my object turns around. you can see it here http://www.akkromedia.com/Temp/360degre/originalweare/weare.php the plugin i used to make this effect is threesixty.js any suggetion how could i optimize this king of animation for the mobile devices.
retrieve modal dialog value and send it to php using ajax
I have form that has one field. I have one field that is in modal. Both of these are part of the form. When I fill in the first field and click on submit dialog opens and i enter another value. Once I click on submit i would like to send both of these values to php using ajax but i am having troubles retrieving these values. Can suggest how to solve this please. my code
form submit() function works for Mozilla but not IE?
My intent: override form's submit so I can make google search my choice of sites. Problem: While this works fine in Mozilla, is doesn't work in IE (it's as if the 'action' I formed isn't even passed to the browser??) Any ideas what will get this to work for IE? (I see that IE has a history of issues regarding form submit()... , and I have read advice that includes ensuring there is NO <input> named submit, etc.) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
global variable vs. passing a variable into an option's function
Some code for the source: option in Autocomplete does not work when I try to pass a variable (containing an array) into the function, but the code works when I don't try to pass it into the function. What's happening here - or am I doing something wrong in the 2d case? This works seems like threeStepCountries is a global - var threeStepCountriesTest = [ "US", "GB", "PH", "ZM" ]; $("#neighborhood").autocomplete({ source: function ( request, response ){ if ( $.inArray( countrySelected,
Want to implement the slide operation from right to left
Hi All, Already, slide up is implemented using animate method of jquery. I want to change that to slide left. Please help. What all i need to change in the animate method? Or else, do i need to change anything other than that? Thanks Manikandan
JQM 1.3.1: Why loading works only in some browsers?
Hi, With JQM 1.3.1, l use loading('show') in this way: $(document).bind("mobileinit", function(){ $(document).ajaxSend(function() { $.mobile.loading('show'); }); $(document).ajaxComplete(function() { $.mobile.loading('hide'); }); $(document).ajaxStart(function() { $.mobile.loading('show'); }); $(document).ajaxStop(function() { $.mobile.loading('hide'); }); }); It works only in some
Jqgrid
Dear friends, I'am developing a new project on billing system so i need grid. the grid features are data retrieve from the database, it is a pop-up window, add new row (multiple row) and connect to database. Thank u advance..
Wich tutorials or courses for studying jQuery?
hy, I'm beginner in web-programming and now I'm going to start learning jQuery. wich tutorials or video courses do you prefer for begginers, from where can I beggin? If someone know where to find jQuery studying courses please Link here! this help won't be only for me, it will help every beginner ! if you now something please Link Here ! thanks : ))
jquery how to update drop down menu list based on previous drop down menu selection
Hello lovely members, This is my first time I tried a new post and hope this would help :) I am developing a form , one of things that required is when the user selects his country : <select style="width:221px;" id="country" name="country" class="country" > <option value="0">Select your Country</option> <option value="KWT">Kuwait</option> <option value="UAE">UAE</option> <option value="KSA">KSA</option> <option value="JOR">Jordan</option> <option
Safari and clear cache
Hi to all, I'm developing a web app with jquerymobile 1.3.1. When I test my app in Safari iPhone, the first time (or when I clear the cache), jquery doesn't able to load jquerymobile. If i put the jquerymobile reference as: <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> It works fine. But if I use the offline version: <script type="text/javascript" src="js/jquery.mobile-1.3.1.min.js"></script> The first time doesn't work. After refresh the page all works fine.
I couldn't load the dynamic(run-time) data into select box
Hi All, Based on one select box selection, I need to populate the data into another select box. Actually, I am getting data from database. Plz tell me where is my problem? Select Box 1: <select name="contextId" id="contextId" data-native-menu="false" data-mini="true" contenteditable="true" data-count-theme="c"> </select> Select Box 2: <select name="to" id="to" multiple="multiple" data-native-menu="false" contenteditable="true"
Popups - re-position in iOS6
Popups - re-position in iOS6 in jquery mobile.when i focus in text field it will reposition so how i will solved it.the problem only occur in ios 6.1.
Function Firing Only Once
I've got 10 pages of purple links on Google, so I'm not being lazy. var count_element = $("input:empty").length; $(".panel-container").keyup(function () { $("#total").text(count_element); }); The above function works great, but only once. .keyup is tied to the div containing all form elements, so whenever the key comes up I thought it would recalculate the variable and output it again, but it only fires once, and the total stays the the same no matter how may fields I
fancybox2.1.5 prevent close click outside of window
Hi, How can i make no close click outside of the window, when fancybox is open. If i try like below it is opening when i load the url in browser,fancy box is opening automatically. I like to do fancy box should be open when i click the link and once it is opened if i click outside of the window fancy box should not close.It should still remains. My code: What is the issue with this ...... <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function()
Next Page