IE issues using hide/show/toggle
have two images. I'd like to have them next to each other and then clicking on hide/show/toggle will of course, hide show toggle them. works in chrome, works in ff. craps out in IE. but it was my impression that jquery would work in IE? could I please get some advice on making this work in IE? this is my code html... <div class="row-fluid"> <div class="span12"> <div id="theDivLeft" class="span6 offset4">
how to preload html content into a div ?
_toc.html is a large file with "table of contents" content that I load into a specific DIV and then manipulate its style with jquery. (I like this approach for presenting the same content in all 100 web pages that need it.) It works so far BUT the rest of the web page appears first, and 2 seconds later, the DIV content appears. How do I get the DIV content to appear at the same time as the rest of the page? My current code: // the callback var loaded = function() { styleTheTocNav(); // acts
need help stopping slideshow to last image
I am using fotorama, a jquery based slideshow and I would like to stop the slideshow at the last image. There is no such option among the preset ones...slideshow will just keep looping... Can someone please help me to figure out how to do this? While looking at the code I noticed how there is a var that specifies how many slides there are, in my case 5, and I also noticed how there is a index - 1 that should measure the slides and tell the slideshow we are at the last image...need some help on how
JQuery Cycle Plugin not working when hosted
I have added the cycle plugin to my site here http://airseaglobal.com.au/test/fix.html When i preview the page locally the slideshow works fine, but when viewing it on the web host it doesnt seem to recognize the js files. This is the code within the page <!-- include jQuery library --> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script> <!-- include Cycle plugin --> <script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>
Disabling jQuery tabs content
I am developing a php application using jQuery tabs. I need to create a form that has various tabs that are to be enabled depending on what security group you belong to. Disabling the tab is the easy part. My issue is that the content that would be in the tab is still passed to the browser. Anyone can view the source of the page and see that content that I didnt want them to see. How do you handle blocking the content on the disabled tab? I am open for ideas and cannot find any direction when searching
How to change the background image in ui-li-link-alt
hi guys this is my code in CSS .ui-li-link-alt { background: url("../img/AddtoFavoritesUnselected.png") no-repeat rgba(0, 0, 0, 0) !important; background-position: 109px 50% !important; } and this in on my HTML button $("#Recipe").click(function() {// $("#RecipeList .ui-li-link-alt").css('background','url(/img/AddtoFavoritesBig.png)') $("#RecipeList .ui-li-link-alt").css('background-position','109px 50% !important') }); but its
jquery function call creates multiple instance of countdown timer
I actually wanted to have something, where a user can choose a date from jquery datepicker and set the target date for countdown timer. I already have edited the code (http://pastebin.com/NHRuJ5mL) and the output you can see (http://goo.gl/OECkt). Actually put all of your code inside datepicker onSelect option. So when i select a date a timestamp is created and countdown timer is initiallized. But the problem is when ever i change the date plugin function is called once again and new instance is
1 event 2 functions
How best to combine this <script type="text/javascript"> jQuery(document).ready(function(jQuery){ jQuery(\'input\').remove(); }); jQuery(document).ready(function(jQuery){ $(\'#pop_button\').remove(); }); </script>
How to set datepicker from another field
Hello fellow jquery travelers. Im trying get datepicker to use a mindate from another field. How can I set up the mindate when a user selects a date from another field and then I get the xx/01/20xx as the mindate of the field Im trying to get datepicker to use.Example First date 08/13/2013 Second Date would have the datepicker mindate start at 08/01/2013 Thank You
JQuery Validator Plug-in help, please
Hi, I'm a newbie - please be gentle with me - we all have to start somewhere!! I have a form that works fine, but I am having problems with getting the Validator Plug-in to work. I have scripted the form including the validator code. However, when I try to use the same code in the live site, I get an error as follows: Uncaught TypeError: Cannot call method 'setDefaults' of undefined, which is generated by the statements starting: Copy code <script> $.validator.setDefaults({ debug: true, success:
remove blue highlight from jquery ui tabs
I'm using jQuery UI Tabs and want to remove the blue focus highlight when I click on a tab. I've tried input { focus: outline:none; } with no success. Any ideas?
New to jquery, suggestion needed.
Hi, I am working on an RSS widget for one of my projects. I have managed to got my feed scrolling using jQuery, everything was working ok, but while doing minor adjustments I think I have messed up something and can't get it back to normal. I have tried adding to "top" the height of the "li" item but it scrolls all the way down, over and over jumping all the content of the feed. ex: http://server.info-spot.net/ What am I missing? Thanks!!! (function($){ $.fn.vTicker = function(options) { var defaults
Having unstable layout, swipe event issues with my first jQM web app. Need help.
Hello, This is my first jqm web app that is running here When the page loads, after few seconds, a introduction tour starts which has some steps. After you click done, if the page doesn't come up plz, click the above link again as I still need to fix the link on Done button. I have tried many things but I am not able to solve few issues with this app: When the intro dialog appears on iphone 4 and android mobile devices, the dark background of the body doesn't fill up the whole page. I have attached
Help a student out!
Hi all! I am a student and we were assigned to create a very basic app which runs on Android devices. We were thought to use jQuery mobile in Dreamweaver CS6 so that is where I build this. Everything went pretty smooth and now I've come to the testing phase. In short: it just doesn't work and I have no idea what I did wrong. When previewing in Dreamweaver everything works but at the device it doesn't. Everything about the coding I know is really basic so I have no clue where to search. When the
change image size jQueryMobile list
I can not change the jquery mobile css to resize an image inside a list , I put the image to a width 20 % and high auto. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> </head> <body>
How to format text inside collapsible header?
Hi, In my collapsible widget's header I'd like to display two parts: status on the left and time on the right of the header. Thanks!
Jquery autocomplete - default value to the textbox
Hi, I have implemented jquery autocomplete to a textbox. here is the code. $("#txtState").autocomplete({ source: function (request, response) { $.ajax({ url: '@Url.Action("StateLookup", "PatientDemographic", "")', type: "POST", dataType: "json", data: { searchText: request.term, maxResults: 10 }, success: function (data) { response($.map(data, function (item) {
accessing child's parameter
Could You please help me to know. I can't get a pager in jQuery Cycle Plugin with non-digital buttons' names. Markup: <div id="id1"> <div id="slideshow"> <a> <img alt="alt1" src="src1.jpeg" /> </a> <a> <img alt="alt2" src="src2.jpeg" /> </a> </div> <div id="pager_wrapper"> <ul id="pager"> </ul> </div> </div>I know a demo to get the numbers of the buttons:
The strangest rendering issues in iOS7
I'm getting the strangest rendering issues in Safari on iOS7 for http://lekke.jitsu.com/ I've triple checked everything that could lead to a problem without any luck. My concern is that other JQM sites work as expected. Any advice or help would be greatly appreciated.
portrait orientation in jquery mobile
how to block portrait orientation in jquery mobile.
Give Me Approach!
hey guys. I wanna develop a website like this one: http://press.jamejamonline.ir/ as you can see the page of newspaper can be turn to another by mouse pointer and the boxes of news are separately contained a piece of text. This website is based on jquery, I guess, but any body know which plug-in? it 's already has been archived based on date. I waited for your advises! thanks in advance
attach events for the elements which are in a div
Hi Team, I have tow div's say divA and divB. Both are overlapping divB is having higher z-index -11 divA is having z-index - 10 Now dynamically i add div elements to and thosed divs have class attribute has "subdivs" divA and i want to add double click event for the child elements added to divA i tried below ways but did not work out $("#iddivA').delegate("dblclick",".subdivs",function(){console.log("hellow")}) $("#iddivA').on("dblclick",".subdivs",function(){console.log("hellow")}) but none of
YUI Compressor breaks JQuary-ui-1.10.3
Hello guys! At our project we're using jquery-ui-1.8.1.6 with jquery 1.6.2 When we tried to update jquery-ui to version 1.10.3 (and jquery up to 1.10.1) when we started our web application we got such an error Uncaught ReferenceError: Invalid left-hand side expression in postfix operation jquery-ui-1.10.3.min.js:2 i noticed that it happened after we'd built project and Minify Maven Plugin (which uses YUI Compressor) had minimized jquery-ui-1.10.3.min.js I've found similar issue here http://bugs.jqueryui.com/ticket/6060
Is this form done in jQuery?
Hi Everyone, I am new to this forum because I am slowly learning jQuery and need some insight on something. I saw a form on Qdoba.com. There is effect where if you click on a checkbox, the checkmark slides up and then if you uncheck it, the checkmark slides down. Here is a link to the form: http://www.qdoba.com/menu-nutrition/burritos-menu-nutrition I would like to know what language this was created in and if possible, how might I best approach recreating this. Thanks for you help in advance.
Adding Text To Div Using Jquery
I am trying to add a line of text to a span tag, and although it seems like it should work something weird is happening, it is adding many lines of the text I inputted into the script. I want "On Sale For" to appear before the sale price span, so I am using the following. <script> $('.SalePrice').each(function() { $(this).before($('<span>').prepend('On Sale For: ')); }); </script> And it does add it, however there are about 10 more extra "on Sale for" ;s as well, how do I get it to just show one.
How to detect if DOM element attribute changes based on an event?
Anyone knows of a way to detect when a DOM attribute changes with jQuery? For example, I have the following HTML code.. <div id="ctl00_ctl00_cphMain_cphMain_upoCategories_uprProgress" style="display: none; position: absolute; z-index: 100000; width: 723px; height: 1014px; left: -50000px; top: -50000px;" role="status" aria-hidden="true" class="updateProgress"> <div style="position: absolute; left: 353px; top: 299px;"> <img id="ctl00_ctl00_cphMain_cphMain_upoCategories_imgUpdating"
Alert isn't working
My code: <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $('.Test').click(function(evt){ alert('123'); evt.preventDefault(); }); </script> <div class = "Test">Test</div> When I clicked the div, alert isn't working.Any one help to get this alert?
Calling a jQuery function from another file
OK - I didn't think this was going to cause me such big headaches. I have the following function: function getTimeStamp() { var now = new Date(); return ((now.getMonth() + 1) + '/' + (now.getDate()) + '/' + now.getFullYear() + " " + now.getHours() + ':' + ((now.getMinutes() < 10) ? ("0" + now.getMinutes()) : (now.getMinutes())) + ':' + ((now.getSeconds() < 10) ? ("0" + now .getSeconds()) : (now.getSeconds()))); } Until this morning - the function
Can't get inner div to scroll
I'm trying to get a div to scroll but have the page not scroll. The div "content" is being replaced by javascript using innerHTML. I cannot get the content div to scroll with the following code. But it does scroll if I put in height:800px. But I don't want to specify the height because this might be on the desktop or mobile device. I want the height to be by percentage. I have the following structure <body> <div id=header style="height:100%">headerinfo</div> <div id=content style="height:100%;overflow:auto">content
Make two columns height equal
I am tesing a 2 column css layout. Right now the two columns are not having the same height. Please see jsfiddle Thanks
jQuery Cycle reverse transitions blindX
I wanted to use the jQuery Cycle slideshow transition effect 'blindX', but I needed the transition to start from the left edge instead of the right edge. The advanced option setting opts.rev did not do anything for this effect. Here is the patched function taken from jquery.cycle.all.js: $.fn.cycle.transitions.blindX = function($cont, $slides, opts) { var w = $cont.css('overflow','hidden').width(); opts.before.push(function(curr, next, opts) { $.fn.cycle.commonReset(curr,next,opts); opts.animIn.width
$.ajax() username/password - how to capture them
According to jQuery.Ajax, it includes a username and password attribute with the $.ajax call. $.ajax({ url: '<some-file.php>', type: 'POST', username: <my-username>, password: <my-password>, data: {code:<some-code>}, success: function(data){ } }); Here I have passed my username and password to <some-file.php>. And in <some-file.php>, I need to capture those username and password. I tried $_SERVER['PHP_AUTH_USER']
jQuery dashboard
Hey guyz, I m new in this community, What I want to do is create a dashboard, 1.tabs(able to add,delete,sort) 2.the tabs should give option to add some divs which will be like sortable portlets in jquery ui(able to minimize,maximize,add,remove) But I m not getting how to do this. PS. can I use highcharts on this sortable portlets?
jQuery UI Dialog with TinyMCE blocks button click first time in Firefox
I have jQuery UI Dialog form, which has a TinyMCE editor. It is working well with Google Chrome and Internet Explorer8+. But in Firefox, when I edit/change the content in the TinyMCE editor and while clicking the submit button, the page gets focussed on the TinyMCE editor for the first time. And in the second time it gets submitted. And I am using jQuery validation plugin for the form validation ( in http://jqueryvalidation.org/). And the my code is as follows (This works perfect in IE8+ and Google
Looking to built like counter
Hi, I need to build a like counter as like in facebook which increments value behind the page when like is clicked. Here also i want to do the same but here instead of "like" i want to make as "Pray" once clicked likes for that post should be incremented on database and here on user side(client side) Pray should be changed to "Prayed". And also a value i.e how many people prayed also incremented. here the code, i need to do all the things above mentioned. With this code i cant get exact message id
First tab does not display div when hovering
In my tabs, when the page is loaded, I hide all the divs for the tabs. When I hover over the first tab in the list, the div does not display. I have to hover over one of the other tabs first (which displays its div) and then hover back over the first one. Has anyone encountered this problem? Basically I'm trying to use the tabs as a menu instead of a standard tab control. When the page is loaded, all divs for the tabs should be hidden. It's not until the user hovers over a tab that the div should
Jquery Tab Collapse in IE Quirks Mode
My Jquery Tab Collapse and come down in IE Quirks Mode. Can Any one help me to solve this. Attached Screenshot...
CHILDBROWSER PLUGIN PHONEGAP DIED?????
I'm trying to create my ipa file with phonegap but I get the error Oh geez. Your build failed. Sorry, but a problem occurred on the build server I think childbrowser plugin is now included in cordoba, someone knows how package the application without having to modify the index.html? My config.xml header is <?xml version="1.0" encoding="UTF-8" ?> <widget xmlns = "http://www.w3.org/ns/widgets" xmlns:gap = "http://phonegap.com/ns/2.7.0" id = "http://www.furiousfitness.es" version = "1.0.0"> <name>Furious
Datepicker issues in IE8
how can I solve the alignment problem in IE8 ?
Load page into div. Animation timing not work
Hi, I jst did little webpages, with navigation that calls function for load custom pages in div function changePage(Id){ $("#content-page").fadeOut(200); $("#content-page").load("content_page.php", {id: Id}, function(){ $("#content-page").fadeIn(200)}); } <div id="aboutnavi" class="active" onclick="changePage(this.id);">About</div> <!-- CONTENT-PAGE --> <div id="content-page"></div> <!-- CONTENT-PAGE --> Problem is in timing of fade out - load content - fade in. In my case it going
Next Page