jquery mobile have problems to link search results in native iphone applications
Hi I just started to build some native iphone applications using html, javascript and css. In one of them, I am trying to allow my users search through my app and display regarding pages. But my problem is that although my application works correctly on Safari on the net, or on my local, it doesnt display results on my iphone as a native aplication. I am using AppMakr facilities to build the .ipa file. You can reach my source codes by visiting http://www.eskipusku.com/vergi_app2 Please use
Attach ui-widget to dynamic element
When dynamically creating a div using an .ajax() function. I'm unable to attach the .tabs() widget to the newly created <div>. This link creates the new div and pulls the #tabs div from "somefile.php" <a href="newdiv">Creates New Div</a> <div id="newdiv"> <div id="tabs"> <ul> <li>Example One</li> <li>Example Two</li> </ul> </div> </div> Here is the script I'm using. Output - Error: (d || "").split is not a function $( "#tabs" ).live(function(){
How do i parse XML using Jquery and build HTMl Form
Hi How do i parse XML in JQuery and build HTML Form Ex XMl :: "<?xml version='1.0' encoding='UTF-8'?><profile><title>PricelessCitiesNewYokrRegistration.</title><site></site><application></application><fields><field><label>Email</label><type>text</type></field><field><label>Password</label><type>password</type></field></fields></profile>" And The form Should like below . Email :: TEXTBOX Password :: TEXTBOX Submit Button When you click submit button it will take those two values
.each and "li" bold
So i have this code before jquery starts and then i call it in order to highlight the correct item in my <ul></ul> list.. on Firefox it works just fine but on IE8 it doesnt work, doesnt make the li item bold.. here is my code: function highlight_li(){ $(".main_div").find("li").each(function() { if ($(this).text() === "second_li"){ $(this).css("font-weight", "bold"); } }); }So what this does is it searches the .main_div's <ul> list and if a li item has the value
apply datepicker to input element in a hidden div
I am applying a datepicker to an input field in a hidden div that is a jquery dialog that will be opened by another trigger. The same code on one shared hosting (aruba.it -> www.parrocchiasanlino.org) works fine, while on another shared hosting (altervista.org -> consultapg33.altervista.org) the datepicker isn't hidden like it should be. It's appearing where the hidden div is on the page, towards the bottom of the page. I'm not seeing any particular error messages in firebug in this regard either,
Finished a jQuery Mobile site. Tasskr.com
Finished a mobile site for my todo list app. Tasskr todo list Some problems I ran into. Are there solutions for these? There needs to be a way to refresh a page when using forms. I got around this by using rel="external" but it breaks the back button and doesn't have the page slide animation. Also I was only able to link to the root with rel="external" or it would break the navigation. I want to put more than just text into lists. <li><span style='color:red;'>blah</span> weee</li> doesn't work.
Anyone who had done a jquery Throttle function?
I make a function like this: function throttle(fn, delay) { var timer = null; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { fn.apply(context, args); }, delay); }; } // so when you do this with jQuery, here is what you should do $('input.username').keypress(throttle(function (event) { // do the Ajax request }, 250)); and i find a problem , if my request to the server have
jquery validator in IE7
Hi, i'm using the JQuery validator plugin from this site: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Works excellent so far, except in IE7... It just doesn't do any checks, and when i press on a button it doesn't respond to it either... Anyone else encountered problems in IE7 ? Or is it just that my code isn't good? This is what i have for a login: var v = $("#login").validate({ errorClass: "warning", rules: { email: { required: true, email: true }, password:
Simple php mailer with validation?
Hi, can anyone help me with a simple way to add a contact form to my mobile site. The form should have the basic validation (empty fields, correct email, etc.).
Both click AND dblclick: where is the truth?
I have an application where a number of elements whith both simple and double click have handlers bound. It works fine with Firefox 3.6, Safari 5 and Chrome 10. But with IE 8 and Opera 11, double click is never catched. Looking for an explication, I first discovered that binding both click and dblclick is not advisable, since it could not be guaranteed to always work properly, due to different browsers practices, as stated at http://api.jquery.com/dblclick/. Ok, sigh... Then I also discovered the
how do you detect click events from .get() AJAX contents?
I've tried searching for this under the forums — and maybe it's because I just am using the wrong terms — but I cannot find any answers around this. Here's the skinny: I've got a listener for click events from links in DIV #1 in the loaded document, and when a user clicks on one of those links, it passes a value to a .get() function and runs a simple AJAX call and dumps the data/html results into DIV #2. After that click event, DIV #2 has a bunch of links in it, and I'm trying to traverse that dynamically
Opening tabs and linking to sections within show/hide. desperate, will pay!
1. I am trying to figure out how to open a tab, open a show/hide within that tab, and link to a particular person from an incoming link. 2. I also am trying to figure out how to open a tab and then a pane within that tab from an incoming link. This is the page I am working with I realize this is a lot to ask. My co-worker and I are at the end of our rope and would happily pay someone to help us. You can reply here or email me directly at: anna.callahan {at} 4culture {dot} org. If there is a different
How to simply integrate a customized jQuery Theme made with ThemeRoller in Drupal 7
I'm a pretty noob in Drupal as well as in jquery. My knowledge in html is average and in css rather little. In php I can copy / paste a code snippet but not much more until now. So I've been trying everything out for a couple of days to simply get some jquery script working as desired in Drupal 7. I started with a simple accordion snippet and I finally managed to have it work. (Maybe it's something to obvious for having some guys writing a understandable 'how to' about it for dummy newbies...) Now
How to pass jquery variable to database and output value??
Hello - I am trying to set up a non-cookied counter which will stay saved at a current value for all visitors coming onto the site (and can increase the counter). It is here : http://www.kennyrosenberg.com/?page_id=19 The likes are at 0 when you first go to the page but I always want them to be saved and increasing whenever someone clicks like. The value of the variable is "i" $(function() { // generate markup $("#rating").text("Likes : " + 0); var i = 0; // add
ThemeRoller
Hello! Why has suddenly ceased to work http: // jqueryui.com/themeroller/developertool/? I integrated it into the project, and now I do not know how to solve this problem. Help, please. Thanks.
How to pass ID as a parameter for a function
Hi guys! I've been struggling with a piece of code. I'm guessing the solution is quite simple, but I just can't find it!!! Here's the piece of code: $('.i_gal').click( function(){ $('#gal1').removeClass('gal_hide').addClass('gal_show'); document.getElementById('fade').style.display='block'; /* var exact_img= this.attr('id');*/ galleries[0].showImage(5); } ); This code should load an image gallery, and the number
Every nth element?
I can use the nth, or eq() object to target a specific element, but what if i want to target say, every 12th element? If there a jquery object to accomplich this, or will I have to use old fashioned javascript? If so, can someone enlighten me on this logic - I can't seem to work it out. thanks
Textarea iOS - autocomplete suggestion fails to be clicked
Very strange (iphone/iPad/iOS) behaviour. When using the (Stupid) Autocomplete function on an iPhone / iPad, the dictionaty gives you some suggestions. This 'blue' suggestions has a small 'ignore' (delete) button in the top right corner. Strangely: tapping / clicking the autosuggestion fails in a <textarea></textarea> But it does work in a <input type="text"">The autocompete="off" also won't help me. A know issue? See the screenshot.
problem with phone number JQM Alpha 3
With the below code there is a ">" appearing along the LI and also the 2nd number 866-111-1111 (Spanish) is getting cut off. Please advice if there is a way to disable the right arrow ">", show the 2nd number and still be able to click the phone number. thanks in advance for your help ! <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="d" data-counttheme="e"> <li data-role="list-header" data-theme="e">Contact Info</li> <li> <div data-role="collapsible"
Labeling single links/Slide In Slide Out Command
Hi i am currently coding my new website and i am fairly new to code but want to use code over Photoshop slicing etc as its the way forward coding that is. So I am trying to make a box slide in and slide out when a certain link has been clicked, Ive made it work with all 'a' tags but i want to be able to make it work with only one link for one box and another link for another box. (Trying to make a basic drop down box with text in). Similar to http://www.justinmaller.com/showcase.html (If you click
creating input form items dynamically not showing
I'm making a call to the back-end which returns one or more values. I'd like to use the return values as input/ checkbox items. Here's how I've implemented this thus far: $.mobile.changePage("#establishRelationship", "slide", false, true); checkboxMarkup += "<input type='checkbox' name='${name}' id='${id}' class='inputs' />"; checkboxMarkup += "<label for='${id}'>${name}</label><br />"; $("#establishRelationshipControlGroup").empty(); $.each(km.core.currentRelationships, function(cnt) { arr.push({
Add cookie functioanality to jquery.showhide.js plugin - should be simple...
Hi everyone, check this out. I am using the following plugin by Dana Woodman: http://jquery-showhide.googlecode.com/svn-history/r7/trunk/demo.html Implementation is relitavely simple: 1) Add scripts - done <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script> <script type="text/javascript" src="js/jquery-showhide/jquery.showhide.js"></script> 2) Add script for show/hide areas - done <script type="text/javascript">
AJAX function works only once
I do apologize if this turns into a double post. I though I posted the first time, but I can't find my post to edit and I forgot some code: The first time I call my function it works like a charm. When I try to call it again, it refuses to work. I know the info is being passed to the function, I checked, but it doesn't initiate the AJAX portion again. do you have to clear the function somehow? Here's my code for the function: //the AJAX search function function searchAndPull(objTNfield, objFNfield,
.detach memory leak.
I don't know if this is being fixed or is fixed in the most recent versions, but in 1.4.2, when I detached an element in DOM and then reinserted into another place, jQuery left something in memory...leaked. I found that I had to call the .detach and then on the next line also .remove the same element to avoid the leak. This became a big problem as I was scripting an animation for the screen with lots of detaching and appending. Saw the memory go from 80k to almost 1 gig. Not good. Is there even
How can you generate a jquery click when mouse is over something?
Hi, I am currently trying to make a layout editor. I am still trying to figure out who to do the whole thing. So far know that jquery can create new elements and delete them by matching the ID. I know that jquery can find id's from elements. I used this .attr('id'); to get ids. Here comes the problem it works great when buttons and the elements are not inside a div. yet when you click on a div you not just get the id of the div but also the elements inside the div. I want to select the div by itself.
how do you attach to ui-datepicker events
I am working with the experimental ui-datepicker, but when i call the datepicker() function of the input control, it screws up the rendering of the picker. $("#myPicker").datepicker({ onSelect: function(dateText, inst) { ... } }; I can't seem to bind to the events any other way. Thanks.
Can i retrieve an css attribute from a rule, in a LINK tag stylesheet ?
I don´t know if i am in the right way. I wish to extract some features of the "theme" link tag and them apply in other elements. For example, extract backgroundColor from rule .ui-widget-state-active, work in that color and them apply it in a color of other element. In fact, i wish generate a style tag, completing theme stylesheet, but using some collors directly from the choosed theme. Is it possible without tricks ?
suggestion for Datepicker Date Range example
I found it rather odd that the official Datepicker Date Range example doesn't filter date ranges if default values are provided via HTML, i.e. <input type="text" id="from" name="from" value="04/15/2011" /> ... (Well, it does work eventually, but not the first time you try selecting a date after the page loads - it lets you select anything. The date range filter is only applied after the onSelect function is called). I could be wrong, but I imagine there has to be quite a few people using the date
My Panels are staying open...HELP!
Hi All, I am a super newbie to jQuery. I was asked to change the way some div panels are behaving. Right now, when clicked, they just stay open. I would like to add an "x" in there to close it. Is there an easy way to implement this with the current code. Here is the function for the div panels.. $('#button_friend').click(function(){ // If another panel is open and we need to close it first before opening this one. switch (strPanelOpen) { case '': // no panel open, open Friend panel strPanelOpen
How to save jquery generated modifications to HTML file?
Hello I`m using some functions to manipulate contents of local HTML files When modifications are done i would like to make them permanent by clicking SAVE / SAVE AS / EXPORT button How to save dynamically generated HTML elements into the opened file, as well as export them to another one?
Widget Factory _setOption
When working with jQuery UIs Widget factory is it considered standard to provide _setOption functionality for every option available at instantiation? The reason I ask it because I'm finding myself adding a shed load of bloat to my widget just to allow option changes that, in all honesty, I can't see being used after instantiation? Any advice? Rich
Rebinding click events after AJAX still doesnt work.
Hi I have an Ajax post that gets 100 records. That runs a callback function called Update(data.d) that loops through and populates a Div container with these records each in their own Div with numbered IDs. (It also removes old Divs so that there are never more than 100 in the container. During this loop I register the click event for each <a> called 'Like': $("#" + items.id + " .vLike").click(function () { if (this.innerHTML == "Processing') return; SendLike(items.id); this.innerHTML
Problem with Qaptcha
Hi all, I downloaded Qaptcha from here: http://www.myjqueryplugins.com/QapTcha unpacked it and uploaded to my php server version 4.4.9 and tried to test them out. Everything looks fine but when I slide it over to enable to the submit buttom. The submit button still disable. Can someone please help? Thanks
Convert MooTools to jQuery
I'd like to know how you would modify this to use it in jQuery, Thanks, window.addEvent('domready', function() { var work = $('work'); if (work) { var originalHeight = work.getSize().y; var openHeight = work.getElement('.content').getSize().y; work.getElements('.toggle').addEvent('click', function(e) { var tweenToHeight = null; if (work.hasClass('open')) {
Mutliple calls to Google Maps in Jquery mobile
I have a single internal page that links to single internal page that allows the user to lookup an address using google maps.The address to lookup is passed as a URL parameter to the second internal page It works fine on the first hyperlink , on the second link it just shows a grey screen, no crash , just no map. Do I have to explictly destroy the google maps div canvas on subsequent links to this same page or must the googlemaps page be external?
scrollTop: offset().top not working in Firefox 4 or IE 8
Hello! I have this bit of jQuery: $(document).ready(function() { $('article').click(function(e) { e.stopPropagation(); var offset = $(this).offset().top - 70; $('body').animate({scrollTop: offset}, 'slow'); });It works in Chrome, but not Firefox or IE. Here is a live example: http://websitesthatmarket.com/dblog/site/ Thanks
Can't make jparse to work properly.
Hi there! I can't make the content of the xml-file to show. Callback & precallback functions work so it seems like the xml-file is loaded correctly. But the content doesn't show. I'm just not sure what I'm doing wrong here... I've removed som tags in the html-code. I hope that someone has some experience working with this plugin and can help me out. Below is the xml-file-content & the js-code below that. Best, Niklas XML-file <?xml version='1.0' encoding='utf-8'?> <text> <test><![CDATA[<p>testing</p>]]></test>
nested lists & map ui
i am a complete newcomer to jquery mobile as i was iui before but was having issues with the gmap api this has got be something really simple but i'm going round in circles trying to work it out basically i'm trying to combine a nested list with the google map plugin (http://code.google.com/p/jquery-ui-map/) this seems to me it should work straightforwardly - the top 2 map links work perfectly and as they should but i get a page loading error in links in the nested section (submaps) <div
Building slider controls to target specific slides
I have a slider set up that navigates fine using 'next' and 'prev' buttons. There are 14 slides and I have 5 buttons at top that I need to point to specific slides in the layout. Content is static and there will always be 14 slides, and the links will always link to the same slide. So I can manually set IDs for those slides and I can also manually designate each link to go to whatever slide... but I'm not sure how to move forward. My existing slider code is very basic: $("#slider").cycle({ fx:
jQuery validation plug-in 1.7+ using jQuery v1.5 and jQuery Mobile v1.0a3
Hello, I wonder if anyone has succeeded on making to work the following configuration: jQuery validation plug-in 1.7+ using jQuery v1.5 and jQuery Mobile v1.0a3. I just make to work so far. Thank you in advance jD
Next Page