AJAX with Jquery?
Is ajax using jquery faster than normal ajax request? some of my scripts seem to be responding slow.. so I wanted to know if there is any difference in speed and performance between old fashion ajax requests and using jquery to make them? Thanks!
Trubble getting hash/history to work on injected page
Hi! I have trouble getting the back button to work on a dynamically injected page. Here is the JS Fiddle: http://jsfiddle.net/G4LCh/3/ I have tried both 1.1 and 1.2 beta but the back button refuses to cooperate. The JS Fiddle-example is nearly a copy of the docs-example from: http://jquerymobile.com/test/docs/pages/dynamic-samples/sample-reuse-page.html In the example from jquerymobile your able to use the back button to get back to the parent menu. But in my example you get back to the root page
Very basic question on .css() as a setter
Hello everyone, I'm a complete beginner. I hope to be clear in what I am going to ask. I need to modify an existing mixed html+PHP page containing a login form. What I want to achieve is to signal a bad login attempt through a message in a <span id="error">sometext</span> element. I think that it should be hidden when the page loads so I've put $(function() { $("#error").css('display','none'); }); into the body of the page before the <span> element is encountered. Than, on
jquery mobile transitions when switching to secure url
I have a dialog that appears using the slidedown transition on my test site. When I move to my live site, it is showing with no transition. The reason for this is the URL for the dialog. If I have the url as http://mysite.com/loginDialog.php it works perfectly with the slidedown transition. If I have the url as https://mysite.com/loginDialog.php it loads with no transition. It looks like using https rather than http is causing the issue. The strange thing is, if I click a link on the dialog, the
JQuery newbie - Trying to use two plugins together - Hiding and Unhiding multiple divs
Hi everyone This has been tying me in knots for days now and I assume the answer will be fairly straightforward! I have a website which has many bird photographs and updated it recently to use the Gallerific JQuery plugin. This works very nicely alongside the existing php & MySQL setup. I really want to implement a photo rating script to enhance the site and started trying to implement the JRating Star script. With the nature of the gallery plugin, an array of thumbnails is displayed and clicking
I have this problem with the CSS style sheet not loading I have to click refresh to style the HTML.
When I first call a an app from another app, the link brings up the second app clean with the styles applied. The when I link back to the first app, this link appears correctly. But if I attempt to link back to the second app, the page does not come up with the styles applied. I have to refresh the page in order for it to display correctly. How can I solve this problem. It only works the first time correctly.
Selector with context?
jQuery n00b here... I was going over some code, and was wondering if someone could explain part of it: $.getJSON('/functions.php', { get_param: 'value' }, function(data) { $.each(data, function(index, element) { $('body').append($('<div>', { text: element.name })); }); }); My question is with regard to: $('<div>', { text: element.name }) My understanding from the docs is that is a selector with a context. How exactly does this work/what is it doing?
Show jSon data in unordered list
i get json data as below {"d":["Rice","Hyderabadi"]} i want to show it in ul li * Rice * Hyderabadi any help
append not added to DOM when called inside click function
I am sort of muddling my way through teaching myself jQuery, and I've finally run into a wall that I can't get around. I call append() on an element in the DOM, adding a new element inside it. I make a click handler for the new element, and everything works fine. But when I call append() inside a click handler, the resulting element is not recognized by my selector, and I'm guessing it's not actually added to the DOM. Here's my simplified code; hopefully you can make sense of it: <head> <script
How to remove page from history?
I have a form_page where I have a form to be filled out. When filled out I am going to jump to another page and I don't want the form_page to be part of the history navigation. Consider this kind of page transitions, where it is possible to go back and forth between all the pages, except the form page, which should only be a one way - and that without messing up the history I found kind of similar questions with proposed solutions, but none exactly the same. Remove the page from the history when
How to align text with picture image
I would like to know how to align a name (text) with an image. Currently the image and test are horizonatally align as shown. I would like to know how to align the text horizontally at the top of the image (not on top) instead of at the bottom. ________________ | | | Image | | | |________________ Text Name Is here ________________ | | Text Name Is here (like so) | Image | |
Getting PopUp of IP Address On ajax call On IPhone and IPad
In my jquery mobile project I have the following code being called when the user clicks the 'SUBMIT' button: $('#submitBtn').click(function () { if (validateData()) { $.mobile.changePage('#activelog', { transition: 'pop', changeHash: false }); } }); This page makes a call to the server using ajax to check the username and password and returns a boolean value. On the page change it goes to the activelog page.I then have the following
Is there any way to make the flip switch bigger?
I've been using ui-fullsize on buttons but it won't work if done directly on the flip switch. The best i have is .ui-slider { margin-top:2px !important; height:50px !important; } div.ui-slider-switch .ui-slider-handle { margin-top:5px !important; } .ui-slider-label {padding-top: 5px !important; }
Can't submit page after page transitions.
I am working on a mobile web application, and want to have sliding transitions between pages. However, after transitioning to a page using javascript:$.mobile.changePage('insert page link here','slide'); I cannot perform any submit actions on the next page. Console throws out the error: Uncaught TypeError: Object #<HTMLCollection> has no method 'submit' Anyone have any idea what causes this, and how to get it so I can successfully do page submissions after transitions?
Jesús Beltrán
Desde que descubrí lo fácil e intuitivo que es manejar jQuery en sus diferentes plataformas la vida me a cambiado completamente, esto a revolucionar el mundo web. Les comparto mi sitio www.puntografito.com actualmente estoy trabajando en el, tanto en la interfaz de escritorio como el la móvil. Saludos PD: Gracias jQuery por existir
How to prevent div's from exceeding certain widths when using css percentages?
I am trying to design a site using Jquery Mobile Framework that I want to be able to be viewed also on a regular pc and look fine. my problem currently is that everything stretches out to the necessary widths I set for mobile screens and looks terrible on a normal PC screen. Is there a way I can set things to NOT exceed a determined width on larger screens? Thanks! here is my css im currently using for the logo resize: #logo-center { width: 100%; text-align: center; margin-right: 0;
Problem with concurrent Ajax loads...
Hi, I've been trying to troubleshoot a problem that occurs on every browser (Chrome, Safari, IE) other than Firefox. I have a page that initiates 3 loads after the DOM is settled. Each load is done from within separate script tags throughout the page and the response is placed inside of a span tag located just before the script. Here is an example of one of them: <SPAN id="currentutil"><IMG src='/gif/loading.gif' align=middle /> Processing...</SPAN> <script type="text/javascript"> $(document).ready(function()
Hobbiest newbie, how does this guy do it?
So I am just learning jQuery. I know a little programming (java and python) due to my job, but I am very new to HTML CSS3 and jQuery. I visited this site: Soulwire.co.uk and I want to be able to create a site like that. I love all the interactive elements and how things slide and animate. Can I do this with jQuery or do I have to learn some sort of other javascript library? Another question: When you click on one the menu times on the top of the page (Experiments,Stream,Nodes) it takes you to
'\0' unicode character appearing at end of javascript files
So this isn't a jQuery specific question specifically but i've been wrestling with the for the past day and a half. I have a javascript file in my app called main.js that when the browser loads it from the the virtual centos server I have on my MBP it adds a bunch of '\0' unicode characters to the end of the file and doesn't load the whole file, usually stopping somewhere randomly near the end. I've verified that there are no extra invisible characters in the file. If I rename the file and link
Integrating jQuery Mousewheel Pack with jQuery Lightbox?
Hi all. I was trying to figure out how to add mousewheel support to jQuery Lightbox (Leandro Vieira Pinho version) and failed. Well, not a big surprise, since I don't have any clue about coding javascript. For those not familiar with Lightbox and Fancybox: Both are picture galleries based on jQuery. Only Fancybox works with jQuery Mousewheel Pack, so it supports scrolling the pictures contained in the galleries by mousewheel, which is not available in jQuery Lightbox. That is, what I want to add.
How to change a css class with using jQuery and a .click function
Hi jQuery Forum, First off , you and I have something in common... we like to learn new technologies... it makes life different and fun and it feels new... My Q is about a doc that I have. I have assigned a css class to an anchor or link...in the .css file. I am looking to make this link change its css style from the orignial to a new css style. I must be rusty because ... I attempted to use .addclass ... to the link... Now ... I am an unlucky guy whom sometimes finds things
jQuery colorbox - getting called even after colsing
I am facing a weird problem. I do need to show a popup when checking a checkbox. It works fine, but the same popup appears even during unchecking. if (eminputSelf.attr("checked") == true) { alert('return'); } else { $('#'+needHelpId).colorbox({ title:'',innerWidth:interWidth, innerHeight:innerHeight,close:'shutdown', inline:true, href:popId , onOpen:function(){ $(popId ).show();}, onCleanup:function(){ $(popId ).hide();}}); } Please help. Thanks in advance.
Referencing Div's Loaded From One External Page To Load Them With More Data From A Second External Page
I have a table on a page into which I'm loading a list of TR's with links and with div's from a table on another page. The links all have names and unique identifiers associated with them and within each of them is a div which also has a unique identifier (the id attribute) associated with it. Now this list loads and displays fine on my original page. When I click a link on the list another JQuery request to another page is issued passing the name to the target page as parameters. It's supposed to
superfish conflict with dreamweaver tabbed panels in IE
I'm having a weird issue where if I mouseover the superfish menu and immediately after mouseover a tab in a dreamweaver tabbed panel the content within the tabbed panel disappears. But only in IE. I thought it might be an issue with the relative positioning and tried fooling around with z-index on both the .sf-menu ul and sf-menu li. It fixed the issue but now the submenu doesn't overlay everything on the page. I've tried making a z-index as high as 1000 but it still doesn't work. Any suggestions?
Load XML via AJAX - IE8 not working
So I have this newsfeed system which works perfectly on all browsers..... except IE8! Surprise! Now, the code I have was made by trial and error, so there might be some obvious coding issues which I don't know... Here's the external JS file (I use jQuery 1.7.2 btw) $(document).ready(function(){ $.ajax({ type: "GET", url: "newsfeed_en.xml", dataType: "html", success: function(xml) { $(xml).find("element:first").each(function(){
Dialogs not showing up, question on dialogs and data-dom-cache="true"
JQM1.2.0 Beta JQ 1.8.1 On my page there is a edit-dialog. When testing at some point it stopped showing. Then suddenly I only saw a black page (theme a), but the dialog was missing. I read the docu and hope to have understood correctly that I need to set data-dom-cache="true". Since I changed it I wasn't able to reproduce the error, but because the error was not always reproducible in the first place, please, can someone confirm that the data-dom-cache statement missing was the probable cause of
Fire Fox not Displaying pagers correctly
Need help with a css hack for firefox browers.15.0.1 version This is the screen shot that works in all browers accept firefox. This screen shot is from firefox as you can see the last Button is partly coved with the header called Our Packages This is the css that place's the header called Out Packages under the row of buttons #packagesheader { position: absolute; top: 163px; margin-top: 60px; /* 60px or 6em works in all browers but not firefox the header for Our packages does
jCarousel Plugin: adding mousEnter or mouseOver
All, I know it may seems easy but im trying to figure out how to have the main image show by hovering the thumbnails. Right now the main image can only be shown if you click on the thumbnails. $(document).ready(function () { //jCarousel Plugin $('#carousel').jcarousel({ vertical: true, scroll: 1, auto: 2, wrap: 'last', initCallback: mycarousel_initCallback }); //Front page Carousel - Initial Setup
Couple questions from a total beginner
Hi folks, I'm a website developer, and although I've converted a few sites for handheld devices, they all still have a static narrow width. I'm finally going to get into a style that is a little more flexible, and I like what I see at jquerymobile. I downloaded the package and did some of the initial design, but it appears that the idea is that you choose one of (or a hybrid of) jquerymobile's styles. They're attractive and all, but I really need to have more control over the look so that the
Removing td from drop down menu
Hi: I was a web developer in the 90's but am now a high school Social Studies teacher - so my skills are pretty rusty. I'm trying to help out the school with their Canvas (Instructure LMS) implementation. I'm trying to completely remove the second column called "Managed Accounts" from the "Courses" drop-down navigation menu. We have to do this from a JavaScript file - it cannot be changed on the server. However - the second column won't always be present. Some users get that column and some don't.
jQuery $.inArray() always return -1 with an array of object
I have an array of object, that contain columnNames. when i check if a particular columnName exists it alwayz returns -1 Here is an sample http://jsfiddle.net/trLkt/6/ Help will b appriciated, Thanks :)
jquery delegate method
I want to know that this example fires on second click not at first click, why? i am using delegate function. the example is http://jsfiddle.net/3avaG/. I need this solution badly. first click does not show 'ok' message, after second and so on, do as like, Actually i want to do as like, first click do something and second click do another, But problem is the tag in example appended by append() method when some another event occur successfully. So i need delegate() method. Thank you.
don't display a div
I've create a empty <div> ( without every text ) but this have a style like as background-color and ... Now I write when writing code inside <div> not been shown at all. thank for help.
Simulating keypress events?
I know that I can use jQueryObj.trigger('keypress') to simulate a key press event, but how can I populate the keypress event attributes? I am testing an autocomplete plugin which of course requires simulating keystrokes.
Validation question about email
<script type="text/javascript" src="includes/jquery-latest.js"></script> <script type="text/javascript" src="includes/validation.jquery.js"></script> <script> $(document).ready(function(){ $("#emailForm").validate({ rules: { firstname: "required", lastname: "required", email: "email" }, errorElement: "span", errorPlacement: function(error, element) {
Returning a deferred object from a deferred objects callback?
I´m desperate! I have asked around but couldn´t get any help. This is what i am trying to do: http://jsfiddle.net/Rm9KR/ Note that: document.write(d.state()+"<br>"); d.then(function(){ document.write(d.state()+"<br>"); },function(){ document.write(d.state()+"<br>"); }); Will never run. since i try this from the function: error: function(data,status) { document.write('ajax done: fail'); dfd.reject(); return dfd; } I try to tell the caller that the Ajax call failed (or succeded).
change menu item when user is login
Good morning to everybody, I have this menu: <li><a>Area login</a> <ul> <li><a href="#">Registrati</a></li> <li><a href="#">Login</a></li> </ul> I would like that it changes when user has been login: <ul> <li><a href="#">Chat</a></li> <li><a href="#">Logout</a></li> I control if user is login with php instruction: if(isset($_SESSION['mail'])) ........ Please can some one help me to realize that? Thanks in advance Tegatti
taphold position on event
I need to know the position on taphold event. There is a way? For tap event I have clientX, clientY but in taphold no. Thanks, Simone.
Yet another "Show More" question...
I've successfully configured a DIV to display upon clicking a hotspot. It's awesome!!! Inside my pop-up DIV, I would like a paraphraph to display more text when "more details" is clicked. Additionally, I'd like "More Details" change to "Hide Details." Clicking "hide details" would hide the text. I've gotten Toggle to work in a clean page, but I can't get it to work inside my code below (highlighted in yellow). Thoughts? Micky CODE **********************************************************************
jQuery countdown formatting
Hi there I am trying to create a countdown showing only minutes and seconds. This works: http://keith-wood.name/countdown.html $(function () { $('#defaultCountdown').countdown({ until: new Date(2012, 12 - 1, 8), format: 'MS'}); }); However, the resulting string is 125973 - what I'd like to do is add a comma in the correct place so that it reads: 125,973. If anyone has any pointers I'd be most grateful.. thanks!
Next Page