submit form without refresh the page and show the user after submitted
Hi everyone, I have tried all the tutorial on the net which I can search, but all of them work without showing me the confirm message. My submit form is simple as follow name input email input textarea comment box The user put their information in, the it will be valid using http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js after the user submit the form, all the information will be sent over the internet to a mail.php file to process the sending. the form disappear and a message
Displaying a image in jquery after an ajax request.
Hi, I am having difficulty in displaying an image once I have got the data using ajax. It displays some kind of garbage on the screen ( Below is the image ). I am pretty sure its because I am unable to define mime type for the image. I am not sure how to do this. I searched the net and there are soo many articles jquery ajax and images but nothing really explains how to get this done. I have this problem as I am image/data is taken from a mysql db.
IE (any version) virsus FF, Opera, etc.,
OK, I finally have a working web application of a static xml (data resource), jqGrid and prettyPhoto and one w3c validated html file. but I have been asked to make a 'proof of concept' for mobile devices (when no internet connectivity is present). my application works just fine when I use any browser other than IE. When I run my application in IE, I get no data coming into the jqGrid plug-in. Is there something that I am missing when working with IE?? Or am I dealing with a IE only problem???
Toggle Class
Hi Everyone, Ive a quick question if someone could help me with. I have a simple toggle effect on my menu. Its similar to an accordian effect, but I want the user to be able to open as many links as possible. That is why I went for the Toggle effect instead of the accordian UI effect. But my question is, when a user clicks on a page. I want the toggle menu to be open on default. So it displays all the sublinks. and they can toggle all the other links but whatever page they are on it is open on default.
Draggable outside of browser
Currently, without using jQuery it is possible to drag an image from your browser onto your desktop (firefox, chrome, safari). I'd like to achieve the same thing using jQuery draggable. Currently, if I try dragging a 'draggable' element, the element disappears when it leaves the browser window. Any ideas if this is possible, if so how? Thanks, Harrison
How to check if there is an element with a particular class?
Hi, Is there an easy way to check if there is an element anywhere in the DOM with the class 'ui-selected' ? Thanks! Christophe
Possible to animate box-shadow?
I've tried a variety of ways to animate the CSS box-shadow property and have been having hit or miss success. Can jQuery animate the box-shadow yet and if so, anyone have code? I noticed a plugin that does this but it seems to get down into the bowels of JavaScript and manipulate and extend jQuery in ways that i don't want to get into. I know that there's the box-shadow, -moz-box-shadow, and -webkit-box-shadow properties available, and to use them in jQuery they'd be BoxShadow, MozBoxShadow, and
Event fire delay!!!
Hello, I would like to stop run a event for a time. But if time ends it should be possible to fire the event again. The target of this is a mouseover effect. It shouldn't be possible to fire the event to many times. Sample: Go over the element -> The event will be fire! I leave this element and go back to the element -> The event will be not fire! I enter the element later -> The event will fire again! I hope you can help me!!
a simple input textbox filtering plugin
Hi everyone. i've developed a simple textbox filter plugin. because creatin accounts is forbidden i'm unable to add it to plugins section. so i'm addin it here the forum section. /* * TextFilter - jQuery plugin for key filtering input boxes * * it's either works with regular expression or character list * you pass filter expression as parameter or add an attribute named "textfilter" in your input type=text * for prohibiting matched characters start with minus(-) or allowing matched ones start with
datepicker and Position-Absolute validation plugin
I am trying to use a jQuery datepicker and a validation plugin from Postion-Absolute. I can get the datepicker working fine and the validation working except when I combine them both. It seems like the validator is firing before the datepicker populates the input. Here is an example page. <html> <head> <link rel="stylesheet" href="ait.css" type="text/css" /> <link rel="stylesheet" href="js/jQuery-Validation-Engine/css/validationEngine.jquery.css" type="text/css" media="screen" charset="utf-8" />
interactive map
Hi everyone, I created a interactive map viewer like Google maps using my own custom map image and using Mapbox plugin with zooming and panning functionality, and this is what I want to do next: On clicking a location on the map, a small popup displayed showing some data(info or link) so if someone could help how to do this, any idea or advice? I am a new to jquery but I am learning fast. I find some solutions to ad multiple links on one image,but if you take a look how mapbox plugin work, I need
maxImage + Opera
Hi all I seem to be having problem with Opera again and Jquery. I have a simple scalable BG image using the maxImage jquery and for some reason my "Nav a" links have stopped working. Does anyone here have any suggestion please. Website Link http://www.aaronvanderzwan.com/maximage/installation.php
why can't I get lightbox to work with a fadeIn?!
I've read a few forums about people who had trouble but none of them helped... the head looks like this: <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/Nudista_light.js" type="text/javascript"></script> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript">
$.inArray
should the inArray function change to be consistent with different browsers? for example shouldn't we change return array.indexOf( elem );to something similar to var ret = array.indexOf( elem ); return (ret==undefined)?-1:ret;or even add a check if ret isNAN ?
jquery dequee
hi need some help, i came across a need of code and never worked with jquery :( my problem is i have some images in a queue in a table 4 rows and 5 columns it mean i have these 20 images my problem is if i click on 1st image then 1st image should disappear and next image 2nd one should come on its place and 3rd image should come in 2nd's place and so on. i have no idea of it. please give me working example of it. :( i have been searching for ages for this and finally reached here. :( please i badly
Toggle edit mode function
When you have a list with items it could be that you want to add a delete button to every row when in edit mode. It could be nice if there was some kind of "edit-mode" flag for a <li/> item which can be toggled by a button. Just a mockup: <ul id="lstItems"> <li>Item 1</li> <li data-role="edit-mode">Item 1 <a href="#">delete</a></li> <li>Item 2</li> <li data-role="edit-mode">Item 2 <a href="#">delete</a></li> .... </ul> <a href="$('#lstItems').toggleEditMode()">Toggle
Sandboxing jQuery
I know this is not strictly a jQuery question. I am writing a module framework and I want to restrict modules from going outside of it's container. I have the following test code. Does anyone know a better method to identify the caller as an instance of Module. Using the constructor property prevents me from further chainig og objects (the contructor property of Sub sholud really be Sub not Module) <div id="test"><h2>hjkhkjh</h2></div> <h2>jhkjhjk</h2> <script type="text/javascript"> function Module()
set concrete image title in images collection with concrete span value from span collection
Hi, I have this sites: index.html with this code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript"> function loadContent(elementSelector, sourceUrl) { jQuery(elementSelector).load(sourceUrl, myInit); } </script> </head> <body> <div id="menu"> <a href="javascript:loadContent('#content', 'selectors.html');">selectors</a><br/>
JQM on Opera 10 / HTC Touch Diamond 2 / Win Mobile 6.5
Hi, browsing the JQM-Demopages with Opera 10 on a HTC Touch Diamond 2 (Win Mobile 6.5) I have to scroll in horizontal direction on each page. Apparently the width breakpoints do not fit to that device. Does anyone know how to make JQM-Pages really usable on this (and similar) devices? Thanks for your help!
BetterTooltip plugin - CSS problem?
Hi, I use the BetterTooltip - plugin to display some title-text when hovering an image. Internet Explorer (7) is showing it just fine, but Firefox aligns the tooltip at the top of my page, while the image is somewhere 600-700px deep on the page. The image is aligned in a table, behind some text and looks something like this: <img src="images/info.png" title="This is some text" class="abo-info" /> So when I hover it, a tooltip has to pop up saying "This is some text". My script: $(document).ready(function(){
Dialog Modal-form solution/suggestion/workaround needed
Hi folks, I am able to use this dialog modal-form when i want to have only one button per page. But, in my directory site, i want to be able to have multiple buttons (belonging to a company listed, if it has email in my database). The problem exists when i open a page with 10 items (let's say 7 of them have email in DB and thus have buttons attached "Contact us via email"). Only the first button from the top is working and styled correctly. The rest of them are displayed with no style and have no
Removing added 'tr' from a template returns '0.nodeType' is null or not an object
Hi, I am using the templates below to add a row into a table using the 'ADD' button. <script id="queryGeneratorRowTemplate" type="text/x-jquery-tmpl"> <tr> <td> <select> <%--name="ddContentSource" id="ddContentSource">--%> {{tmpl(contentSources.contentSourceNames) "#optionsTemplate"}} </select> </td> <td> <select> <%--name="ddManagedProperty" id="ddManagedProperty">--%>
Problems with $.blockUI() in Internet Explorer 7
When I'm using blockUI() for show modal form I've got error in jquery.js: Invalid argument (line 1061) (jquery.js) At sting "elem[ name ] = value" in .attr() method. JavaScript code: $('#deviceAddFormButton').click(function() { $.blockUI({ message: $('#deviceAdd') }) }) HTML is <div id="deviceAdd"><form>...</form></div>, nothing extraordinary
Google Analytics together with jQuery leads to 2 creations of __utm.gif
Hi, I implemented the asynchronous analytics snipped together with jQuery and get two created versions of __utm.gif. When I remove jQuery there's just one left. Does anyone know why this happens? Here's my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <script type="text/javascript" src="http://static.golocal-sol.local/js/jquery-latest.js" charset="utf-8"></script>
Problems with Slider
Hello, i've just upgraded from jquery-ui-1.8rc3 up to jquery-ui-1.8.6. I've designed a custom theme with the theme designer. Now my used sliders didn't look correctly. Please see the image. I've solved this on my own with copying the slider js-function from 1.8rc3 into the js-file from 1.8.6 which was much longer. I don't know, whats the real problem is, but now it works for me. That's the same slider with the slider-function from 1.8rc3. Is it a bug or have I forgot anything? Regards, Stefan
Jcarousel IE - Stop running this script?
Jcarousel causes the following problem on the website www.radiomagnifique.com. Stop running this script? A script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer might become unresponsive. As you can see on the screenshot.
Selectors list and undocumented behaviour
Hi to everyone, I've noticed that using an object as last selector, then the *children* of the element represented by this object are selected. AFAIK both both selectors should be used as described into the documentation[0]. I think it may be a context related feature, but why isn't it documented? Am I missing something? E.g. $outer = $('selector1'); $inner = $('inner', $outer); Thanks in advance for any explanation. Regards, Claudio M. Alessi [0] http://api.jquery.com/multiple-selector/
Delegate from jquery/ iOS
Hey Guys, I use the following code in my WebView to delegate to a native method in my iOS application: <h1><a href="showSettingsView">Show Settings</a></h1>In a pure HTML Doc it works fine, but in my JQeury Application it does not work. How can I delegate to a method in my iOS app from JQuery Mobile? Thanks a lot.
help me understand this interaction between hover and find
I have a simple block of code that uses hover to apply a slideUp and slideDown. For some reason using $(this).child('p') I can't access the nested paragraph tag. But switching to $(this).find('p') works? Why is this, i tried several different selectors that would have worked in other situations, but these would not work with hover. What is going on here? $('#wrap ul li p').hide(); $('#wrap ul li').hover(function(){ $(this).find('p').slideDown( 300 ); },function(){ $(this).find('p').slideUp(
How do I carry the HREF of a link through my jQuery function?
I should not be coding, to be honest, I know nothing about it ... I have a link: <a href="linkedfile.html">LINK</a> I want the HREF value to be carried through my jQuery function. The function goes as follows: User clicks link Linked icons fade out and reappear smaller at the top of the page Link HREF is followed The new page will have the logos in the same place as they fade out too and content will appear in a frame below. However, I am clueless when it comes to Ajax and jQuery and would really
Help with looping through multiple slideshows and looping through one slideshow when hovering
Hi, Firstly, I am a newbie to this forum and jquery, so I apologise if this is not the correct forum to ask my question. I am currently developing a website where the client wants the following: 1. Transition through 9 images when nothing is happening 2. Transition among 3 images when hovering over a specific area of the screen. I've created 3 divs and created a slideshow for each, this allows me to only display a slideshow when hovering over a button. I've managed to get the hovering image effect
Can't stop bubbling.
Hello all. I cannot work out why this doesn't work. $(document).ready( function(){ // Actual jQuery goodness that moves the captions // Set the default value for the caption $('.boxcaption').live('click', function(){ console.log(this); } ); } ); When I run the following and click on a .boxcaption element. It returns the this value 15 times, once for each .boxcaption that is on the page. I only want to return one value, which is the one I have clicked on. What am I doing
Advice for a fading div solution for 20-30 divs
I'm currently developing a site where I host my music and I have about 80 tracks that I've released. My current approach is to have a pagination at the top and below the pagination there are 5 tracks listed at the time using ajax request that returns a table with 5 tracks at a time. Each track has a little 70x70 image, two JQuery UI buttons (play and download), some text and a third party "AddThis" script to present a facebook "like"-button. I don't like my current solution due to two reasons:
Refreshing in Chrome
Apologies if this is something asked before - I've tried several searches so far without success. I have a page with a bunch of divs containing pictures with captions below and I used the following to make them all the size of the largest: $(document).ready(function() { var maxHeight = 0; $(".photo-thumb").each(function(){ if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } }); $(".photo-thumb").height(maxHeight);
Did the behaviour for rel="external" change?
With the 1.0 I was able to click on this URL <a rel="external" href="http://????:????/test/test.html">Play Video</a> Now with 1.0a2 i get the following URL when I click on this link: http://????/:????/test/test.html it appears anything after the colon is treated like a directory. Can anyone help? thanks
Click link to create a MySQL data entry
Hello, I have a PHP class I'm using to create a bookings calendar. It outputs 12 months at a time starting with the current month. Each day of each month is a hyperlink. I would like to use jQuery to allow users to click a day to mark it as "booked". I am familiar with passing data betwen PHP pages for processing and storage in a MySQL database but these standard forms would need far too much page reloading to be practical. Is there a way I can pass the property ID and the date the user clicks on
.stop() jumps to end
Hey. I have problem with stopping an animation. When I stop the animation, it jumps to end, even if I have given "false"-attribute. Example: I click hardware. It starts to move to hardware. I click projects. It jumps instantly to hardware. It starts to move to projects. It stops at projects. What it should do: I click hardware. It starts to move to hardware I click projects. It changes course to projects. It stops at projects. http://laasonen.net/ <- My page http://laasonen.net/js/page.js <- goTo-function
ajaxOptions with TABS
With jQuery tabs I am attempting to use ajaxOptions to post data to the page before I load it. So I have a form on the page before my tabs with some input fields. ie, <form id="myform" method="post"> <!-- inputs etc --> </form> Then my tabs <div id="tabs"> <ul> <li><a href="#tabs-1">Preloaded</a></li> <li><a href="ajax/content1.html">Tab 1</a></li> </ul> <div id="tabs-1"> <p>Initital content</p> </div> </div> Now I should be
new setClass effect (with use cases)
Input fields in ajax forms often have multiple visual states, usually stored in css classes such as .default, .invalid, .modified, etc. I could not find an easy way to animate those input fields from their current state to any new class. addClassdoes not remove the current classes. switchClass requires knowledge of the other classes (introducing code duplication). Doing $(elem).attr('class','').addClass('myClass'); transitions from the default style rather than from the current style. With the patch
Referencing internal pages on an external page
I've been working with jQuery Mobile and trying to setup a content site where each page has two internal pages, one of which is actually a menu for the site. I'm having an issue though where the content I want selected by default does not seem to be showing up. I have a working example of my issue here: http://stanlemon.net/mobile-demo/index.html Start by clicking "menu" in the upper right, and then click on "test". You should see a lorem ipsum set of paragraphs but instead you're taken to the menu.
Next Page