how use jquery in response of jquery-ajax?
hi friends. i am using jquery and jquery-ajax in my sample. but face problem. i have three file. my file is : jquery-1.8.3.min.js index.html res.html jquery-1.8.3.min.js file is main of jquery file. index.html code is : <html> <head> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $.ajax({ url: 'res.html', type: "POST", data: '', success: function (result) { $("#responsediv").html(result); } }); }); $(document).ready(function
make the icon hover effect stay when hovered on div as well
Hi All, Please quick help needed. please find below JS file, css and also the html file. My question is i have to keep the icon in tooltips css active when hovered over the div created dynamically in jquery. I tried the following in the js (obj.adClass() and objremoveClass) file but its not working. it always activates the first icon which was hovered when i mouse over other icon div's. I mean its only happening for the first icon which was hovered over. When i navigate to other icon i am able to
button color
Hi.. Need help... I have created a button in http://jquerymobile.com/ in but not getting any option to put my own color for the button... could you please help.. because creating theme and how to provide link i tried but i din get.. and i already has data rollover by the name "content" and jquery.mobile.1.1.1.min.css now it is 1.2.0 but not finding how to put color and effects for the button..
Dynamic Google Map Pins - Google Map API jQuery
Ok, so im not sure how common this question is but here goes... Im developing a map module that uses that Google Map API, with map pins, im using jQuery at the moment to display the page, with multiple pins as below. My question is, im wanting to make the jQuery dynamic if that possible? So i will have filters etc that will show a certain amount of pins depending on category etc, if that makes seance? Im guessing c# or some kind of vb will have to run onclick, but can c# change the content of jQuery?
Problems with parents and post function
Hello; I have a problem with this code, i don't know how change carpeta value with returned data only in the changed select. $(document).ready(function() { $(".categorias").change(function(){ kid=$(this).parents('.parrafo').find('.categorias').val(); $.post("modules/vercategoria.php",{ action: "mostrarcarpeta", id: kid} ,function(data){ HERE: $(this).parents('.parrafo').find('.categorias').val(data); });}) <div id="parrafo> <select class='categorias'
Maintaining form input if app closes
Sorry if this has been addressed, but I can't seem to find it in the forums. I've created a mobile app with a basic form. The users will primarily be using iPhones iOS 6.x. I want to be able to maintain the form input if the user fills out part of the form then closes the app before hitting submit and then returns to the app to finish filling out the form. This works fine if the app is opened in Safari (the field inputs are preserved if the user navigates away from the page and comes back using
jQuery 1.8.2 | Counter for both user-click and dynamically checked dynamically inserted checkboxes.
The following code works for user-click event on dynamically inserted class-based checkboxes: $('.aenable, .benable').live('change', function() { var chkbxchkd = $('.aenable:checkbox:checked, .benable:checkbox:checked').length; $('.counter').html('( ' + chkbxchkd + ' selected )'); }); The problem is when I click on a button that toggles on and off the checked states of the class-based dynamically inserted checkboxes, the counter doesn't reflect the actual number of checked checkboxes. Basically,
Problem with slideUp wildcard calback
$(id + '>*').slideUp('slow', function(){ alert(id); });I expected this would slideUp all first children of 'id' then alert the 'id' Instead it calls alert(id) immediately one time for each child. Am I missing something?
[Search] Plugin for positioning articles
Project: Peteblog.de Hey guys, I need your help again because I am searching for a jQuery Plugin. It should give articles a position top and left in two columns because float left in combination with clear doesn't work in this case. If you guys need an example: click here. Need help! Thank you everyone. Pete
hide all table columns that have the value of "0"
Hi this is my first post as I get to know jQuery. I have a database that creates a table and It has lots of columns containing mainly numbers as the values (some of the values are VARCHAR. I want to be able to collapse the table so only the columns with values other than 0 are visible. This will make it a lot easier to read and print out. I wan to select all the values in the last row and then select all the "0" values from that row and toggle (hide) those columns (including every row in the column)
Page Layout, Slide-out Menu on Left Scrollable Content on Right
I am rather new to JQuery Mobile. I've seen many examples of layouts that are very close to what I want, and I have tried to adapt these without success. Maybe someone out there can point me in the right direction. What I need is as follows. 1. Slide in, out menu on the left with about 12 items, so never has to scroll vertically 2. Content on the right that will be rather long so will have to scroll vertically 3. I don't want the navigation on the left to scroll with the content on the right: I want
Issue with .attr when using .each
Hi, I have a snippet of code which locates all .widgetItems objects within a DIV column (#widgetColumn_x). See below how I fetch these using jQuery, which works fine as I have tested the outcome of this line alone and it was as expected with the correct length each time. The problem is that I'm trying to access each child node's id attribute but I get undefined each time. In the DOM the id attribute is present. Am I doing something wrong? I'm very new to using jQuery for this sort of thing, previously
Can I use only the jquery core for mobile website?
Can I only use jquery-1.8.2.min.js for my mobile website? Is it used for both mobile and desktop browsers?
Issue with find with optgroup when label has a +
I have this code: $(this).closest('.filter') .find('optgroup[label=' + text + '] option') .prop('selected', true); This works fine, except when text contains a + - in that case everything from all the optgroups are matched, instead of just the ones from the group specified. Does + cause some special behavior? I tried escaping it with \, but I got the same results. How can I make this work properly when the label as a +?
Search long lists, data-filter="true" - how to integrate ajax server-side
I've built an app that uses the <ul> data-filter="true" and it does a great job of client-side search. I generate my list items with a $.getJSON call to a PHP/MySQL server. All good - the search works when the list is small. The problem is my app may have a very long list, in the many thousands of <li> results. I only need to display ~50 results, but I'll need then to search server-side. Can someone point me to a technique to integrate the current data-filter in jquery mobile and/or add an
jquery php button click change div ajax
I am having trouble with including swapping two different images which have multiple functions based on jquery so that on mouse click event the div content will change to the new image sequence - one image spins and the other zooms but they should not appear at the same time - I would like to just call a jquery include ajax php ? as this would be easier so the content is called inside the div on the button click if that makes sense - is this possible - I have some messy script if anyone can help
JSONP question XML response
I have my jQuery code on server1 which is trying to call a servlet on server2. The servlet returns XML data. Since they're both on different servers, I guess I cannot use the $.ajax call. I need to use JSONP but my question is, since the response i'm receiving is XML, can I use JSONP in the first place?
How to get value from textarea (beginner q)
I have a php-page where I have a textarea I use to update a database table with. The form pretty much looks like this: <form action="page_edit_save.php" method="post"> <ul> <li> <textarea name="content" id="content" rows="15" cols="62"> <?php get_page_content($id); ?> </textarea> </li> <li> <input type="hidden" name="id" id="id" value="<?php echo $id; ?>"> <input type="submit" id="submit_page_edit" class="buttons" value="Edit page"> </li> </ul> </form> The page_edit_save.php pretty much looks
Mobile CSS gets lost after using ajax to update content
I'm using jquery mobile for my site and its working great, but I have one page that has a series of <select> menus that update via ajax. As soon as that div updates, all the mobile styles go away and I'm left with regular select pulldowns. How do I apply the mobile css to these? I was trying something like this, but without success(it gives me an error): $("select").live("change", function(){ $("#options").load("/products/mobile-product-options.php", $("#product_form").serialize()); $("#options").live(
Applying imediate change to font size
Hi! :) It's obvious that I have a problem and I need some help :) I'm currently creating a fancy web app that allows users to drag and resize stuff... and it's on the resizing stuff that I'm having problems. Previous note: My fancy web app uses ratios - the size of an element is shown depending on the ratio. Setting an image size with css("width") and css("height") works "out-of-the-box" but using css("font-family") doesn't work "out-of-the-box" - it only shows the new value after I changed the slider
$(#selector) Query
Hi guys , I'm new here , and I'm stuck with a problem using jQuery , I need your help I'm controlling some elements with same class and ID's . but they are repeated in different containers . and I would like to control these elements in each container that has an ID one per one (those containers have ID's like ( c1 ,c2 ,c3 ) and I would like to make the number beside (c) controlled by (If) statement to go through those containers to control their elements .. meaning $("#c1 #img").hide(); I
how to perform jQuery live filter on divs and not list items?
i am trying to filter outputted database entries where each entry has the following structure: <div class="class1 class2 class3" data-name="name" data-date="MM/DD/YY"> <img src="path/to/image.jpg"> <div class="class4"> <h4>some text here</h4> <!-- this is what i want to search in --> <div class="class5"> <span id="date">date: MM/DD/YY</span> <span id="id_one">text</span> </div> <div class="class6"> <span id="id_two">text</span>
jQuery-ui sortable and droppable list
I'm trying to achieve a folder like application. I asked this question a couple days ago on stackoverflow.com (here) This is in short what i want to do.(Think of it as grouping in photoshop) <li>Folder1</li> <li>Folder2</li> <li>Folder3</li> <li>Folder4</li> <li>Folder5</li> The list above should both be sortable and droppable. This means if you drag one folder into the other one this will happen: <li>Folder1</li> <li>Folder2</li> <li>Folder3 <ul> <li>Folder4</li> </ul> </li>
Pager with Previous/Next
Hellooooo, Building a new site using jQuery Cycle for a slider. The design has both a pager and next/prev buttons. Found an example of using both, but the design calls for them to be all in one row. The number of sliders is dynamic as well (can add as custom post types in WP) so I can't just absolute position them. Design looks like... Got the pager part working. jQuery looks like... jQuery('#slider-inner') .before('<div id="pager">') .cycle({ fx: 'fade', timeout: 1000, delay: -2000, pause:
jQuery Autocomplete Plugin
Hi experts, I have to implement jQuery Autocomplete plugin with a jQuery Virtual Keyboard plugin. I have checked the autocomplete plugin and it is being used keydown, focus, etc. events. So what I have done is I trigger (jQuery trigger() function) keydown, keyup, change, focus functions each time when a button is being pressed from virtual keyboard. But still it is not returning any results. Is there any ways which can be used trigger autoomplete plugin when I user virtual keyboard. Note: Autocomplete
Autocomplete not working
OK it's about 10 hours of trying to get a basic Autocomplete woking and I'm feeling like about the biggest dope in the history of the internet right now. Page: http://AgilityEvents.net/administration/EventForm.php?action=add (You need to use the full URL) Datasource: http://AgilityEvents.net/webservices/clubInfo.php (Try ?term=RACE to see a sample result set) From what I 'see' using FF Web Developer Tools, nothing is happening when I enter characters in the targeted <input> ... in other words, it
Trying to show/hide things with a <select> menu
I have a <select> menu for my support tickets that asks you what your issue is. Depending on what you pick, it is supposed to display a form related to that issue. For example, if you choose "Report a Bug" the bug report form should be displayed. Well, I cannot get it to work. Here is what I have: The page links to an external JavaScript file that has this in it: $(document).ready(function() { $('div.hidden').hide(); }); And this is the code in question: <script type="text/javascript"> ("#showhide_form").change(function()
jquery transit rotation: jquery vs windows versions?
Hi all, I have Windows XP at home and Windows 7 at work. I developed a page at home using rotations with jquery transit. I started out with jquery 1.8.3, but that didn't work, so I switched to 1.7.2, and that works fine. On Windows 7 the page no longer works! Is anyone aware of a compatibility matrix between versions of windows and versions of jquery + transit? or is it some problem with the code? Below is the relevant extract of my page (it does work in XP, not in 7). Secondary question: is there
HTML CSS Jquery Javascript in mobile App
I have developed an app using java script css & jquery where my app displays a sequence of images. coded every thing and which is working good on my laptop, now i just copied the code in to my mobile sd card and opened the index.html file where i could is the first image of my app and with no (div link) link ..... and i don't know if my jquery written is perfectly working on my android mobile... can some one help me how to make the links visible and move fwd .... Thanks in advance :) :) !!!!!!!!
will immediate child selector be deprecated?
there is a note on: http://api.jquery.com/child-selector/ Note: The $("> elem", context) selector will be deprecated in a future release. Its usage is thus discouraged in lieu of using alternative selectors. I need this feature and in irc channel i got another solution: context.find(">elem") What i am wondering is since $(selector,context) won't be deprecated(will it?) and ">elem" can be used in .find(), why $(">elem",context) will be deprecated? Thank you~
Styling Content Loaded from Ajax
I've created code that loads multiple images from an html file using Ajax into a div in another html file. I have code written to enlarge the image using mouseover() and make it smaller using mouseout(). This code worked prior to removing the images and loading them through Ajax. I would also like to style the image so they're all the same size before the mouseover/mouseout functions are executed. Any ideas on how to accomplish this? Here is my code from the main html file. <!DOCTYPE html>
what are the basic logic about this code
i get totally confused this alert call one time how ? var i = 0; function call(name) { if (i === 0) { setTimeout(function () { alert(name); i = 0 }, 1000); } i++; } call('as'); call('as1'); call('as'); call('as1')
scrollLeft works but scrollTop doesn't work
I have the following HTML with CSS .container { overflow: scroll; } etc. <body> <div class="container"> <div id="markers"></div> <img id="map" src="/img/map.jpg"/> </div> </body> map.jpg is very large and I want to scroll to a fixed position like this: $(function(){ console.log($('.container').scrollTop()); $('.container').scrollTop(1000); console.log($('.container').scrollTop()); console.log($('.container').scrollLeft()); $('.container').scrollLeft(1750); console.log($('.container').scrollLeft());
Ken Burns effect with jQuery UI ?
Hello, Does jQuery UI include Ken Burns effect? Ken Burns effect allows a zoom in/out effect on a picture. Thanks, Chris
Slider Function malfunction
I'm currently working on this on JS Fiddle and something seem to be wrong with an every time you run it, you must click on the middle links before it starts to work or before the third link works. You must also click on the third one before the first one works
jQuery.sortable floated element issue..
I want to implement a thumbnail 'drag and drop'. However, it is not easy. Sample Site This is difficult to explain in words. Please take a look at the my sample page. The middle area is a grid type, and the right area is a list type. <ul style="list-type:none;width:500px;" id="middle" class="connectedArea"> <li style="float:left;width:180px;height: 120px">..</li>...</ul> <ul style="list-type:none;" id="right" class="connectedArea"> <li style="width:180px;height: 120px">..</li>…</ul> $('#middle,
Problem with Toggling Two Checkboxes
Hi, I am trying to change a css dispaly property of div by selecting and unselecting a checkbox following this script: <td> <input type="checkbox" id="c1" name="cc" /> <label for="c1"> <span> </span> Display : None </label> <input type="checkbox" id="c2" name="cc" /> <label for="c2"><span> </span> Display : Inline </label> </td> and the jquery is: $('input:checkbox').change(function(){ if($('#c2').attr('checked')){ $('#casradios').css("display", "block"); $('#c1').attr('checked',false);
Use Javascript to go to an "external" page and handle "back" correctly
I would like to know how to change pages and go back in javascript in a way that is the same as: <a href="someplace.html#somehash" rel="external">Go There</a> <a data-rel="back">Go Back</a> What I've found is that if I do everything in HTML (which I can't in the situation I have now), everything works as I would expect. If I try to just do a $.mobile.changePage('somplace.html'), not all the jQueryMobile screens get loaded. I tried reloadPage=true, but that didn't help. If I do a window.location="someplace.html#somehash"
jQuery mobile
For jQuery mobile, has there been a development for touch based resize, sortable, etc? Like a jQuery UI mobile.
jquery function/script help
hey i want a jquery function/script that retrieve the HTML code source of a given web page.. thanks
Next Page