JQuery conflict with external script
Hi, In the head of my page I have the following code: <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script type="text/javascript" src="/templates/mobile/detect.js"></script> This is a screen width detect which calls an external .css sheet. This works fine. In the body I have a series of embedded interactive photos which are held at occipital.com. These work fine when I do not include line 1 & 2. Once those lines are included the images are no
Fading in & out div content with the first div visible by default
I can fade in & out different div content, but I'd like that when we open the website, the first div content is already visible. For now, I have to click on one of the link to show the content. I want the first div visible by default, then we can fade in & out with other div contents when we click on the links. In this case, the lorem ipsum div should be visible at start when we arrive on the webpage. Thanks <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script
How to get the value of a selected text with .select()
Hi, does any one know how can i get the text selected when i use the .select() method??
loop through json inside json
I have a json collection, and inside each item I have other collection: I'm walking in the first json item: I need to walk inside an collection that exists inside the actual item. $.each(data, function (index, element) { var tmp = $('#itemBusca').html(); $('#buscas').append(_.template(tmp, element)); }); [{ "Codigo": "692547", "Afiliacao": "RS", "Nome": "155 HOTEL", "Provincia": "BRSAO", "NomeProvincia": "SAO PAULO", "Categoria": "3", "DataEntrada": "20120728",
Can't make this work in Internet Explorer.
Can anyone help me with this? I have a simple animation that works in Chrome, Safari and Firefox but of course fails in IE. What is supposed to happen is when the mouse enters the "tttrigger" class the jquey code snippet finds the sibling of class "ftront" and reduces its height thus revealing the text in the sibling "tback". As mentioned this works perfectly in all but IE (both 8 and 9 ) Unexpected behaviour 1 - in IE if you hover over the blue square it's height is animated, however if you hover
ReferenceError SubmitForm not defined
I have 2 errors, 1. is the onload the page doesn't load the AJAX JSON response data. The data returns but doesn't get displayed so the error is JQuery somewhere. 2. When you click in the form fields you get the error "ReferenceError SubmitForm is not defined". This may be why the page doesn't load. So I'm guessing the problem is with the form inputs (red) or with the submitForm function. My page: janisrough.dyndns.biz/todo16.html <div id="todos"> <header> <h1>Taskos</h1>
Passing CGI Params in 1.2?
I'm diving into JQM and plan on playing with 1.2 since I wouldn't be going to production for many months. Does 1.2 honor old-school CGI params in plain HREFs or interactive lists? If not, will the router plug-in do the trick? And since I'm here, is it compatible with the subpages plug-in? Thanks! V
Help with pages
Hello I have two pages, the first is multipage, and have a menu to two pages more extremos .html, and consejos.html,My problem is that one of these is called extremos.html html, when I using geolocation does not display the map, and when I running it as a single page this draw the map without problems, checking with the developer tools I note that clicking the link and open this page does not delete the data that functions as the index page, like javascripts,images,etc. and that is the reason because
Progress Bar Updated By Text File
I'm brand new to coding but am loving everything I'm learning! I need to come up with a progress bar that updates by a varying percentage based on date. Is there a way to do this through a text file? Any help will be appreciated. Thank you.
issue with jQuery filtrable portfolio in IE8 & IE9
Hi, im having an issue with the portfolio filter in IE. The filter works once, but when I try to use it again it does not respond. Im using IE8 & IE9, i tested on chrome, safari and firefox and it works fine. The error message thrown by IE8 (which I’m pretty sure is the same error i'm getting with IE9). It refers to something called “console” in a chunk of javascript code (jquery to be more specific) that doesn’t seem to be defined in the actual jquery files, and while all other browsers seem to
how am I misusing the 'first' selector (if it's even what I want) ?
$("html, body, #Contents div:first").each( function() { alert(topAdjust); leftAdjust += parseInt($(this).css("marginLeft")) + parseInt($(this).css("paddingLeft")); topAdjust += parseInt($(this).css("marginTop")) + parseInt($(this).css("paddingTop")); }) If I remove the ":first" I get about 9 iterations, otherwise I get 2 (i.e. it isn't ran for the first 'div' enclosed in a tag with id 'Contents', which is what I want).
Multipage document: pagebeforechange event is posted twice
In a multipage document, the event "pagebeforechange" is posted twice. The first time, the toPage parameter is undefined, while it is present the second time. The attachment illustrates the behavior (it is a HTML file). Found in jqm 1.1.1 Michael
each returns only one instead of many
This are (in short) my elements: <input type="checkbox" size="4" id="checkbox-users" name="users[]" value="1"/> <input type="checkbox" size="4" id="checkbox-users" name="users[]" value="2"/> <input type="checkbox" size="4" id="checkbox-users" name="users[]" value="3"/>The code is: $.each($('#checkbox-users'), function(key, value){value.click();}) or: $('#checkbox-users').each(function(key, value){value.click()}) check only the first checkbox-users what do I wrong?
Update variable after ajax request
Hi. I have a variable which takes the height of a div. I want to update this variable after a specific ajax request is made. I tried adding the variable again after the ajax request but it isnt updating it. Could someone possibly give me an example of how I could do this? Thank you
Need advice on how .on() works
Hi, The website I'm developing is asp.net so many of my pages postback or partial postback. Until recently I loaded all my scripts on pageLoad() event rather than document.ready. This enables me to persist my jQuery stuff on postbacks. Then I discovered the.on() function that allows me to declare my functions in document.ready and my initial thoughts were, if I only need to wire it once, it must be better. Now I've had a thought which I'm unable to answer due to my lack of experience, so I thought
1.1.1 Same page transition bug?
I was trying to implement same page transition with 1.1.1, using: $.mobile.changePage( $.mobile.activePage, { "allowSamePageTransition": true,"fromPage":$.mobile.activePage } ); however, after the transition the page turned blank (white). With a bit of debugging I found line 2297: if( $from){ cleanFrom(); } which of course cleans $to in this case as well. changed to: if( $from && ($from!==$to) ){ cleanFrom(); } and this seems to fix it.
Trying to disable select menus if search box used
Heres the mark up of the search box and a portion of a select menu: <input name="searchKeyword" id="searchKeyword" type="search" placeholder=" Keyword(s)" data-theme="a" /> ..... <select name="searchDay" id="searchDay" data-theme="a" data-mini="true"> <option value="0">Day</option> <option value="1">Sunday</option>And my script which is not doing a thing is: $("#searchKeyword").blur(function() { $('select').attr('disable'); });I've tried
Jquery-1.7.2 failing on line 1883 when there is a change event attached to document.body
I am using query date picker. In our application we are using query to attach a change event on document.body. This is causing problem when used in IE 8. Whenever a month is selected from the drop down in date picker query-1.7.2.js fails on line 1883. Is this is known issue which has a fix or is there a workaround that can be used. Thanks in advance
problem with table and hidden rows
Hi everybody. I've just noticed a problem using jQuery 1.7.2 with latest jQuery UI. Since the problem is quite difficult to describe, I created a jsFiddle which just shows it: http://jsfiddle.net/qKmw9/ In this setup, there is a table with nested subtables, the rows with the nested subtables are hidden, except the last one that has an inline display:block but has also the layout screwed hard. To show also the other hidden rows, click on the rightmost missing image on each main table row: in this
Why doesn't a JQM <input type="text"/> that is already populated get updated?
No I don't have code. It would take too long to rip it out and get it to reproduce the error. But this is what happens. 1. textbox on page 2. navigate to dialog 3. select value on dialog 4. return to page with textbox - textbox is populated with value from dialog 5. do this again - this time the text box does not appear to change however, if you open up the web inspector and remove jqm's clases the value is there. anyone experienced with jqm is familiar with these hijinks. does anyone know what
setting Jquery Mobile data-collapsed attribute at runtime
I'm trying to use the collapsible div in jquerymobile. I want to make the div collapsed when there are more than one row in the dataset, and not-collapsed when there is only one row. I'm trying to set the data-collapsed attribute on the div (id=collapser) using jQuery on a C# Razor page, but the attribute is not getting set. <div data-role="collapsible-set" data-theme="" data-content-theme=""> @{ if (Model.Count() > 1) {
Icons in Buttons for JQuery Mobile Not Working
Hi ALL, Was hoping someone could help me with this? For some reason the little icons in my buttons are not showing. Instead I get a blue circle in their place. Anyone have any idea why this is happening? See attached screenshot Thanks,
Why doesn't this LOC work (indexing jquery objects?)
EDIT: solved. This forum should really have a delete post option. I get a null value. And I actually only want the first element (does subscript operator work?). The ul element in question definitely exists. alert($(node).parent("ul").offset());
Confirmed PhoneGap jQuery Mobile BlackBerry Bug
Hello, I have a bug that needs fixing. A PhoneGap team member has reproduced my problem, and there's definitely a bug when using PhoneGap and jQuery Mobile on a BlackBerry. This is the issue: "touch end" events are not firing when a user moves his/her finger in a vertical direction. It's only with vertical finger drags (horizontal OK) on BlackBerry when using jQuery Mobile and the app is wrapped in PhoneGap. I have a small sample app that clearly shows the issue: an app that allows a user to move
Problem with parseInt()
Hi, I wrote this code: parseInt($("#totalSum").text("5Y") , 10); the result should be: 5.. but the result is 5Y. Why? I can't figure it out.. thanks...
cache[ id ] is undefined in jQuery .data() code
Hello, I need some help and hope anyone can give us advise or help on the error that we're getting when we tried to upgrade to v1.5.2. In the .data() code we're getting the 'cache[ id ]' is undefined error. Below is where the error is thrown: line 1376 - 1407 of jQuery 1.5.2: ******************************************************************************************* if ( !cache[ id ] ) { cache[ id ] = {}; // TODO: This is a hack for 1.5 ONLY. Avoids exposing jQuery // metadata on plain
Detecting div load
I am using the query mobile multipage template like the code below. I am trying to populate page two with content once it loads. What event should I use to do this? I would like it attached when it loads the second page. I currently have the populate functions attached to the link on page 1. I have tried focus but it doesnt seem to have the effect I want. <div data-role="page" id="one"> <div data-role="content" > <h3>Show internal pages:</h3> <p><a href="#two" data-role="button">Show page
Re: FancyBox
Here is my HTML coding. (My css is internal.) <link rel= "stylesheet" type="text/css" href= "scripts/jquery.fancybox.css"/> <script type= "text/javascript" language= "javascript" src= "scripts/jquery.js"></script> <script type= "text/javascript" language= "javascript" src= "scripts/jquery.fancybox.js"></script> <script type= "text/javascript" language= "javascript" src= "scripts/jquery.fancybox.pack.js"></script> <script type= "text/javascript" language= "javascript"> $(document). ready (function()
How to convert jquery mobile slider to look like progress bar?
Hi All, I want to convert the jquery mobile slider to look like jquery ui progress bar.I am using latest version of jquery and jquery mobile. Can please any one help me in achieving the same.
Passing var between processing js and load different txt file in html by javascript
I am not familiar with jQuery, so please explain more details to me. 1. I have a .pde file will detect user mouse click, and there are few object in it, if the user click on the first one, I will get '1' as output and so on. And I have create a var in javascript to store the output, but how can I change the var value in processingjs? (Under have the demo code, it will be more clear.) 2. How can I load different txt into a div in html depends on a var? When I done part one, and depends on the user
jqm 1.1.1 + phonegap / input type text don't work
Hi, Simple code ipad or virtual device: the focus is ok, the virtual keyboard is ok, but it don't work..?! same issue here (android): http://stackoverflow.com/questions/11363411/jquery-mobile-form-input-text-on-android <div class="contener"> <label for="basic">Texte :</label> <input type="text" name="texte" id="texte1" value="" /> <label for="basic">Texte :</label> <input data-mini="true" type="text" name="texte2" id="texte2" value="" /> <label for="basic">Numéro :</label> <input data-mini="true" type="number" name="texte3" id="numLibre" value="" />
Status of autogrow text area?
Hi, jQuery 1.0 has a bug with text area autogrow, it will grow bigger but not smaller. Has this behavior been fixed in 1.1? Thanks!
slideToggle step callback
What's the easiest way to get step-callback-function for slideToggle?
How to detect of an element is over a div?
Hi, I need to know that when using Jquery Ui how can you detect if a element is on top of a div even if it was dragged onto the div. I want to display a button that if the element is above a div and when you press this button. It will add it to the div. Once this element is added to a div. If you right clicked on this element you will get another button that if clicked will take the element out of the div and be ontop of the div in the same location. How can one do this? Yes, I have asked something
append statement
in the below code , why the append statement didnt executed and it will be executed only if you remove the load statement <script type="text/javascript"> $(document).ready(function(e) { $("button").click(function(e) { $("div").append(" this is an appended content to the div"); $("div").load('test1.txt'); }); }); </script> <div></div> <button>Load the text</button>
Contact form almost working
Ok, so I have my first page ready where I do a calculation which is fine. From this page you're supposed to move on to my second page, where I have a contact form. This form sends an email to me. This works fine. BUT when the user clicks Submit I get an 'Error loading page' (or in firefox a white page with the text 'Undefined'.) I have been told, that the Undefined-message is shown because the page I'm linking to is not a valid jqm-page. I WOULD LIKE the contact form to respond me a message - 'Thank
Excellent new opportunity for developers to monetize more with their Apps.
Well I don't know if anybody knows it or not but Nokia has announced that they have partnered with Vodafone India and Airtel and Reliance to offer integrated billing solutions on the Nokia Store in India. This would let users download apps from the Nokia Store and pay for their downloads as part of their monthly mobile phone bills or have the amount deducted from the pre-paid balance. This would surely increase the earning potential of the paid apps that developers submit. Go To: Earn more with
Background button is clicked automatically
Hi I've packaged my JQM App using phoneGap (android & ios). It works fine, but shows an issue like a background click/tap event is occurring is some cases. ie If I clicked on a button in popup window the click is propagated to background button. How can I prevent that? Currently i've set an overlay behind the popup and set some delay for the overlay to remove(i dont think it's a good method), but bottom tab bar is showing same issue since overlay cannot be place here.
Why there are two tooltips ocurring?
Hello, please look at jsfiddle. When the mouse hover a cell, there are two tooltips ocurring. One is small, the other one is expected with the style. The small one disappears in a couple seconds. Thanks.
FancyBox
I am trying to use FancyBox for a photo gallery on a friends website I am creating. I'm having trouble. Have spent hours with only little broken link image symbols to show for it. Here is what I have done. I have uploaded all the images I have so far (she is sending some through the mail) onto my website account with Web Hosting Hub. (Right now her site is in my own work space so I can create it for her.) http://pointheavenwardsiamese.com/GeishagollSiamese/home.php This is what I mean. Her
Next Page