How to use multiple jQuery instances
Im developing a site on WordPress - Bobakeye.com Currently there are two things on the frontpage that use jQuery; the main image slider and the logo (which fades in and out on hover). Anyway I want to use this http://jqueryui.com/demos/slider/#side-scroll without conflicting with the other jQuery stuff on the homepage. I know little about jQuey and require some help on getting it to work nicely with everything else please. Thanks
List items stay selected with 1.0a4.1
List items stay selected when clicked with 1.0a4.1, at least, on my HTC Desire, not in Google Chrome. In my app clicking a list item moves you to the next page. When you return to the list the item is still selected. This happens with every list item so after a while all list items are selected.
The combination of Cycle and Maphilight
Dear all, I'm trying to combine Cycle and Maphilight plugins on a image map slide. The Fade effect of Cycle works pefectly, until after I inserted Maphilight, which somehow caused Cycle to slide without any effect on IEs. Is there any way to make them work together in peace? Below is my code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script> <script type="text/javascript"
form not submitting after javascript validation
I'm trying to bring two pieces of functionality together, form validation and form submission, individually they work fine, the problem arises when I try to combine them. The documentation says that the 'valid' function which verifies if the form has validated must follow the validate call. The problem is that as soon as I include the valid() (see)(the red block) it stops the form submitting it's data, which normally works. $().ready(function() { // validate the comment form when it is submitted
dialog does not open as a pop up window
Hello there, I am having a problem with the dialog plugin. I am calling it when I click a button, it opens the url, but as an inline and not as a popup window. My code: $(document).ready(function() { $('#sandwich').each(function() { $('#sandwich').click(function() { var day = $('#day').val(); var month = $('#month').val(); var year = $('#year').val(); var customerId = $('#customer').val(); var customerName
Tabs demo example
I'm a jquery ui newbie and was just getting started looking at the tabs widget: http://jqueryui.com/demos/tabs/ I realized that instead of the demo example that was shown, I actually really liked the theme for the descriptive tabs below the demo (Overview, Options, Events, Methods, Theming). My question is can anyone guide me to the theme for those tabs and how they were created/styled? Is it the UI Darkness theme with some extra css? I viewed source and saw the below class but I couldn't find
Datepicker with icon trigger
Hello, When I use the example datepicker with icon trigger all is fine but when the user clicks on the textbox I also want the calendar to pop up too, just like when the icon is clicked. Does anyone know if this is possible and how can I do this ?
Galleryview and mosaic blend?
I’ve been trying to merge this mosaic plugin from http://buildinternet.com/2011/03/mosaic-sliding-boxes-and-captions-jquery-plugin/ with galleryview from http://spaceforaname.com/galleryview to get this example: http://www.forbes.com/2011/03/30/porsche-toyota-bmw-mercedes-business-autos-best-liked-cars_slide_2.html. The result I wanted is an gallery that let you browse through the images and when you hover over the image, the captions pop up. Galleryview doesn’t have ‘pop-up’ captions and I couldn’t
Another step in making my large slider
Ok, I posted before and got some good direction to move in but again I am stuck. I have an image slider that is made up of images from the wordpress gallery function (i am SOO much better at PHP than javascript). I have the output of the gallery to be like this: <div> <ul> <li>image</li> <li>image</li> <li>image</li> <li>image</li> </ul> </div>The div is supposed to work as a window where the overflow is hidden but I have it set to be 100% of the browser width. The goal is to slide through the images
How to make multiple items blink that are not yet in the DOM
I have a function called blink: function blink(strObject) { $(strObject).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100); }; I load a lot of new HTML into the DOM with the LOAD function, and then I want some of the DIVs in it to blink on and off for almost a second. I could do the following: $("DIV.ContainerPanel > DIV.collapsePanelHeader > DIV.ArrowExpand").each(function() { blink(this); }) but it would not work on content loaded via the DOM unless I mix it
Question about .height()
Shouldn't these return the same thing? DOM height theImage.get(0).height 164 jQuery height theImage.height() 0 Here is what the image refers to (actually a much smaller image for brevity) theImage [ <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAPklEQVQIHWP8//8/AyHAREgBSJ4FpoiRkVEIyM4HYmuo2FGgLfVgNsg6qJWFQAGQ3XAMk2OEKoBqxk4R5SYAraobZjXAhjEAAAAASUVORK5CYII=">]
Accessing the Cluetip REL url
Newbie question that infers a potentially interesting feature (to some). When I mouseover to invoke a cluetip using, as an example, the html text below, all is well: <p><a class="jt" href="w:/1TUF-WEB/glossary/parsedtextpages/53/53-1/53-1-5.html?Abaddon" rel="w:/1TUF-WEB/glossary/parsedtextpages/53/53-1/53-1-5.html?Abaddon" title="Abaddon">53:1.5</a></p> And, I know I can modify the cluetip (page) result, prior to display, by making changes in jquery.cluetip.js just after the ajaxProcess: (around
Media plugin difficulties
Hi all, I'm trying to get the media plugin to work on my server. I've stripped down the demo code and the player doesn't show. I've tried different version of the js and have the latest version downloaded to my server. I even added the document ready to make sure nothing was hanging. I'm sure I've done something really stupid, but I want to understand how to use this plugin properly. Any thoughts would be appreciated. Thanks Jay Here is a copy of my stripped down code. <!DOCTYPE
Checkboxes moving around page.
I have checkboxes laid out in a table. When I navigate away from the page and come back the buttons move out of their table cell. All the buttons shift toward the top of the page. The buttons in the code that move are the checkboxes. CheckboxRevDec CheckboxTracking CheckboxRevRa CheckboxPEC Code as follows <div data-role="page" id="Main" data-theme="a" style="margin: 0px;"> <div data-role="content" style="margin: 0px;"> <div style="border: 2px solid rgb(0, 0, 0);margin: 0px;">
JQuery slideshow tripping up
Hi I've created a jquery canvas slideshow to apply image filter while running the slideshow, everything seems working fine but when I apply filter to the image, slideshow does'nt load other slides and keep loading the same slide. to have a look at the problem click the link pls: http://mi-linux.wlv.ac.uk/~0819487/MySlider/mySlider.html Any help you guys could give would be appreciated. Regards
display:none buttons are rendered visible
If I have this HTML <button style="display:none"> Click me </button> Then JQuery Mobile makes a div styled like a button that is actually visible on the page. 1) What markup can I put on the button to hide the created button? Some data- attribute? 2) Can this be fixed? Thanks!
Usin ajax get ...
Perhaps a very silly beginner question; i´ve gone thru a few exaples of the 'hello world' equivalent for ajax; the classic example having main.html with div id="main_panel", then having ON THE SAME folder of the main.html file, the few files for getting via ajax and then render it´s content inside div id=main_panel and so on, happy with that; my question is: All of those examples, always get those 'few files', lets say, one.html, two.html, and so, in the same folder where main.html resides; I want
2 Themes on one page | Buttons not always present
First off. New to JQM and am loving it. FIRST QUESTION: Is it possible to have the use of two themes on one page. Obviously since it is a theme, I assume that once you apply it to the layout, it is set, but I was trying to $htmlout_body .= "<li data-role=\"list-divider\" data-theme=\"c\">" . $s_time_12h . "</li>"; dynamically change what theme was being used on certainly elements. I am sure I could throw some style="" code in the line above and manipulate it that way, but would rather stick
Backward Compatibility with 1.4.1 for Visual Studio with JQueryUI 1.8.12
Hi, I'm new to JQuery and pretty new to Javascript in general. I have a question about running the current version 1.8.12 which I downloaded and came with 1.5.1.min.js with the current version 1.4.1 which comes with the intellisense docs for Visual Studio. Am I forced to go to 1.5.1 for JQueryUI and give up intellisense? or Can I reference the 1.4.1 library or does 1.8.12 need the 1.5.1 to operate normally? or Can I somehow target a specific version of the javascript on the page? Again, I'm new
equivalent to jquery UI "slidestop" event
I'm trying to use a slider to navigate between pages. Dragging the slider changes the "page destination" = aria-valuenow . Releasing the slider should fire a changepage event to the selected destination. Works fine on desktop with "mouseup". On mobile, I'm stuck. Jquery UI "slidestop" doesn't seem to work and the other JQM events don't really fit. Thanks for any ideas. Here is the code: $('.statusBar .ui-slider a').live('mouseup slidestop', function () { goto aria-valuenow-page });
Question about show/hide DIV
Hi all.. I have a code that allows me to show/hide a DIV and works great.. However I'm completely clueless as to how I would have multiple links. I'll explain a bit better. Basically, I want link 1 to show/hide DIV 1, then link 2 to show/hide DIV 2 in the exact same part of the page, and so on with DIV 3, 4, 5 etc. Also, when DIV 2 is clicked, I would need DIV 1 to close with the same effect it would have if I clicked its own hide button, then DIV 2 to open once DIV 1 had finished closing, does this
How to navigate from usercontrol to webform using jquery ajax?
hello. we could redirect from webform to another webform by using jquery ajax , but we had problem with navigating from usercontrol to webform with arguments .(we used webservice to do this operation but it doesn't work too) plaease help me.
How to navigate from usercontrol to webform using jquery ajax?
Hello Dears The autocomplete Code that is related to dropdownlist which is inside an usercontrol , passing the parameters to a webService. through jquery ajax was impossible .so we had to call webservice using namespace, but under som condition it failed so we were forced to use webservice instead of webform but the below code failed too: $.ajax({ type: "GET", url: "/pages/ClientChangeManager.aspx", dataType: "json", data: "{}", contentType: "application/json;
Amateur Night
Not sure if this is the right place to ask, but I currently have these two events (?) in numerous links within a page... onclick="NewWindow(this.href,'rank','350','140','yes','center');return false" onfocus="this.blur()"It works fine, but it is repetitive, it is in numerous links. It seems bulky and I don't like it. I think I have two questions. 1 - Can/how do I do the above events with JQ? 2 - How do I run the script in the doc head so each link can reference it, instead of bulking my code by having
JQuery's WYSIWYG ... Please, need advice.
Hello, I am looking for a lightweight WYSIWYG editor based on JQuery if possible. Is the one of this forums available anywhere? And what other options do I have? I would like something lightweight and customizable (with CSS) both in appearance and functionality. By looking at this forum's WYSIWYG the only new features I would need would be: 1. See the Html code and edit it in a popup window; 2. Define a Header tag; 3. Localized. 4. And maybe maximize it. I have been using TinyMCE. Is great but really
i want to combine 2 script together
i see a fading script here http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/ and i want to use in this menu http://users.tpg.com.au/j_birch/plugins/superfish/#examples so that in first level item by image that every item is Special how can i do that?
Can anyone give an old vb asp guy a bit of help trying to get his jquery on?
thanks for looking... believe me i have tried searching for an answer for this,,, but i guess i must now seek wisdom from the forum The line of code - $("#quote p").load("dbtester.asp?payor=" + $("#payorname").val()); doesn't like the selector payorname value having any spaces in it. If I sumbit with only one word in the input box then it works fine. Problem since i want to use this to write stings of info to db (not just one word at a time) :) For example: if I submit using the string "Bobby
Typo in jQuery types documentation
Heya, I think I found a typo in the documentation at: http://docs.jquery.com/Types I think the boolean example code meant to have quotes around the second last "false" !"" // true
!"hello" // false
!"true" // false
!new Boolean(false) // false (sorry in advance if this post is made to the wrong forum, I wasn't sure which was the best for a post on the documentation)
Content formatting issue when going into theme page and then backing out
Hi, On Windows using the latest Chrome browser I went to this demo: http://jquerymobile.com/demos/1.0a4.1/#docs/content/content-themes.html - go to the bottom of that page and click the "Switch Theme" button - when the dialog opens hit the "x" button (top left) to cancel and go back to the previous page - the formatting is all messed up and the header and footer are now gone This happens on Chrome (Windows 7), the iPad 2 (Safari Mobile), and on my Droid X (Android 2.2). Anyone else noticing this?
JQuery slidehow moving forward to the first pic
Hi there, I've just finished another slideshow, but is there a possibility to make a slidehow go to the fist DIV without sliding back. It should be way better when it appears to slide forward just as the other animations. Many thanks, Jelmer
click on a div
Have a small problem. I'm set jquery to respond to clicks in all div .. like this: $(document).ready(function() { $("div").click(function() { alert("klikk"); }); }); So do I have a html that says something like this: <div style="width: 200px; height: 200px; border: 1px solid #000" id="forste"> <div style="width: 200px; height: 200px; border: 1px solid #000" class="andre"> <div style="width: 200px;
datepicker - disabling past dates
Hi, I want to be able to disable the ability to select past dates with the datepicker, I believe it has something to do with 'min date' but cant work out how to so it... here is my code so far: <script> $(function() { var dates = $( "#from, #to" ).datepicker({ dateFormat: 'dd MM yy', defaultDate: "+0d", changeMonth: false, numberOfMonths: 1, showOn: 'both', buttonImage: 'contact/calendar/calendar.gif',
JQuery.Form plugin - form.submit() not using the plugin
hi all! i'm using the Jquery.Form plugin (which is f%^*ing awesome), but i have a little problem, and i don't see the answer in the docs for it. i want a checkbox to perform a form submit onchange, using the form plugin. i have this in the checkbox: onchange="this.form.submit();" and when the checkbox changes, it submits the form, but it submits the entire page instead of using the form plugin. but i thought the form plugin was supposed to intercept all submit() calls and do it's thing. so, what
How should I select this?
So I have a script that grabs data from an xml doc, and for every result it makes this tree whole header title social body graph etc... clicking on the 'title' would show/hide the body. Up until today the 'social' would be was under 'body', but tooday i moved it to 'header'. Previously I would select the body of each element use .next(), but now it selects social...I was wondering if there is some selector that I can use that will target
JQuery DatePicker conflicts with Validate
When I put the datepicker in my form the validation stops working. As soon as I had the following code, the validation stops working. I think its a conflict between them. What can I do to solve this? Date picker code: $('#data_nascimento').datepicker({dateFormat: 'yy-mm-dd'}); and the script lines: <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
JOOT
Hi all. jQuery is the N1 library for te DOM and Ajax. And I like it a lot. But it has not any tools to compensate for the lack of some OOP mechanism in JavaScript, like classes and inheritance. For that and some other reasons I have developed a small JavaScipt library - JOOT. JOOT provides convenient and simple API designed for sole purpose: to simplify creation of the object-oriented code. I found it very effective to use jQuery in conjunction with JOOT. This combination allows to build high
doubt
Hello I have a doubt with jQuery, I have a virtual store and the codes that DUIs are: <! - include jQuery library -> <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </ script> <! - include Cycle plugin -> <script type="text/javascript"src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"> </ script> <script type="text/javascript"> Where I can not mucar the http:// to https: / / to use my SSL. Can someone help me, I'll
Button planning
Please take a look at these two: http://jquery-ui.googlecode.com/svn/branches/dev/tests/visual/button/default.html http://jquery-ui.googlecode.com/svn/branches/dev/ui/jquery.ui.button.js The approach so far was to keep each task seperate: push button, toggle button (based on checkbox), toggle-set (based on radio). So far toggleButton is applied to a checkbox, while radioButton is applied to some element, and its child-radio-inputs will then be converted to a button set. Its certainly possible to
Problems with posting data to MySQL db
Hello. My name is Andreas otherwise online I'm Didair. But that nickname was already taken. So my problem is that when i press my submit button the site just refreshes. Here is my Jquery code: <script type='text/javascript' > $(document).ready(function(){ $("form#submit").submit(function() { var user = ($_GET["with"]); var textarea = $('#textarea').attr('value'); $.ajax({ type: "POST", url: "js/message.php?to="+
How to use DatePicker on Overlay?
Hi, I have an overlay as a modal pop up. There is a gridview on it and one of the field is textbox which should be a datepicker. But the problem is datepicker does not show up on overlay. How can I do this? Best Regards. Thanks in advance. Here is the sample code: var triggers = $(".modalInput1").overlay({ // some mask tweaks suitable for modal dialogs mask: { color: '#a1eaee', loadSpeed: 150, opacity: 0.8 }, closeOnClick: false
Next Page