IS there any solution to back button issue?
I have a simple page setup with links to a second page. It is using window.location=page.php, to move to the new page. First time the link is click, it goes to the second page. Everything works correctly. When I click on the back button, it returns to the prior page as expected. Everything looks OK. When I click on any link, the correct page loads and displays for about 2 second. Then the content of the calling page is displayed. The URL in the address bar still shows that page that was called. Starting
About add content from php file response !
Hi, greetings to all. I'm sorry for my english. I have a problem I could not solve. The problem is the following: I build dynamic objects from a php page response and I cant capture the event from this dynamic object. In the index.php page: <script type="text/javascript"> $(document).ready(function () { #("#bt").click(function() { loadTable(1); }); $("a").click(function() { alert('yes');
Looking for a way to filter images
Hi all, This is my first post on this forum and it's good to be here. basically I want to to this : So basically if you click on logo , only logo is visible and the other photo's are lowered in opacity. I made a class to change the opacity of the images. And created this awfully wrong jquery: $(document).ready(function(){ $(".1").click(function(event){ $('img.2').addClass("white"); $('img.3').addClass("white"); $('img.4').addClass("white"); $('img.5').addClass("white");
Styling Dynamically Added Content
So I've looked online in this issue, but can't seem to find the answer. Let me explain my problem fully. I'm trying to dynamically add content to an <ul> and have it all formatted correctly. What I'm inserting to is this: <ul data-role="listview" id="localStoresUL" data-autodividers="true" data-divider-theme="d"> </ul> I have a list item somewhere else that is clicked and loads this up with data, and I am doing that with the following code: $("#localStores").click(function() { Customer.getLocalStores(13,
Add a class "active" to menu item when clicked. Have it shut off when another menu item is clicked.
No matter what I try I cannot manage to get the li in my single page portfolio to switch/append the class "active" when I click it. I tried using a couple suggestions that I found in the forum but none of them seem to work. Can somebody help me out?? Here's the url to my portfolio: http://alexseabrook.com/test.html I thought that maybe this would work but no matter how many different ways I tried to implement it, it just didn't cooperate (I am a newbie): <script> $(document).ready($(function () {
Load page source into div
Hi. I am trying to figure out how I can grab the source code of a specfic URL and pop it into a div. I have successfully managed to get the current pages source by using: var source = $('HTML').html(); $('#test').text(source); I did think I could use .load() but have not been able to find a solution. Can anyone show me how this can achieved?
Slide-out/in textboxes by mouseover
I want to make a slide-out/in effect with text boxes using Jquery at my Wordpress site, but I desperately need help, please! In the first position I want to show a small box (perhaps with a button with a single word). In the second position ( by mouse-over) a textbox should slide out containing a fair amount of text (ex. 100 words). I have heard that some kind of hover-toggle effect should be possible using Jquery. Is that true? I submit a link to my website: http://hedningen.dk/teatertelegrammet/.
How do I fade images in and out
Im new to jQuery. I want to make a small gallery with some small images. I want the small images to fade out when i click at them and at new bigger images fade in - show up. When a big image is visible the small image has to fade out. Maybe someone has a tutorial? /Janis
problem with $().mouseover
Its my first simple JQUERY experience. I try to implement something like this Here is my HTML code: <html> <head> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery-1.7.1.js"></script> <script type="text/javascript" src="myJava.js"></script> </head> <body> <div id="main-menu"> <a href="#">link</a> </div> </body> </html> And here is "myJava.js" code
MultiFile upload disables the upload button.
I am using MultiFile upload with ASP.Net. I have a CustomValidator control which calls a JavaScript function. However, after the functions is done executing, the upload button gets disabled. I am putting the code on pastebin, because it looks more readable there http://pastebin.com/wPeGgWZk I'd appreciate any help I can get.
showing and hiding a text field based on radio selection - not quite working
Hi, I have the following jQuery, to show or hide a text field depending upon whether the user click on a yes or no radio button Its fine to start with, the field is hidden, clicking the "yes" radio shows it, however it doesnt hide again when clicking the "No" button. any help muxh appreciated Thanks Mark //Hide the field initially $("#hide1").hide(); //Show the text field only when the third option is chosen - this doesn't $('#NHScommssioned input[type=radio]').click(function()
Display of two labels, two text boxes and one button in single line
I want to display two labels two text boxes and one button in a single line.Is this possible in Jquery mobile. Will the alignment be proper while viewing on Mobile devices. Kindly advise with a sample code
Color newbie problem
Hi there My friend and i recently are working on a project so here is the deal I want to pick a color from the pallete ( jquerry ) and i want to make a div in wich the color will be described after picking it example here http://www.pruszynski.com.pl/dach_twoich_marzen/dach_pl.html You pick the colour ( left menu ) and after it colorized the "object"- value of the color WITH DESCRIPTION is displayed bellow the image For me the most important thing is the description of the colour HOW DO I MAKE IT
php in js file
Java script should be in an external js file otherwise wont be valid html. I have lots of dynamic values in my javascript that I generate with php. What is the best way to use php in .js file? Thanks
making the site/app ui unscrollable
Hi I am experimenting with fluid grids in dw in order to make my app-to-be look good at different resolutions. THere is however one issue I have come across. the app consists of two pages, or actually one big with a bookmark to where the second part starts. I need them to be one page because the settings that are made on "page one" are used on "page two". <p><a href="#page2">Ready.</a></p> There is a problem however with minute resolutions, like 240*400, because either some part of "page one" stays
how to submit a document in Chinese?
hello,I am from China ,I Like jquery mobile ,so I translate the document into Chinese,but it is 1.0.1 ; I want to contribute it ,then how can i contribute it to the community?
adavanced level css
i am trying to style my red button , a separate image with label on it and grey stripes i am attaching a a screenshot https://docs.google.com/open?id=0B3IBJKENGE7RS1lwZzhYbTNRbkk is it possible to achieve using css http://jsfiddle.net/rxdRa/1/ providing my code below
Combine Multiple Ajax Call Responses Using Deferred Objects in Backbone?
How can I load in the responses for each request? What I have below doesn't work. I think only .then will display success and error callbacks but I'm not sure how to pass in the actual responses. How can I do this? $.when(CountryCollection.deferred, StatesCollection.deferred) .then(function (resp1, resp2) { console.log(resp1); console.log(resp2); //this callback will be fired once all ajax calls have finished. });
Extra space between parent and child Menu entries - superfish
When I hover over a parent navigation item with children, the dropdown appears but there is blank space between the parent and its children so the two are not "connected". Thus, I cannot smoothly scroll to the children, hover, or click on them. I have tried the z-index fix with no results. Please help. I am a newbie at this and no amount of searching and trying has found a solution. Thank you, Deanne CSS follows: #nav1 { font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0;
Jquery Datepicker date range
Good nights from Santo Domingo Please can you tell me how can I restring "#to" to start the next date of the selected in "#from" ?, for example: if I select January 11 in #From, in #to start from January 12 and not from January 11 again as this code : <script> $(function() { $( "#from" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 3, onClose: function( selectedDate ) { $( "#to" ).datepicker(
.html() method performance question on multiple inserts
If I have a div container that has an id, and within that container there is multiple span tags that all have ids. Would it be faster to replace the inner html of the div container or replace the inner html of the three span tags individually? Option 1 would be 1 call to innerhtml and option 2 would be 3 separate calls to innerhtml but with less data at a time. I am downloading data from the server via ajax, and I want to know which is the best method. Having to update just the div containers
calling a function w/ parameters inside an appended onFocus...
hints are displayed onFocus, and emptied onBlur, which works. However, when I add the second set of field inputs, they don't display the hints. I've narrowed the problem to the function call in the onFocus line: $('.inner').append('<input type="text" name="fieldName[]" value="Field Name" class="long" onFocus="'+desc(showDesc("fieldName"))+'"/> '); using onFocus="desc(showDesc("fieldName"));" throws a "missing ) line 1 row 14" error Take a look for yourself: http://jsfiddle.net/visevo/nMwMw/ Any ideas?
Touch grab and drag
I have a webpage with a crop box to edit an image. On a normal webpage, you can grab a corner or edge of the crop box with the mouse cursor and drag it around. However, on mobile devices (e.g., Iphone, Ipad), I am unable to grab the crop box as the screen only accepts taps (akin to mouse click) and the touch and slide resizes the webpage instead of dragging the crop box. Is there a way to code this programmatically so that the crop box (border or corner) can be grabbed with a fingertip and dragged
Photo Swipe
Hi everyone, I'm was looking for a widely supported mobile & tablet gallery plugin and I found Photo Swipe ( http://www.photoswipe.com/ ). It seems very nice but in the demo, when you zoom in and try to pan the image it jumps to the next image. Try it out at : http://www.photoswipe.com/latest/examples/04-jquery-mobile.html#Gallery1 Is there a fix for that? Or can anyone recommend a good solid plugin? Thanks for any help, ideas, tips!
jQuery Mobile - Swipe Up, Down, Left, Right
On a project my team is working on, we need swipeup and swipedown functionality. I have written a short blog entry in how to accomplish that currently using jQuery Mobile 1.0a2. http://developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html
Tag Manager draft specification
http://tagmanager-tomanderson.rhcloud.com I will be creating this tag manager based on this specification soon.
prepend and append
Below is the :success portion of an AJAX request. The problem is I want to affix the tblEnd string (</table> ) to the end of the #response div, after the last tr, and it is not doing that. I got the tblHdr ( <table>) string added above the first <tr> but for some reason I can't get the closing </table> tag added to the end of the #response div? Is the prob the selector? thanks, success: function(data) { var checkbx ='<input type="checkbox" class="checkall">'; var tblHdr = '<table class="table">';
Validating all form fields and know all is valid before submitting
I normally do my validation onsubmit but this time I was going to use jquery to speed things up. I added the validation to each input onblur when loading and it works fine but I don't know how to determine if all inputs are valid before submitting when doing it this way. I know HTML 5 supports this but I'm not looking to use HTML5 fully. There has to be a better way to do this or is there a way to make this work with what I have? Thanks $('.input').blur(function() { val = $(this).val();
uniform.js form submission - needs double click in ie
I am using the latest version of uniform.js with jquery. In internet explorer when I try and submit the form it doesn't work the first time and have to click again If I dont include the uniform library it works ok (ie one click on submit) but as soon as the library is added in IE a double click is required here is an example http://demo.stg.brightonconsulting.net.au/templates/tests/addArticlePopup/index.html thanks
Android Help - What's realistic/How to test
Hey Everyone. JQM grades Android 2.1-2.3, 3.2, 4.0, and 4.1 at an A level. But, don't the devices have a huge impact on that? I have my application working well with iPhone 4 hardware and higher (any OS 4 and higher). But, as I start to get my hands on some Android devices I'm seeing alot of things not working. HTC (Verizon on Wifi - Sense 2.1, Android 2.3.4) The click delay doesn't seem to work so scrolling the window activates everything (I give the device a 6 out of 10 on scrolling capability
how to add Radio Button color ?
here is the code: <fieldset data-role="controlgroup"> <legend><strong>DIAGONAL INSTALLATION ?</strong></legend> <input type="radio" name="radiobutton" id="radio-choice-1" value="1" /> <label for="radio-choice-1">Yes</label> <input type="radio" name="radiobutton" id="radio-choice-2" value="2" checked="checked" /> <label for="radio-choice-2">No</label> </fieldset>
Is this an IE bug or am I doing smtg wrong?
Hi everyone I am devolipng a site and I was using firefox and everything was ok. Now I tried the site with Chrome and IE. Chrome is ok too but IE show some weird behaviour. demo002.desentaki.com this is the site. Try hovering on the leaves with small images on. Even if I hold mouse still it hovers in and out. This is the code I use for hover effect: jQuery(".link1").hover( function() { jQuery(".bg_image_link1").show(); jQuery(".bubble-left-1").fadeIn(100);
$('<img src"/foo.jpeg" />'); // but how to not download the image?
Hi, is there a way to execute above mentioned jQuery code without the browser trying to download the image file named? I am trying to scrape content off of a html document not under my control. I am interested in the textual contents. I don't want it to download the images. cheers, matt
Calling server side method from asp.net page
I'm trying to use jQuery to call a server side method in ASP.Net 2.0, but I keep getting my error message that I set in the error function. Can someone show me where I can fix my code to get the server side method to be called and get the success message? -----------------HTML image that calls popup----------------- <img id="imgDisciplineComments" src="assets/images/edit_icon.gif" class="editIcon handCursor" style="display: none;" alt="Add program/discipline outcome comments" /> -----------------HTML
Optimize jQuery.expr.filters.hidden
Hi, Wouldn't it make sense to alter the order of the expressions in jQuery.expr.filters.hidden to only do the expensive work (elem.offsetWidth) after evaluating the parts that don't trigger a reflow? In the case the element is determined to be hidden by the style, it does not trigger a reflow anymore, what would be a nice behavior for a hidden element. So instead of return ( elem.offsetWidth === 0 && elem.offsetHeight === 0 ) || (!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display)
gallery position problem ;/
Hey, i'm pretty newbie, but i have problem with viewing gallery position and look. all is good until you want to open some of photo that is in gallery window box (must check gallery 2 time cuz sometimes dont want to load ) In my (build in progress) site http://www.bobista0.website.pl/ there is problem with larger photo view - photos are in "GALERIA" but i want result that is on mother site of this plugin http://pupunzi.com/#mb.components/mb.gallery/gallery.html (SEE THE DEMO - WITH THUMBS)
jQuery Hover Flickering Issue
Hi guys, I am trying to use jQuery for hovering on a "li" tag - but for some reason it fires the mouseleave event as soon as I hover on to the item. I am trying it the following way .hover(function () { $.MessageBox("This is a Message"); }, function () { $.MessageBox.close(); });MessageBox is my function to show a popup window. I have three "li" tags in the web page. whenever I hover on it - it starts firing both the event at the same time. Any ideas ?
load vars from database
Hi, I need to make a jquery app for school, now i got stuck with loading some variables out of the database for google maps. Its a table where fuelpump info is stored. But i need to get the coordinates (stored too) out of the database for each pump to find them on google maps. Im trying to for 2 weeks now and i hope that someone knows how to do it. Thanks for helping me Below is a big part of the code: <script> var db; //------------------ Opdracht 2a - Zoek de fout in deze code $(document).ready(function()
Round numbers that are after comma
Hi everyone, i need a little help. Is there any solution how to round numbers that are after comma. Example: Number 4.89 to convert to 4.90. I really need that. I have used: Math.round(value).toFixed(2) - but this returns me the value "5", i need "4.9". Regards Edon Bajrami
On Android 2.3 (not tested on other version), the size of the feature icons is not correct
I am experiencing the same issue that is described in Ticket #3227. http://trac.osgeo.org/openlayers/ticket/3227 The ticket has the following comment:: For the selection is, the ticket #3207 will probably solve this issue. The other ticket consists of multiple patches. My questions are: Are patches for the ticket #3207 indeed solve the problems with ticket #3227 if yes Do I need to take all the patches for ticket #3207 Can you please guide me how to install the patches If not, Are there any work around for
Next Page