Collapsible list gives extra width when expanded?
Hey, I have a collapsible list on my mobile site. The problem is that when i expand the list, it comes with some sort of width which makes the page larger than the screen, which shouldn't happen. This makes that i can scroll horizontally.. Does anyone have a clue what could cause this problem? Sincerely Niek
missing jquerymobile file?
I have updated dreamweaver cs6 to work with the new jquerymobile 1.2.0, all seems well until I save the html page when I get a warning that (data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); is missing so can't be copied. How would I resolve this? very new so be gentle Ian
replace any characters doesn't match with my regexp
i want to replace all of characters are not match with my string, for example i have: <script> var word = "my~wo@rd 12$3"; var regx = "/^[a-z0-9]+$/"; word = word.replace(eval(regx), ''); </script> without any other regular expressions, how i can get this result: "myword123"
Cycle lite. Issue with the first picture. out of place
hi i just implemented the cycle lite plugin and i think its looks great. thanks a lot for it. but i just have one issue. the first picture of the cycle gets shown out of place. what could it be? im happy for any help. Site with the issue--->www.redseen.3owl.com thanks a lot derber
Style problem in IOS / Mobile Safari using Jquery1.2.0
Hi, I'm both new to the forum and to using JQM I have been developing an app based on JQM and have moved this onto use JQM 1.2.0 to access the 'pop-up' features this has brought to us (all of which have proved very successful for my task). This development has been based on a web-app with testing primarily using a web server base, with the intention of running the final site through Phonegap. I have a completed app running successfully using JQM 1.1.0 and the appropriate CSS-details below <link rel="stylesheet"
Bug tracker
On the bug tracker page, the link "UI Developer Guidelines" doesn't exist. Considering all of the issues I've been having with documentation and the new jQuery UI API documentation, could we get the documentation added to bug tracker? Or should I be submitting these to the "ui.dev" meta tickets?
display function result in page body instead of message box
I've got function WCFJSON function WCFJSON() { var userid = "2"; Type = "POST"; Url = "Service.svc/GetUser"; Data = '{"Id": "' + userid + '"}'; ContentType = "application/json; charset=utf-8"; DataType = "json"; varProcessData = true; CallService(); } This function is called when document is ready: $(document).ready( function () { WCFJSON(); } ); As a result I get dialog box with value corresponding to userid = "2". Now the question is how do I display
Wrapping containter divs around n number of divs
Hi, I am new to the forum and so hope I have posted this in the right place and that it makes sense. I am currently developing an site using a shopping cart software and so in some cases I have limited access to certain files and so am trying to use jQuery to make some amendments to the the appearance of some search refinement filters. The code provided for two separate filters currently looks like this: <div class="refinement_custom_category_section">Filter 1</div> <div class="refinement_filter">a</div>
Unexpected Slide Animation
The reverse slide animation looks totally different when i start the application from the iphones/ios6 homescreen instead starting the app from safari. In fact both animation look a little wrong. But the animation in the homescreen-scenario is strange somehow. I would like to know what the reason for that jqm-animations are depending on the start-scenario? It only seems to ba a problem with jqm 1.2 final and ios.
Mouseleave only triggering as expected in Chrome
Hello, The following seems to work only in Chrome, and it does not seem to work in IE8, FireFox, and Opera: $("#divMain").on({ mouseenter: function() { $(this).closest( ".widget" ).find( ".divButtons" ).show(); }, mouseleave: function() { $(this).closest( ".widget" ).find( ".divButtons" ).hide(); } }, ".widget"); In Chrome, if you drag the ".widget" far enough away from the other widgets, so when you let go of the ".widget", so the mouse pointer is not hovering over
Why is this error in blueimp jQuery File Upload: Failed to write file to disk?
I am using blueimp jquery, if I upload a file more than 50 MB, it shows the error : Failed to write file to disk, why is this happening ? My phpinfo settings for post_max_size is 1072. But then its showing this error.. please help me where I have to change this and fix it so that it can allow an upload of min 100 MB at a time ? php.ini Settings: post_max_size = 1072M upload_max_filesize = 1050M memory_limit = 2000M upload_tmp_dir : this I have set to /tmp once and even commented upload_tmp_dir
select jquery
this script works in a select, how can remove the value append bellow? i had tried else but not working. and another thing, if a click in another select and click in report a problem, appear again the input and button, how can put this for appear only one time? thanks. <script> $("select").change(function () { if( this.value == 'report a problem' ) { $('div').append("<input type='text'/>","<button>save</button>"); } }); </script>
About jquery slider range validation???
How to use slider range with change events, becoz when i change events and use _dopostback() full page post back but i want only a div is post back, and slider range is not change.....???
click even firing difference between 1.8.0 and 1.8.1/1.8.2
I am having problem with click event. It fires if I use 1.8.0 but does not when 1.8.1 or 1.8.2 is used. I am using jQuery with Backbone and jQuery Mobile framework. I am not sure if the problem is related with that but I was able to narrow it to the following lines: for 1.8.0 it's 3009-3039 for 1.8.1 it's 3013-3043 it (1.8.0) has changed from selMatch[ sel ] = jqcur.is( sel ); (line 3030) to this (1.8.1) selMatch[ sel ] = jQuery( sel, this ).index( cur ) >= 0; (line 3027) this one line makes all
Message is not working right…
I am trying to get this game I made to display if you won, lost, or tied. As of now it just displays that you won. What is wrong? Any Help would be great!!! Here is my Script: // JavaScript Document $(function(){ var numberPicked; $('#Rock1').click(function(){ var numberPicked = 1; $('#displayOne').html('<img src="images/rock.gif" />') }); $('#Paper1').click(function(){ var numberPicked = 2; $('#displayOne').html('<img src="images/paper.gif" />')
Error: 'jQuery' is undefined , when I used IE 10
I am using windows 8 . and using visutal studio 2012 practicing asp.net MVC 4. there is jquery 1.7 in MVC 4. When I run my program, it always pop up Error: 'jQuery' is undefined error in IE 10. but in Firefox ,google IE dont have this error. so I think it should be some issue just in IE 10?
Simulate hover
I have some div's ([class^="exhibit_caption_img"] & did have a function that fires on hover, but I put a wrapping border "[class^="exhibit_caption_imgbord"]" on top of it to mask some stuff, so now the hover event isn't registering. Tried this function: http://stackoverflow.com/questions/6157929/how-to-simulate-mouse-click-using-javascript/6158050#6158050 by TweeZz The callout suggested this: simulate(document.getElementById("btn"), "click"); Tried writing it in jquery like this: $('[class^="exhibit_caption_imgbord"]').hover(function()
load more images
how to get more images when i click the load more button in jquery pls help http://jsfiddle.net/XBNQC/7/
jQuery.post potential max_user_connections error
If I am making a request via jQuery.post to run a PHP function it is possible on a heavily trafficked site for an Apache server to have reached the limit defined by max_user_connections. This means that a new process cannot be created, that is the PHP function will not be executed. What does jQuery do if this occurs? 1) does it just continue on without having executed the function so that the user wouldn't even notice that something has failed? 2) does it cause the script to crash and therefore cause
jquery mobile page with more button
I am setting up a j query mobile page showing over 50 elements, how can I just show the first 10 when open up the page, and with a more button on the bottom which can show all if click on it. my script is: <body> <div data-role="page" data-add-back-btn="true" data-back-btn-text="Back" > <div data-role="header" > <h1 style="white-space:normal">body</h1> </div> <ul data-role="listview" data-inset="true" data-filter="false"> <li><a href="http://www.mydomain.co.nz/users/262/">Feature
Limit characters in a div
Hi. Can anyone tell me how its possible to limit the amount of text characters in a div. I want to be able to limit to say 200 characters, then display a 'read more' link, when clicked it slides down the rest of the text. I have had a look around, but have only been able to find limiting text in textarea's. Thanks.
How Do I Debug "Invalid Argument" Ajax Error?
I'm getting an Ajax error in Internet Explorer 8 and 9; no other browsers have a problem. By inspecting the jqXHR object, I can see the error string is "Error: Invalid Argument". This seems to be a generic Internet Explorer error not specifically related to Ajax - the HTTP request doesn't even happen. The problem is, jQuery seems to be catching this error. I can't get a backtrace or anything. How am I meant to find out where IE is throwing this error? I'm seriously frustrated right now. This is something
changepage is changing relative path
Hi, I've updated to jquerymobile 1.2 (from 1.7.1) and I have an issue with pagechange... for example: my site is in http://localhost/htdocs/index.php (firebug call) all page(data-role=page) are contents in index.php, but when i call a page that is located in other php file: $.mobile.changePage("Path/to/other/file/otherPage.phtml"); and i come back to some page (data-rol=page) in index.php. then I do an ajax call $.ajax({ url: 'index.php', type: "POST",........ it does the call in
live textarea preview with css font choice
I need to be pointed in the right direction here. What's needed... A text input area with a live preview of that text. (Okay that seems simple to achieve.) The Problem... The preview box must have font style choice to view text in different styles. The output text and font style choice to be output to form or saved somehow. So the text and style are important. Have seen various plugins, textarea preview, cufon, live event etc and now not sure which plugin or code to use to build this.
Problem with $.each through json object
Hello, I am having the strangest problem with $.each through a json object. Im trying to iterate through the object, Im obtaining addresses to pass to the google geocoder for mapping. When I run the function all the red alerts are appearing then all the green are appearing. It is supposed to display red and then green over and over. Does anyone see anything. Or do I not understand the $.each function. $.each($json.PDMOVE, function () { var nocntrs = 'No Containers
Need basic direction on building my first jQuery Mobile Offline project [SOLVED]
I would like to create a simple jQuery Mobile/ PhoneGap page with several images on the page. After I create this page, I would then like to view this page on my ipod touch with an internet connection. I would then close this page project completely Then "intentionally" loose my internet signal on my ipod touch device AND THEN re-open the PhoneGap project page to view it, interact with it, play with it, just as I did when I had internet a couple minutes ago. Is this possible without any cost
jQuery Validate
I need some help to use "class" instead "name" when i use groups on Validate plugin. I`m working on a similar script to this one http://jsfiddle.net/allanroger/EPgEZ/ I appreciate all the help. Thanks in advance. Allan
Triggering the rerender of input fields.
Hi, How is it possible to trigger the rerendering of an input field after the page is loaded? We want to change the disable/enable property of the field an after that rerendering it. Thanks, Altran
A generic popup for messages?
I have a multiple page setup where each page is in a different file. I make alot of Ajax calls on each page. Calls that can go wrong. So i need to display some info to the user if it goes wrong. So i thought that popup would be cool. But i need a generic popup that will popup instead of adding popups to every page and file. In my start.html i have the following: <body> <div data-role="page" id="startpage"> <div data-role="popup" id="popup_msg" data-theme="a" data-shadow="false"
Problem with dialog on iPhone/iPad
I have a popup dialog that should be opened when a button is pressed. It works properly on desktop browsers and on Droid. On iPhone and iPad (Safari) I discovered that it wasn't opening. If the page containing the button is refreshed it will work. I took it to Safari and Chrome on the desktop and changed the useragent to iPhone. It works properly on Safari. With Chrome it is the same behavior as the iPhone/iPad. Will not work unless the page is refreshed. I have taken the page source after
$.mobile.changepage not loading external .JS file
I am having a weird problem when trying to load an external JS file in a page which is loaded using $.mobile.changepage(). Following is my directory structure: |_ /html | |_ conflist.html | |_ newpage.html |_ /common | |_ jquery-1.7.2.min.js | |_ jquery.mobile-1.2.0.min.js | |_ jquery.mobile-1.2.0.min.css |_ /platform |_ dummy.js Here are the codes for conflist.html and newpage.html. First, conflist.html: <!DOCTYPE HTML> <html> <head> <title>ConferenceToGo</title> <meta
Cannot read property 'length' of undefined
Have an application to concatenate a new blank array with selected objects of another array. The code reads the parameters and values of each object of the initial array. This same code is used for the populated second array. The execution of the code stalls on line 583 of the jquery-latest.js file. The error message says "Uncaught TypeError: Cannot read property 'length' of undefined". I saw an earlier post for this error message, but there wasn't much detail and it was closed due to lack of response.
Rerender an input field in a VisualForce page
Hi, How is it possible to rerender an input field in a VisualForce page using the onchange trigger of a select list. We defined the function disable to enable or disable input fields acording to some conditions (see function below). This function is called in j$(document).ready(function() and it's functioning well when the page loads. We call this function also in the trigger onchange mentioned, but we need that the input fields get rerendered. What statements must we add in function disable()
how to append long html files WITH SPACE?!
if this code will be long html codes as 300 lines. You have to write codes without space. But any Code Editor gives space between of tags. And I have to delete all space. Is there any solution for it? $("body").append($("<div id='dzndiv'><div style='position:absolute;left:0px;top:0px;width:100%;height:800px;'><img src='img/transparent.png' width='100%' height='100%'/></div></div>")); it is not true but solution example like this or equal?: $("body").append($.load("longstuff.html");
Using HTML Tables In jQuery And Formatting Issue
I have an issue when pushing out data in a html table using jQuery. I want my data to look like: 000111 - (01/09/2012) S1 Order sent. 000222 - (28/08/2012) S2 Issue with packaging. 000333 - (31/08/2012) S2 Left with neighbour as customer was not at home. 000444 - (27/08/2012) S3 Signed. 000555 - (01/09/2012) S1 Out of stock Which, in a standard html should look like: <table class="style1"> <tr> <td> OrderNumber + OrderDate </td>
How to keep an $.ajax connection open in order to retrieve data regularly from server?
Hi all, I've used jQuery.ajax function to request data from AJAX-enabled WCF service. Please look at the following code. It seems that poll function opens a new connection for each jQuery.ajax call because IIS server is not responding after 10 connections (ajax call) although one web page is opened on browser. How to keep an $.ajax connection open in order to retrieve data regularly from server? Thanks a lot for your helps and clarifications, function poll(urlString, data, fnSuccess, fnError)
Problems with jQuery ligthbox
I am having problems with my design. Having solved a problem with the overlay i.e. I didn't put any properties to a div tag css styling I have noticed that the image doesn't quite line up to where I want it i.e. where I have a div tag for the main image. I was wondering if I could tweak where the jQuery image lands in the lightbox file?
How do I generate .post() return values in PHP?
Hi, I've attached the code I'm currently writing as an attachment to this post. It includes both javascript and php for what I'm trying to do. Note that this problem is related to implementing AJAX into wordpress, so any knowledge about Wordpress helps here. What am I trying to build? I wish to build a AJAX loading system for every segment of wordpress. Lets start off with my PHP for wordpress here i initiate 3 scripts one, for JSON2 as it is said to be a more reliable parser than the one included
Elements not getting their data-theme from parent container.
I've noticed that form elements no longer by default inherit the data-theme of their parent element but instead uses the data-theme of the page. For example using the following markup <div data-role="page"> <div data-role="header"><h3>Header</h3></div> <div data-role="content" data-theme="a"> <ul data-role="listview" data-inset="true" data-theme="c"> <li> <input type="button" value="test" /> </li> <li> <select
Header content getting cut off
My header on my iphone shows up as "My First Mobile...". Why won't the whole header show up? <!DOCTYPE html> <html> <head> <title>Developing with jQuery Mobile</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script></head> <body>
Next Page