return to the main page doesn't fire pagebeforecreate or pagecreate ONLY the first time
Hi everybody! I'm using jquery mobile since version 1.0 (today i'm using 1.2.0 RC2) , and i've a recurring problem. I'm using it with knockout and i need to reload the content of the linked page. To do this, i call my ko.applybindings when the pagebeforecreate is called. I also changed these variables when mobileinit is called: $.mobile.page.prototype.options.domCache = false; $.mobile.ajaxEnabled = true; $.mobile.changePage.defaults.reloadPage = true; It works when I reload any page and go to any
links: ajax working and rel="external" freezing
scenario:on index page there are several internal links and one external link. the moment after the app loads on playbook the ajax links work when clicked. If I choose to click the external target link the moment after the page loads the app freezes. On a second and third opening of the app, the external link works. only script associated with external link is: $('a[target="_blank"]').live( 'click', function() { if ( window.blackberry ) { alert( 'Opening data center' ); var args
Animation twitching
Hi there, i'm trying to make a div that can slide to the left without using jQuery UI, but for some reason the right border of a div twitches during animation. I would appreciate if you could help me. Here is my code: var black = $('div.first'), red = $('div.second'); $(black).hover( function(){ $(red).animate({ left: '-200px', width: '200px' }, 2000 ); }, function(){ $(red).animate({ left: '0', width: '0' } ,2000 ); } ); Thank you!
Datatables - how to change Table Caption element
I can't seem to figure out how to update the Html Table <caption> element once my table is bound to the Datatables plugin. Here's my test case - http://live.datatables.net/oxeqij/16/edit#source Please note that at the top of my j.s. I first call "parsePortfolios()" which has some hard coded XML built in. I can't seem to get this section to fire. I also have a change trigger on drop down list #drpPortFilters, which I also cannot seem to get working here. Any advice would be greatly appreciated, as
[noob]jQuery Slider string help
Hi all, Am trying to get this chunk of code to work at the moment. The code replaces the normal numeric values on the slider with strings instead. Now, the strings appear fine when moving the slider but I am unable to fathom out how to get the initial result displayed correctly. At the moment I can get it to display the numeric representation of the string value only... I've left in the commented out sections of my pathetic attempts to get this to work.. <script> var increments = {
Jquey SSRS
Hi, Is it possible to call SSRS from Jquey directly by using AJAX... If yes please let me know the steps.. Thanks in advance.
Better Plugin for Charts and graphs ?
Which free plugin is best for charts and graph similar to d3 Javascript lib (d3js.org) ? This one doesn't with IE8.
How to load the same page without add anchor
<div data-role="page" id="index"> <a href="#memo" data-role="button">memo</a> </div> <div data-role="page" id="memo"> ....... </div> I want to load the memo page without the url automatic add anchor, because it will effect the back button function, can I?
defining inputs and classes
Assuming this markup: <div class="editor"> <div class="operations"> <input type="button" value="Display" /> </div> </div> What is the difference between these 2 lines? Do the refer to the same button or does the first one refer to the whole .operations div?: $(".operations").click(function () { $("input.operations").click(function () {
Putting scripts inside a query string
Sorry if this is a bit vague but How do I put an existing Script string inside a $("div).html(Script) This is what I have tried but it all goes wrong after the </script>"); and displays all the content for the rest of the script in text else if (myDay == 1 && myhour >= 11 && myhour <= 17) { $('#chatButton').html("<br><script type='text/javascript'>if (typeof sWOTrackPage == 'function')sWOTrackPage();</script>"); } Thanks
Is there a way to capture the text in $('#am-container').append( html );
I would like to capture the text in $('#am-container').append( html ); so that I can directly insert the html text into the html page for debugging. An Alert() does not provide for copying/selecting. Suggestions welcomed... Todd
Remove hotspot outline with jquery?
I have an outline that appears around my poly hotspot, but outline:none isn't removing the outline. Because this runs on an intranet, we don't have to worry about accessibility. Here's a simplified version of the page code. As you can see, I even tried to fade out the image with the hotspot before loading the hidden div on top. It just fades out the image but keeps the hotspot outline. It made me laugh the first time I saw that happen. <html><head><title>ribbon</title><meta http-equiv="Content-Type"
Correct syntax for jQuery inside an 'if' statement?
Hi folks, I'm new to javascript, jQuery and the forum - so this may well be a stupid question... The following script allows a control with ID = 'next' to move through a list of sibling elements (class = 'ListItems') by controlling which ListItem is allocated ID = 'vis'. The script works until the visible ListItem is the last element. So, I introduced line 4, which attempts to prepare the first ListItem to be the next to display, when the current visible item is the last in the list. But the syntax
Javascript even css not work after ajax load page
Sometimes some page's javascript even css will not work if I use ajax load page, anyway to prevent that?
Jquery mobile and google map geo location
Hi, I am new to Jquery/mobile and have designed a web app that serves a non-profit organisation. I want to add a page with a google map so users can add location markers at their discretion and add a detailed info tag as well. I tried the demo coding at Jquery google maps geocoding and inserted the code into html page (updated the script url in <head>) but just shows a map with no tag facility in my local browser. I have not tried server side yet but thought it wouldn't make a difference. Any ideas
The CSS is not applying on the device.
I am new to this and would like to know about the steps required to use jQueryMobile in the Android application. I have downloaded jQueryMobile and included min.css and min.js When I run the application on emulator with API level 15 it is showing the web page well formatted.But when I run it on actual device with API level 10 it does show page without CSS
showpage event doesn"t work on phonegap
Hi, I'm using showpage event, and it works fine in my web browser, but when i load the html page into android using phonegap, the trigger doesn't work. $('#page6').live('pageshow',function(event){ alert('page6'); }); anyone have an idea why? Thank you, Guy
Vertical slideshow
Hi all, Im a jquery newbie. Im using jquery plugins most of the time when needed in the websites that i am developing. I currently have a problem with the one i am working with. It's a slideshow with vertical tab. I looked at some plugins but won't fit the supposed requirement of what I am doing. This is how the template goes. The grayed part is the selected thumbnail and on the other bigger part with white background is where images are loaded once the thumbnail on the left are chosen. Then it should
pushStack workflow in jquery
pushStack word flow and example
while scrolling flexi grid data is disordering in IE8
I am using MVC 3 , .Net 4.0, Razor Technology . while Flexi grid Scrolling data is disordering in IE 8 but working fine in Firefox any help..
jQuery's tolerance on the dirtiness of html files
I wonder how dirty of an html file jQuery can tolerant and still produce correct result in selecting, traversing, etc? Does it require the html file having a perfect well-structured DOM?
.click only after alert?
I have multiple same iD's am try to get a 'rel' after click HTML: <div class="konf_img_container_wrapper"> <div class="konf_img_container"> <div class="konf_img_thumb_xs"> <div> <img src="useruploads_thumb/thumb_temp_54_505f0f8866d55.jpg" rel="10"> <span id="remove-image" class="remove-image"> <span class="ui-icon ui-icon-trash"></span> </span> </div> </div> <div class="konf_img_thumb_xs"> <div> <img src="useruploads_thumb/thumb_temp_54_505f0f9bf23b8.jpg" rel="11">
jQuery validation dataFilter returns custom error message from servlet
Can somebody please help, I use simple java servlet and jquery validation remote and dataFilter to show a custom error message (returned by the servlet) for "email" field. However, even when validation is successful the error still shows up on the page. jsp: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="js/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#myform").validate({
Find and highlight text within specific elements.
I would like to do a search through a specific column of a table. When a letter matches a search string it will be highlighted. For example the following table xxx xxx xxx abc xxx xxx xxx bcd xxx xxx xxx xyz I want to do a search for b in the last column. When found the background of that specific letter changes. xxx xxx xxx abc xxx xxx xxx bcd xxx xxx xxx xyz Is this even possible?
make select slider open multiple php scripts
I want to make one id trigger multiple php files. I`m using the slider to switch my light on and off, wich works great. But i can`t find a way to switch of all my lights at once. HTML <label for="slider"><font size="4px">Stopcontact</font></label><br> <select name="slider" id="stopcontact" data-role="slider"> <option value="schakelen.php?kanaal=a14&actie=uit&optie=0">OFF</option> <option value="schakelen.php?kanaal=a14&actie=aan&optie=0">ON</option> </select> </li> JAVASCRIPT <script> $(document).ready(function($)
jFlow not working in Safari ?
Hi, I'm working on this website, www.maxlakner.com , and it works in Chrome but not in Safari and I can't figure out why. Any help would be very appreciated, thanks very much!
Cloning last three rows and incrementing multidimensional input names?
Having a hard time figuring this one out... I am attempting to clone the last three rows of a table while also incrementing the names of the inputs, which are arrays. (I've put the code on jsfiddle http://jsfiddle.net/5ntbg/1/ To be clear, once the user clicks the "newissue" button, the following should happen: (1) The last three rows of the button's parent table (i.e., table.subtitle-form) are cloned and appended to the table.subtitle-form (2) The names of the inputs should be incremented appropriately:
Calculate div's slider console
Hello, I'm trying to make my own vertical slider instead of using browsers default one. So, I have .header which is fixed at top, and .footer which is fixed at bottom. Between those, it's my div.main which has overflow and possible scrolling. My question is, can I get only visible area of .main with height() or innerHeight, or whatever, or, it's only solution to use: $(window).innerHeight() - $('.header').innerHeight() - $('.footer').innerHeight I'm trying avoid these calculations and only get visible
problem ajax done call
Hi I have this call: $.ajax({ url: '../php/functions/area_id_to_table_name.php', type: 'post', async: false, dataType: 'json', data: {areaOfWorkId: userAreaOfWorkArray} }).done(function(object){ alert(object); });the code after this code is executed, and when I am bagging this in the browser I can see the it skips line number 9. here is the php side code:
multi-page template with swipe
Greetings, It is possible, by the multi-page template, that I can change the pages with horizontal swipe of the display from my mobile phone? Regards and thank you Michael
Script not working in chrome , firefox etc
`Here is a block of java script code for image slide show. it woks fine in ie but does not work in any other browser. plz help me. // The list of images to display in the slideshow //creating a array of the image object var image = new Array("Images/Gallery/Default/20001.jpg","Images/Gallery/Default/20001.jpg", "Images/Gallery/Default/20002.jpg","Images/Gallery/Default/20003.jpg", "Images/Gallery/Default/20004.jpg" ) //variable that will increment
Jquery and jsp
Hallo i am new in Jquery and allso in JSP i have build a function in jquery $(document).ready(function() { var work; $('#subject').keyup(function(e) { work = $('#subject').val(); if(e.which == 13) work +=" <br/> "; }); }); My question is , How can i use the variable "work" in JSP for exemple if i want to setAttribute that the content of the attribute will takken from the variable "work" is it possible? and ides?
Form validation
Hi all, im new to jquery however im in the process of reading Jquery from Novice to Ninja and im learning fairly quickly... however ive got a form on a webpage which tells the user if they havent entered the info required. The thing is the error messages appear in the wrong place and when they appear seem to change my page height which i dont want. I used the insertAfter function and appendTo to see if it would shift it to where i wanted but its still not happening lol I was thinking about
help in overcoming a small problem in the code that I am trying to write
Hello, I am new to jquery and I'm trying to overcome a small problem in the code that I am trying to write. I'm trying to write a code that identifies pressing a button and accordingly hides a div or expose a div. The problem arises when the page first loads, In this situation it takes two clicks on the button for the desired action to occur - instead of one click. after the two clicks its working great, the problem only occur when the page first loads. I'd be happy if someone could help me diagnose
Upload - show info and Space on server?
I have seen this before but can't find the site it was on to show you how long it takes to upload your file to our site. Plus Just curious if there is any code for showing how much space a client has on the server? Is this code we need to make or can we modify some to our application. Thanks
getting started with jQ Mobile.... links not working.. what am I missing?
the links in nav here just won't work... http://mayacove.com/jqm/page1.html very strange behavior.. (url loads in location bar, but page doesn't load, it only load if I hit "return" in location bar in the browser.. (sometimes the new page I'm looking to get to appears at the bottom of the page (page2 @ bottom of page 1, etc..) I used pretty much the code here http://jquerymobile.com/test/docs/toolbars/docs-navbar.html for nav and links... (I haven't applied class ui-btn-active for the selected links,
Caching jQ/jQM (+ PhoneGap)
Hey everyone, I'm trying to work with jQM and PhoneGap to write an app. Using a single-page layout is better to not have to load the whole app into the DOM right away, but leaves me with a great loss of flexibility as I have to define my header over and over again in each file. An even greater problem, though, is having to load jQuery, jQuery Mobile *and* the CSS file again everytime I open a page. My question is if someone knows if a PhoneGap built app will cache those files or really reload them
Calling Files
Hello everyone, this is my first post here :) I've got a jQuery code, that works perfectly in http://www.example.com/dir, but the same code doesn't work at http://www.example.com/other/dir Whats wrong? :s
CSS - how to float an image right AND center vertically
This is really a pure CSS question, and I'm going to state it in pure CSS terms. The reason I'm asking about it here is because it's actually to solve a problem with jQuery Mobile listviews - or, actually, my hand-rolled replacement for jQuery Mobile Listviews. ('ll be creating some sort of tutorial on using this once I am done, and will announce it here. Maybe the solution could ultimately be incorporated into the JQM listview, if there is a good cross-browser solution. It seems rather simple on
JQuery Datepicker - OnBlur
I see there is no Blur event for the datepicker (I am not using the text box and only the UI which displays month and year in the dropdown and dates in text). I am able to fire blur event on the dropdowns individually. What i wanted is to have blur event on the whole control. I am not able to get it fired on the text. Any help would be appreciated.
Next Page