[ask] how i can refresh single div tag without refresh the page
case : ============ a single page ==================== <div id="one">This one</div> <div id="two">This two</div> <div id="three">This three</div> =========================================== question : how i can refresh the div with id "one" without refresh the parent page? so i can update and get the result live tq all...
Check mouse left | center | right click on IE7-8
What should I use for getting the mouse click code? e.which, e .button won't work on IE7 and IE8 :(.
How to best use one jQuery version (or least amount of versions) for WordPress.
So, I'm managing a WordPress site which quite heavily uses jQuery. The site already has multiple version of jQuery and I'm not sure where to start to cleaning up this mess. I don't want to have to use noConflict every time I want to use jQuery myself, and I don't want to break the site when I trying to organise it all. Am I putting too much emphasis on standards by wanting to use only one version on the whole site? Maybe it's wishful thinking... -edit- Anyone have any ideas on how to manage this
In Scrollable.js slideshow last slide is displayed first on page load, how to resolve it to display the frist slide on page load?
I am using a javascript library scrollable.js for slideshow, in which i have 6 slides to be scrolled automaticaly but on page load i am displayed with the last slide first, then it scrolls to first slide for fraction of second and moves to second slide.. below is the code which makes this work: > HTML code: <div class="scrollable"> <div class="items"> <div><a class="fancyImage" id="protectslide" href="http://www.youtube.com/embed/EhyoS4o4_t4?rel=0"><img src="images/protect-slide.jpg"/></a> </div>
How to make jAlert as synchronous like javascript alert
In my project i am validating my form fields using jAlert() and requirement is to maintain the focus after clicking the popup Ok button, but using jAlert there is a problem of focus on the form fields that does not maintain. Please provide the solution so that i could resolve this issue.
Problem with UI Dialog - model form. It submits a form automaticly
Hi guys I have been working on this for 2 days now and I am almost done but i have a small issue. so i have 2 forms as the following structure <form action=" this page " method="post"> <button id="add-driver">Add a driver</button> <!-- this button should open the dialog only --> <input type="submit" value="add" /> </form> <form id="dialog"> </form> so the problem that i am having is that when i press the add-driver button the dialog opens with the form. but it also submits the first form! so the
put a message in select menu
how to put a message in select menu? I guess it takes a trick because the events do not show any default possibility.
Jstree always_copy not working when copying nodes between trees
Hey everyone! I am really stuck on a jstree issue; I have 2 trees a “source” tree and a “destination” tree. The “source” tree is a flat tree that contains nodes that I wish to drag over to the “destination” tree to build it out. But, after the drag I need those nodes to stay so I can reuse them. Now, if I press the control key down before and during the drag it will perform a copy function and leave the source node. But, I don’t want to have the user do this; I would like the tree to always copy.
media queries for javascript
in javascript i have given the cube size.... how to reduce the cube size for iphone screens is it possible to reduce the cube size using media queries in javascript.... how to make the cube size to 50 for iphone screens http://jsfiddle.net/XNaYj/
left arrow should change to right arrow
when i click the left arrow the slider panel opens up.... after the slider panel open up the left arrow should turn back to right arrow..... providing my code below http://jsfiddle.net/XNaYj/ $('#btnToggle').height($('#content').height()).click(function(){ $('#content').toggle(); $(this).toggleClass('btnToggleShow'); }); .btnToggleHide { background-image:url('http://intra.defie.co/images/cubes/arrow_black_l.png'); background-repeat:no-repeat; background-position:center; width:31px; height:26px; float:left;
How to get data from an already built website that doesn't have JSON plugin?
Hello All, I'm new in this wonderful world, and was wondering if anyone can advise how to get data from an already built website that doesn't have JSON plugin and display it within our App, any update to the website will be auto-updated in our App. I basically would like to know if there is a way to display data the same way like the App EURONEWS(free app), taking data from any website and feed it automatically to our App. Thanks. IC
Bassistance validation plugin
Thanks in advance for your help! I have a form which successfully uses the bassistance validation plugin to highlight required fields. Currently all fields with class="required error" are set to always flag as required if no data entered (mainly textarea fields) The requirement now is for some questions which have a yes/no radio button. If user selects Yes the textarea asking for more information needs to be available and a required field, if user selects No this is not required. Having scoured around
JQM 1.3 RC1 posting back duplicate form data fields with empty values
With JQM 1.3.0 RC1, and also "the latest", when I do a first visit or hard refresh on a page, and enter data, the form data being submitted will not only contain the correct fields and values it's supposed to, but it will also contain an extra empty copy of the fields which is interfering with my model binding. Like this in desktop Windows 7 Chrome developer tools Header/Form Data results: DisplayText: DisplayText:231 BooleanExpression: BooleanExpression:231 submit:submit-value or DisplayText=&DisplayText=231&BooleanExpression=&BooleanExpression=231&submit=submit-value
How to set tabindex of a jQuery UI Tabs Control
I want to be able to use the tab key to tab to the jQuery UI Tabs Control, but I do not see where I can set its TabIndex. I see other posts about about the Index of the Tabs within the UI Tabs Control but I am refering to the overall TabIndex of the Control itself (within the page). Thank you.
Load First Item in List Onload
My query skills are moderate and rusty. I put together a a page that is designed to show a linkable image each time a list item is clicked. The problem is, the code I found to do so only allows one image to sow at a time. Currently, all images are hidden on load but I need the first image from each list to show upon loading. Can Someone help? The page I am referencing is located at the link below: http://cwip.com/default.aspx?page=customer&file=customer/cewhin/customerpages/informationCenter/index_Copy2_.htm
Popups with long content
Hello, I am trying to use popups (not dialogs) with the stable 1.2.0 to show some long content. There are 2 problems I am looking the answers for: 1. When I am using the default data-position-to="origin", the popup appears fine next to the origin, however when I start swiping up and down, the popup changes its position to the center of the screen. I'd like the popup to stay where it opened and doesn't change position when scrolling via a swipe. Is this possible? 2. I am using data-transition="slideup" and
Tiny jQuery problem
Hello, I have made a dropdown menu using jQuery with the .animate property. Now my problem is when I quickly hover my menu say 10 times, it will close/open the dropdown menu 10 times. How do I prevent this from happening?
Check if input,select has value after ajax submit and if not null/empty hide label
I have a multi-part form which is a CMS plugin I prefer not to hack. I am using absolute positioning for the labels to appear inside (over) each input and select elements. The following code works great for focus and blur events at any stage of the form but once the first step is submitted, any returns to the previous step(s) retain the values and result in both the label and value being present. I need to find a way to hide the labels if values are present but I'm not sure how or if I can do this
IE SCRIPT5 and access denied problem
Hi guys. i have an issue with a jquery function. in IE appear SCRIPT5 and access denied errors, everything works fine on the others browsers, and i know exactly wich part is that make the error, if i take it, the page load normal, but if dont , i just get a blank page. the bold text, is the part that i mentioned, and doesnt matter if i write .html() or .append(). some suggestions ? please. This is the script : $('.ca-item-main a').live('click', function(e){ e.preventDefault(); var href = $(this).attr('href');
Validation Plugin - v1.11.0 Remote Validation Not Showing JS Message
Hi, I am learning JQuery Validation. It's great. But I am having problems setting the message for remote validation through the rules and messages options. The message works fine when coming from the server. But I would prefer to keep all the messages together in javascript. If I do not use the server message, only 'false' appears in the error label. And the remote message set in js options is ignored. I have tried to follow the pattern found in the Milk demo. How can I fix this? The messages
problem with screen.width
Hi, I'm very new to jQuery but I have had to learn a little to make a responsive website. my problem is with the horizontal navigation menu. I want it to become a drop-down menu when the screen size is less than or = 657px. The problem is that some of the code is working (the .hide) while the rest isn't i.e the button i click to get the drop down menu to drop. I'm pretty sure I have made a really silly amateur mistake but I can't seem to figure it out. Thanks for your help. here is the code I'm using:
Running javascript animation after ajax
I have this page with includes some animation created by edge animate. Now I want to be able to load the page via ajax but still have the animation play. Does anyone know how to go abouts doing this?
Access variable outside jQuery
I am reading the content of a text file using get. The question is how to access that content outside jQuery function. The code is: var dt = null; $.get('myfile.txt', function(data, status) { dt = data; alert("alert 1 = " + dt); }, "html"); alert("alert 2 = " + dt);the first alert shows the correct content of the file, but the second one shows NULL. What shall i do in order to get the content file outside jQuery? Sorry if this question is too simple/obvious. Thanks a lot for your
My screen drags unexpectedly on iPhone listview
I wonder if anyone has encountered this issue. I have some iPhone users that when they go to touch their screen on a page that I have a listview, their entire screen moves to the left. They can touch (swipe) to move it back, but I'm afraid Apple might turn down my app based on this. I'm not even sure how to even search for a solution for this (believe me I've tried and come up empty handed). I'm not sure if this is a JQuery Mobile issue or a PhoneGap issue or what. Please any help with this would
How to ? Do this?
Im trying to substitute some hard coded code with an $each iteration. From: map.addOptimizedRoute([ {latLng: {lat:40.735383, lng:-73.984655}}, {latLng: {lat:40.763628, lng:-73.971524}}, {latLng: {lat:40.765058, lng:-73.989034}}, {latLng: {lat:40.750755, lng:-73.981824}} ]); To: map.addOtimizedRoute([ $.each($locations ,function(idx) { $locations[idx], }) Or something akin to. I dont know how many points Im going to have to have to build an array.
How to extract content from an iframe
Hi, at the moment i'm trying to develop a Win8-App using only HTML5/JS It works perfectly fine, until i want to extract some text from an iframe, i embedded into my "site"... The code of the iframe: <iframe name="mainframe" id="contentframe" frameborder="0" height="300" src="http://www.combib.de/losungformat/heute.html#0A57C0#FFFFFF#CCCCCC#F5F5F5#000000#Arial,Helvetica,Geneva,Swiss,SunSans-Regular#10pt#20pt#16pt#8pt#10px#10px#10px#24px#left#bold#none#1#0#1#0#x#x#x#x#x#x#x#x#x#1#1#_blank#ue#lb#x#x#x#x"
Regarding Jquery 1.8.2 Version
Hi, Iam using Kendo ui controls in Asp.net Web Application. For loading the kendo ui controls, Iam using Kendo ui script files and also Jquery 1.8.2 minified version script file. But using this, Iam not able to trigger any of the Kendo ui upload events. Iam able to do this with Jquery 1.7.1 minified version script file. Is there any way to resolve this? Thanks and regards, Bhavani Gubbala,
Button tiling
Hi Guys, I am new to jquery mobile so i need help regarding using buttons in jquery mobile. I need to include back button in header like mentioned below also the text 'Home' in center .I need to tile this image .But i dont see anywhere tiling this image.Can you please help on this. Thanks Nikhin
Find a DIV with a certain CSS style using jQuery
Hi Everyone, I have a bunch of DIV's that all have the same class and style except for 1. <div id="0" class="divpage" style="display:none"></div> <div id="1" class="divpage" style="display:none"></div> <div id="2" class="divpage" style="display:none"></div> <div id="3" class="divpage" style="display:none"></div> <div id="4" class="divpage" style="display:block"></div> <div id="5" class="divpage" style="display:none"></div> <div id="6" class="divpage" style="display:none"></div> I need to find out
slideToggle reveals <a> link, don't want it to close when user clicks the link.
I'm a little stumped by this one, I've got a slideToggle setup that works with a "more info" kind of thing on a products page. The problems is, one of the elements slideToggle is revealing contains a link that opens up a video modal box, and when the user clicks on the video modal link, the slideToggle activates and closes the "more info" section. I'd like to keep it so that the user can click anywhere in the productInfoContainer div to open/close the more info section, I just don't want it to close
Pasrsing JSON data for autocomplete
Hi, Referring to the below code, i want to autocomplete on text box with id name with data as the source. For the autocomplete Label should be displayName and value should be uid.After selecting one of the value corresponfing email id should be populated in the emailid text field. I am not able to achieve this.Please help <input type="text" id="name"> <input type="text" id="emailid"> var data={"users":[ {"uid":"123","displayName":"User 123","mail":"123@example.com"}, {"uid":"456","displayName":"User
DatePicker and JSON autocomplete stop working after 5 minutes
Got this from a client. I was wondering if anyone ran into the problem and/or has a fix for it. I'm having a problem where 5 or so minutes of inactivity on the page pass by, the datepicker will appear but don't update the textbox after selecting the date. Also, after 5 minutes of inactivity, the JSON AJAX auto-complete stops showing up. Using IE v8.0.6001.18702
Getting the value for a text string
I have the following HTML table <tr><td align="right"><span class="jqSelector">1234</span></td></tr> <tr><td align="right"><span class="jqSelector">4567</span></td></tr> and separate form <input type="number" id="NumberField"> I want to use something like $(".jqSelector").click(function(){ $("#NumberField").val(this.val()); $("#NumberField").focus(); }); To set the form field to the clicked value and focus the field. As I understand it the .val() won't work here, but will anything else? Can I even
remove img tags from page
Hello, I have a site with articles with links to images that are on a remote server. Sometimes, however, some images are not displayed because the remote server workload or other reasons. I want to make sure that an image can not load the website to remove its HTML tag: <img src="unavailable.jpg"> Here is funny code, deleted all images: $().ready(function() { $("img").load(function() { $(this).remove(); }); }); How do I make that mistake, ie image can't be loaded to delete,
how to check all required fileds have values in jquery on submit
is dere way to check that all the required fields on page are fullfilled Below is my code: plz suggets thnx <div id="StructureView" runat="server" > <h2 class="lblStructureR">Structure</h2> <asp:Label ID="lbl1" runat="server" Text="Surface we are building on ?"></asp:Label> <div class="divOptions"> <asp:RadioButtonList ID="cblOptionsRadio0" runat="server" RepeatDirection="Horizontal">
Dialog rounded corners on top
Yesterday I posted a change in behavior between 1.2.0 and 1.3.0 that inhibits rounded corners on controlgroups.. Today I found a somewhat similar issue with dialogs <div data-role="dialog"> <script> // This script prevents rounded corners on the top // because rounded top corners relies on this selector in structure.css // .ui-corner-all > .ui-header:first-child // why the :first-child pseudo-class ?? // script was placed here because script in head is not eval'd
jQuery plugin: Validation in jquery dialog
godbest Is any possible for jQuery plugin: Validation(http://docs.jquery.com/Plugins/Validation) in jquery dialog?Can any one show with example?
Accessing values from dynamically generated textboxes
Hello, I am dynamically generating textboxes with jQuery which are filled with random numbers. I am not sure how I can access the values from the dynamically generated textboxes so that they can be inserted into a mysql db. The mysql db table would be created to handle the maximum number of possible fields, in this case it would be 60 (max option is 20 x 3 textboxes per set of numbers). Would anyone have any idea how I can access the values of the dynamically generated textboxes so they can be inserted
jquery autocompele
i'm using jquery autocomplete. When focus shifts to anywhere from textbox(on tab press or mouse click), i need to select first matching value from the list of values returned by autocomplete method. for eg: if i typed "ana" and the list contains "Anant" then if i press tab or mouse click to anywhere then that "Anant" should be selected in my textbox. any idea??
idTabs and form input validation
Hi .. I want to validate a form using jQuery (or HTML5 default form validation) .. I use 1 form with 2 tabs .. Imagine, there's a required field on the first tab (which I won't fill) .. Then I switch to the second tab and submit form .. How do I redirect the user to the tab, where the first invalid input is located? If I am on the first tab right now, I can see the 'This field is required' message. But if I am on the second tab, nothing happens (I can't submit the form at all) .. Thank you for your
Next Page