send href variable to new page img src - advice appreciated!
Sorry to bother with such a basic request but have been searching for an answer to this for 2days now & cannot find a precise answer.. I have a base html page which contains several thumbnail images with links to enlarged images which I'd like to view in an external page [so I can control the dimensions of the enlarged image]. I thought it best to use an external template html page to launch these within and therefore imagine I need to declare the variable in the thumb links page & image they may
Will jQueryMobile work on a mobile device with IE6? Does it work on Motorolla ES400?
I'm looking at getting a Motorolla ES400 which I believe is running Windows Mobile 6.5.3. It looks to be running IE6 but not sure. Will the jQuery library and jQueryMobile run on this device? If it does run on IE6, are there any limitations such as no transitions, rounded corners etc? Thanks
Fire an event when the page is fully loaded
Hi @ all.. I want to fire an event when the page is fully loaded. I used the ready function but the event will be fired to early. Ok, the DOM is fully loaded but some pictures are still not there/resized. The reason is that i want to get the height of the content. If i use the ready function it may be that the height is incorrect, because some elements (for example: pictures) are not fully loaded/resized. I need a function which gets the height of the content when everything is absolutely loaded.
Jquery get method can sometimes generate postbacks?
Hi, I have a strange problem: I'm using jquery get method to do some stuff server side and than display some results in a div. Sometimes the code acts weird: the calling page gets postback, but this seems to be random....I'm accessing the Session in the page that is called with get...could this be the problem? Thanks in advanced.
funny (and even chuckleable) problem with calling .hide method on active page in ie9
Hi, If you call .hide() on the active page in ie9, the browser window minimises. Is there a workaround for this? cheers Matt
datepicker beforeShowDate
I have an in-line datepicker. I want to apply styles to dates of events on a page which are retrieved via a json feed. I'm using beforeShowDay. The function loops through the json feed and returns [true, 'classname'] for each item where the date matches. An "alert()" prior to the returned array shows that I'm getting the correct results but I can't see the class set anywhere in the source code. jQuery('#calendar').datepicker({ beforeShowDay: function(date) { for (i = 0; i < events.length;
Browser compatibility
_______________________________________ http://www.clean-energyconsultants.com _______________________________________ This is the basic website I'm creating at the moment, and as you will see if you open the link, I implement jquery ui to the extent of an accordion menu with nested buttons for each link. My issues: Chrome: none (except the animated gif in the home page?) FF: the accordion menu appears to work, but each button links the new pages to new tabs, rather than in the "_body" frame.
How to use click and after
Hi, I have the following code fragment that does not work, can anybody help please. This fragment is accessed from another HTML page that includes all the necessary JQuery libraries. <link rel="stylesheet" type="text/css" href="/fedora-ui/menu/search.css" media="screen" /> <link rel="stylesheet" type="text/css" media="screen" href="/fedora-ui/menu/ui.jqgrid.css" /> <script src="/jquery/jqGrid/js/ui.multiselect.js" type="text/javascript"></script> <script type="text/javascript"> $(function()
How to call/view multiple pages in one page?
I'm not sure if this is a jQuery question, I'd like to know how can this be achieved without using iframe or a combination of both? I saw sites using jQuery to achieve the same effect like this one: http://www.gxdeveloperweb.com/dashboardplugin/demo/dashboard_metadata.html How did it pulled the content from CNN and ESPN?
PrevAll order documentation
Here http://api.jquery.com/prevAll/#comment-33411999 guest asks about element order in prevAll function. So my questions are: does inverse order guaranteed why this feature isnt documented example: .class1 #id1 .class2 #id21 .class3 #id31 .class2 #id22 .class3 #id32 .class3 #id33 .class1 #id4 i'm have a node #id32 and i need first preceeding .class2 so i'm do $("#id33").prevAll(".class2").first() could i rely on inverse order or once it could be broken
jQuery Form Plugin (File Upload issue)
IE 9 does not seem to forward ajaxSubmit requests to the server, if the form contains file input control. I've also tested the sample code from(http://jquery.malsup.com/form/#file-upload) on IE 9 and it does not work It works on FF and chrome
Autocomplete plugin is not working on ASP.NET MVC
Hi, I am trying to create a web application using ASP.NET MVC and I want add auto complete functionality to one of my text box. So I have added below C# code into my HomeController class to return the data as JSON objects. public class HomeController : Controller { public ActionResult Index() { return View(); } public ActionResult FindPostalAddressesForNumber(string q, int limit) { return Json(new City[] { new City {Id = 1, Name
:: Show / Hide / Toggle - Multiple Divs and Buttons
Hello guys, I'm starting with JavaScript / jQuery. <html> <head> <title> New Document </title> <style> #button01 { width:100px; height:50px; margin:10px; padding:6px 0 0 0; background-color:#f0f0f0; } #button01:hover { background-color:#ffcccc; } #button01 a { display:block; width:40px; height:40px; margin:auto; background:url("button01.png") } #button01 a:hover { width:40px; height:40px; background:url("button01-hover.png") } #hidden01 { display:none; width:300px; height:200px; margin:0 0 10px
Array methods push() and unshift()
Is push() faster than unshift()? When generating arrays from the right, should I keep doing push() and finally call reverse()?
Jquery cycle: images and pager css problem
I am tryin to center the image and the pager in the page I've created for testing out the plugin. The pager is located on the left. I can only center it by manually setting margin-left but I want something indipendent a fixed number in pixels. Also checking with inspection tools of dreamweaver I found the images are always placed with position:absolute and are bypassing my css. Is there any simple suggestion for this? Thanks, Marco Here's the code: <!DOCTYPE html> <html> <head> <title>jquery cycle
help with toggle animation
I am having trouble giving my toggle function an animation, I just want it animate when it opens/close $(document).ready(function() { var adjustheight = 80; $(".view-gallery-trigger").toggle(function() { $('#view-gallery').css('height', 'auto').css('overflow', 'visible'); $(this).addClass('opened'); $(this).removeClass('closed'); }, function() { $('#view-gallery').css('height', adjustheight).css('overflow', 'hidden'); $(this).addClass('closed'); $(this).removeClass('opened'); }); }); but when i have
How do I make this code more generic?
Hi all. I have a table in which each cell forms a "button" to show/hide a div above it. Each "button" will show/hide a different div. The following code works, but how can i make it more generic? $(document).ready( function() { $('div.highlight-inner').hide(0); $('td.col-1').hover( function() { $('div#highlight-1').slideToggle(); }, function() { $('div#highlight-1').slideToggle(); } ); $('td.col-2').hover(
Using the same plugin twice
Hey, I have a page where im using the Star Rating Widget. I need it to change more than one set of radio buttons into stars, but under the same div. jQuery(document).ready(function(){ jQuery("#stars-disabled").stars({ disabled: true}); }); #stars-disabled being the div, which is used more than once as i have a random amount of users commenting on and rating the same product. So far it only converts the first set it comes across, then the rest are left as normal. Anybody know how i can get
How to make Jquery mobile use less space?
I have difficulties figuring out how to make the components of a jquery mobile driven webapp take up less space in a generic way allowing the users to use the app. without scrolling. I can go in and alter the css for all the elements on the page, but that is not trivial since jquery mobile creates a lot of elements for me. Is there a way to set some css settings to make the app. use less white space and maybe make the components sizes smaller? Morten Denmark
FYI - Can't tap white space on Android listview
This is just some info for others. I'm not always clear on what parts I need from the jQuery Mobile code so I tend to look at the code on the jquerymobile.com site and cut and paste. Found a problem with List Dividers that I cut and pasted into my code causing it to break. <li data-role="list-divider" role="heading" tabindex="-1" class="ui-li ui-li-divider ui-btn ui-bar-b ui-btn-up-undefined">A</li> This <LI> code works great in FireFox but caused problems with the actual list items I was trying
How to make dialog not have X to close on top right corner?
I want the X to disappear (and I'll turn off the ESC key), so that the Cancel and Apply buttons are the only way to leave the dialog. How should I make it go away?
autoInitialize Option Removed in 1.0a4?
Hi, To get1.0a3 working on webOS with Phonegap, I would set jQuery.mobile.autoInitialize = false; in a "mobileinit" event handler, and then call jQuery.mobile.initializePage(); and jQuery.mobile.autoInitialize = true; in a "deviceready" event handler. If I did not do this, I would get an error that _trigger() couldn't be called on undefined. This error did not appear on iOS, so apparently it was only an issue with webOS. In 1.0a4, the relevant lines that supported the autoInitialize option
jQuery Ajax call not forwarding to success action
Hello, I am new to jQuery and Ajax. The problem that I am having, is that I am trying to make an ajax call to a struts action that makes a change to the database and upon "SUCCESS", have the control forwarded to another action that will redirect the user to another jsp and construct a page for the user. Everything seems to be working fine except the redirect part. The user is not redirected and only the HTML shows in the response. Any help is welcome and appreciated. I understand that my issue may
Datepicker: fire event on keyboard date change? (NOT onSelect)
Suppose Jane Smith is using the keyboard to edit a form. She tabs into a datepicker input, and the datepicker calendar pops up. She presses CTRL + RIGHT three times to move the selected date three days forward, then presses ENTER to finalize her choice of date. How can I get the currently active date each time she presses CTRL + RIGHT? The onSelect event in the datepicker docs only fires when ENTER is pressed. I want to add ARIA alerts to the datepicker so that blind users can use the datepicker
Putting a fixed header in a jquery autoresponse dropdown
In our Ruby on Rails app, we invoke JQuery autocomplete to perform a search whose results are displayed in a dropdown. We'd like to have the first item of the dropdown function as a fixed header, and items 2-N be part of a scrollable list/div, etc. Is this possible? Any hints or examples on how to do this?
Slideshow script ported script from Prototype... need assistance
I found this neat simple slideshow... it's just 1 JS file, and it barely scrolls. Really lightweight.. but I found it used Prototype, so I ported it to jQuery perfectly, and it works great, but now I want to extend it, to have those little bubble indicators, where it shows which slide you're currently on, and when you click on one, it goes to that slide. I've got it all working fine, except the ability to move to a different slide when you click a bubble... I'm not sure what the ""goto_slide" function
getting the ID from snapped item
Hi, I would like to know if there is a way to get the the ID from the snapped div. like a chess board, A-1 to H-8 When I move some piece on it, I would like to get the ID where that piece is now. Regards
Stop a Deferred callback queue in progress?
This dilemma may only exist because I'm an amateur and haven't thought of a better way. I love love love the new Deferred object, but I still can't use $.when() most of the time. The problem is that there are two kinds of errors: HTTP errors where an AJAX request fails, and application errors where the server-side code has a problem (like an empty form field). It requires logic like this pseudo-code: if (http_error) { handle the error } else { if (application_error) { handle the error
Please, help me with this problem with jQuery, event and textarea
I'm using Google Translate API function initialize() { var content = document.getElementById('text-input'); google.language.translate(document.getElementById('text-input').innerHTML, 'es', 'en', function(result) { if (!result.error) { var translated = document.getElementById("text-output"); if (result.translation) { translated.innerHTML = result.translation; } document.getElementById("text-output").innerHTML = translated.innerHTML;
XML + CSS + event_handlers is it possible?
I've used jQuery to attach event handlers like mouseover to HTML elements such as span and div. I am now thinking of using XML and CSS for presentation instead of HTML but I can't see a way to attach event handlers. Is it possible at all. Is it possible using jQuery?
Application Remote
Good Day, I would like to build an application which could be 'remotely controlled', so to speak, using jQuery. Example, let's say I have a system setup to where a user on my website is reading a blog posting, and from my own computer, I change a setting on my site. How can I, using jquery, make my app 'listen' for those changes and act accordingly? Right now I have a script checking every 5 seconds, setTimeout("function();", 5000);, to complete the task. Is this the right way to do it, or is there
Persistent Footer Nav Bar
Two questions about the persistent footer navigation bar... Is it possible to disable the functionality where it is possible to toggle the visibility of the persistent footer nav bar by tapping on the screen? They are used as mandatory navigation buttons, and I don't want to risk the user accidentally hiding the nav bar and not knowing what to do. On the Android, if the keyboard is displayed, the persistent footer nav bar is re-positioned directly above the keyboard. On the iPhone, this does not
ThemeRoller Not Working
For the past 2 weeks Theme Roller has been acting odd. For a while I could get it to load old themes or from the gallery only in Chrome, now it won't work in Chrome or Firefox. The base page works, but not changing any values and updating. We are trying to generate some updated images and CSS. Any chance of getting the source for Theme rolloer itself so we could just run it on our own server? Thanks. -Chuck
Jquery Mobile - Scroll View Page - on UL-LI
Hey guys .. need some brain assistance. Im trying to do a iphone web app, and i really like the "Scroll View Page" effect, and i would like to transfer onto a UL list ... I tried to rip it directly with the css and js files it seems to be using - but i just cant seem to get it to work. The path to the files should be ok ... Does anyone know if there is a zip file containing this effect or something like that, so i can dload and start trying stuff with the effect .. any how, link to the desired
adding an image to a draggable / sortable area
I've got a script that allows me to drag and sort images, and I can drag them to a trash can if I want them deleted. When I drag and sort the images, the images order is updated in the database, and when I drop them in the trash can, the images are deleted from the database, and the image file itself is deleted from the images directory. I've also got an ajax uploader, which exists on a seperate page, but I'd like to be able to combine the two. Right now if I upload an image, it displays the image
problem with .width()
Hi, i have make a simple code http://jsfiddle.net/pZdrg/ if you click on the first text it was ok, but if you click on the second text, you can see a space on the right side, but i dont know why :/ (and on IE 8 the Width / Height will give wrong value)
1.5.1+ broke my old $.get() json calls
Hi, functions like: function showData(id) { $.get("/url/getdata", {id : id}, function(data) { $("#dialogData").html(data); $("#dialogData").dialog({width: 500, modal: true, zIndex:22000}); }, "json"); } no longer work with the addition of 1.5. Looking at firebug, the correct data is returned, but the function breaks after entering the callback. Everything simply stops. How can I fix this? I read about the changes to Ajax call in 1.5, but I have over a thousand such calls through my project -> I cannot
How to assign arbitrary data to a dialog?
I am making a simple dialog with a multi-select input in it. The dialog will have a Cancel and Apply button (apply will cause a grid to be filtered based on the values in the multi-select). When the user pops up the dialog, they may change the values in the multi-select and Cancel. This will preserve the values and they won't accurately reflect what the grid is currently filtered by. I want to restore the values that were selected in the SELECT if they hit Cancel. I'm thinking the way to do that
Hi, new to jQuery, not to JS
Having a tough time integrating the 2. Trying to create 2 loops, the inner one I had working as below, until I tried to add the outer loop which iterates through the tables. Appreciate any pointers. <script type="text/javascript"> // <![CDATA[ var i=0; $("document").ready(function() { $("div").fadeOut(1000); if(i<5) { $("table:eq(i) div").each(function(index) { $(this).delay(1000*index).fadeIn(1000); }); i++; } }); // ]]> </script>
about id selectors
hi where can i find an example of how jQuery selects objects when using an id selector? i'm asking because i've been using a cross browser snippet to select objects and i was wondering if it's the right move to move from the snippet to jQuery. the snippet checks to see for availabe methods and depending on the one that works, it knows which browser the user is using and selects the object using that method. i also know jQuery is cross browser, so it's kinda implied, just wanna make sure.
Next Page